Entwicklung von responsiven Webseiten mit HTML5 und CSS3

Sparen Sie mit 40% Rabatt auf 3 Monate Coursera Plus bei den Fähigkeiten, die Sie zum Strahlen bringen. Jetzt sparen

Entwicklung von responsiven Webseiten mit HTML5 und CSS3

Dieser Kurs ist Teil von Spezialisierung „Frontend-Entwicklung mit React“

Dozent: NIIT

3.981 bereits angemeldet

Bei enthalten

Mehr erfahren

3 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

27 Bewertungen

Stufe Anfänger

Empfohlene Erfahrung

2 Wochen zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

3 Module

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.

27 Bewertungen

Stufe Anfänger

Empfohlene Erfahrung

2 Wochen zu vervollständigen

unter 10 Stunden pro Woche

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Lernen Sie, wie Sie mit Modern CSS und dem Bootstrap Framework responsive Webseiten erstellen, die mit mehreren Geräten kompatibel sind

Kompetenzen, die Sie erwerben

Kategorie: HTML und CSS
Kategorie: Web-Design und Entwicklung
Kategorie: Reaktionsfähiges Web-Design
Kategorie: Front-End-Webentwicklung
Kategorie: Web-Design
Kategorie: Web-Entwicklung

Werkzeuge, die Sie lernen werden

Kategorie: Web-Frameworks
Kategorie: Web-Entwicklungs-Tools
Kategorie: UI-Komponenten
Kategorie: Cascading Style Sheets (CSS)
Kategorie: Anwendungs-Rahmenwerke
Kategorie: Bootstrap (Front-End-Framework)
Kategorie: Hypertext Markup Language (HTML)

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

3 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Weitere Informationen zu Coursera für Unternehmen

Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Frontend-Entwicklung mit React“

Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.

Lernen Sie neue Konzepte von Branchenexperten
Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 3 Module

Die Zahl der Mobilfunknutzer hat in den letzten Jahren exponentiell zugenommen. Einkaufen, soziale Kontakte, Unterhaltung und andere Aktivitäten sind für diese mobilen Nutzer nur ein paar Klicks entfernt. Ein responsives Webdesign passt das Layout und Aussehen der Webseiten an die Auflösung und Breite der Bildschirme an. Dadurch sieht eine Webseite auf Geräten mit unterschiedlichen Bildschirmgrößen attraktiv aus. Die Gestaltung einer übersichtlichen, reaktionsschnellen und benutzerfreundlichen Webseite ist daher zum Gebot der Stunde geworden.

Die Strukturierung von Informationen bietet einen klaren Pfad für die Navigation innerhalb von Webseiten und stellt die wichtigsten Elemente einer Website in den Vordergrund und in den Mittelpunkt. Sie werden lernen, Ihre Webseiten mit HTML5 und CSS3 zu strukturieren und zu gestalten.

Das ist alles enthalten

17 Videos2 Lektüren1 Aufgabe3 Programmieraufgaben

17 VideosInsgesamt 45 Minuten

Kontext Einstellung3 Minuten
Normaler Dokumentenfluss2 Minuten
Beobachten und Wiederholen : Normaler Dokumentenfluss2 Minuten
Erstellen Sie mehrspaltige Layouts mit Floats und Clearfix4 Minuten
Beobachten und wiederholen : CSS-Floats2 Minuten
Beobachten und Wiederholen : Schwimmer löschen3 Minuten
Beobachten und wiederholen : CSS float clearfix hack2 Minuten
Beschreiben Sie die relative und absolute Positionierung von CSS4 Minuten
Beobachten und wiederholen: CSS-Positionierung6 Minuten
Verwenden Sie z-index und stack order, um die Reihenfolge der Darstellung von HTML-Elementen zu ändern3 Minuten
Watch and Repeat : Z-Index und Stapelreihenfolge3 Minuten
Praxis Brief12 Minuten
Praxis Brief22 Minuten
Praxis-Nachbesprechung2 Minuten
Herausforderung Brief2 Minuten
Herausforderung Nachbesprechung4 Minuten
Lernen Konsolidierung1 Minute

2 LektürenInsgesamt 20 Minuten

Anleitung zum Hochladen der Lösung der Programmieraufgabe10 Minuten
Layout einer Webseite mit CSS-Floats10 Minuten

1 AufgabeInsgesamt 30 Minuten

Layout einer Webseite mit CSS-Floats30 Minuten

3 ProgrammieraufgabenInsgesamt 240 Minuten

Typenschild45 Minuten
Mauerwerk Layout30 Minuten
Global Sanctuary Fund165 Minuten

Millennials verbringen die meiste Zeit mit dem Surfen auf mobilen Geräten. Sie werden lernen, wie man eine responsive Webseite mit responsiven Designmustern und modernen CSS-Eigenschaften gestaltet und entwickelt.

Das ist alles enthalten

17 Videos1 Lektüre1 Aufgabe3 Programmieraufgaben

17 VideosInsgesamt 61 Minuten

Kontext Einstellung2 Minuten
Entwickeln Sie responsive Webseiten nach dem Mobile-First-Ansatz3 Minuten
CSS-Medienabfragen und Haltepunkte anwenden2 Minuten
Beobachten und wiederholen: CSS Media Queries5 Minuten
Erstellen Sie ein responsives Webdesign mit flexiblen Bildern2 Minuten
Beobachten und wiederholen : Flexible Bilder5 Minuten
CSS-Anzeigeeigenschaften wie Flexbox und Grid anwenden10 Minuten
Watch and Repeat : Reaktionsfähiges Rastersystem4 Minuten
Beobachten und wiederholen: Flex-Container9 Minuten
Ansehen und Wiederholen : Raster layout3 Minuten
Entwerfen Sie eine responsive Webseite, wobei Sie hauptsächlich Fluid- und Layout Shifter-Designmuster verwenden4 Minuten
Praxis Brief12 Minuten
Praxis Brief21 Minute
Praxis-Nachbesprechung2 Minuten
Herausforderung Brief1 Minute
Herausforderung Nachbesprechung3 Minuten
Lernen Konsolidierung1 Minute

1 LektüreInsgesamt 10 Minuten

Entwickeln Sie eine responsive Webseite mit modernem CSS10 Minuten

1 AufgabeInsgesamt 30 Minuten

Entwickeln Sie eine responsive Webseite mit modernem CSS30 Minuten

3 ProgrammieraufgabenInsgesamt 240 Minuten

Meistens flüssiges Muster20 Minuten
Layout Shifter Pattern Herausforderung55 Minuten
PayRoute165 Minuten

Die Entwicklung und Gestaltung von responsiven Webseiten war noch nie so einfach. Es erfordert die Entwicklung eines Rastersystems, mit dem sich Webseiten an jedes Gerät anpassen lassen. Bootstrap ist ein CSS-Framework, das Ihnen ein Rastersystem zur Verfügung stellt, mit dem Sie arbeiten können. Sie werden lernen, wie Sie mit dem Bootstrap-Framework schnell responsive Webseiten erstellen können.

Das ist alles enthalten

17 Videos1 Lektüre1 Aufgabe2 Programmieraufgaben

17 VideosInsgesamt 56 Minuten

Kontext Einstellung1 Minute
Beschreiben Sie das Bootstrap-Framework2 Minuten
Wenden Sie das Flexbox-Raster von Bootstrap für mobile Geräte an, um Layouts zu erstellen5 Minuten
Beobachten und wiederholen : Bootstrap-Rastersystem8 Minuten
Verschiedene Bootstrap-Komponenten verwenden5 Minuten
Beobachten und wiederholen : Bootstrap-Tabellen3 Minuten
Beobachten und wiederholen: Bootstrap Navbar5 Minuten
Watch and Repeat : Bootstrap-Komponenten wie Schaltflächen und Karten5 Minuten
Watch and Repeat : Bootstrap-Komponenten wie Karussell und Formulare3 Minuten
Bootstrap Dienstprogramme anwenden2 Minuten
Watch and Repeat : Bootstrap-Anzeige, Abstand und Flex-Utilities5 Minuten
Entwerfen Sie eine responsive Webseite mit dem Column-Drop-Designmuster1 Minute
Praxis Brief2 Minuten
Praxis-Nachbesprechung2 Minuten
Herausforderung Brief2 Minuten
Herausforderung Nachbesprechung3 Minuten
Lernen Konsolidierung1 Minute

1 LektüreInsgesamt 10 Minuten

Entwickeln Sie eine responsive Webseite mit Bootstrap10 Minuten

1 AufgabeInsgesamt 30 Minuten

Entwickeln Sie eine responsive Webseite mit Bootstrap30 Minuten

2 ProgrammieraufgabenInsgesamt 240 Minuten

Säule Drop-Muster75 Minuten
Digix-Ingenieure165 Minuten

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Lehrkraftbewertungen

(6 Bewertungen)

NIIT

13 Kurse30.036 Lernende

von

NIIT

Mehr von Mobile und Web-Entwicklung entdecken

Packt
CSS Modern Responsive Web Design – Build 5 Websites
Kurs
University of Washington
Creating Responsive Websites for Any Device
Kurs
EDUCBA
CSS: Design & Optimize Responsive Web Pages
Kurs
Scrimba
Build a Responsive Website with HTML and CSS
Kurs

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018

„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020

„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021

„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen

Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.

Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.

Ja. Für ausgewählte Lernprogramme können Sie finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Einschreibegebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zur Beantragung.