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
Dieser Kurs befähigt die Teilnehmer, moderne Weblayouts mit XHTML und CSS zu analysieren, anzuwenden und zu gestalten. Der Kurs beginnt mit einer kritischen Betrachtung traditioneller Layout-Techniken wie Frames und Tabellen und geht über in die praktische Beherrschung CSS-gestützter Float-Layouts, einschließlich mehrspaltiger Designs und Formularausrichtung. In aufeinander aufbauenden Modulen konstruieren die Lernenden Responsive-Layouts mit Fluid- und Jello-Layout-Techniken, organisieren Inhalte mit semantischen HTML-Listen und entwickeln interaktive Navigationsmenüs rein mit CSS. Das letzte Modul führt die Teilnehmer dazu, die Kontrolle über die Seitenkomposition mit Hilfe von absoluten, festen und relativen Positionierungsstrategien zu demonstrieren und gleichzeitig den Z-Index für die Schichtung und visuelle Hierarchie zu nutzen. Am Ende des Kurses werden die Teilnehmer in der Lage sein, professionelle Weblayouts mit Präzision, semantischer Struktur und responsivem Verhalten zu implementieren, ohne sich auf veraltete Techniken oder JavaScript zu verlassen.
Dieses Modul führt die Lernenden in die Grenzen traditioneller HTML-Layouttechniken ein und geht über in die Verwendung von CSS-Float-Eigenschaften für moderne, flexible Webdesigns. Es erforscht die Grundlagen des Float-Verhaltens bei Blockelementen, Bildern, Absätzen und Formularen und führt zum praktischen Aufbau eines Mehrspalten-Layouts.
Das ist alles enthalten
10 Videos4 Aufgaben
Infos zu Modulinhalt anzeigen
10 Videos•Insgesamt 76 Minuten
Nachteile des traditionellen Layouts•7 Minuten
Binäre Kodierung und Flash-Webseiten•8 Minuten
Schwebezustand mit dem Block Level Element•8 Minuten
Fließtext mit gängigen HTML-Elementen beherrschen•10 Minuten
Komplexe Layouts mit Schwebekörpern•10 Minuten
CSS-Float-basierte Layout-Grundlagen•30 Minuten
Erweiterte Layouts und Menüstrukturen
Modul 2•2 Stunden abzuschließen
Moduldetails
Dieses Modul vertieft das Verständnis für Responsive Design durch fortgeschrittene Layout-Strategien wie das Jello-Layout und die Verwendung von MIN-Höhen. Es geht weiter mit dem Aufbau und der Gestaltung von listenbasierten Menüs mit vertikalen, horizontalen und verschachtelten Listenstrukturen. Interaktivität mit Hover-Effekten und praktische Menütechniken werden ebenfalls behandelt.
Das ist alles enthalten
10 Videos4 Aufgaben
Infos zu Modulinhalt anzeigen
10 Videos•Insgesamt 82 Minuten
Verwendung des Attributs Min-Höhe•7 Minuten
Jello-Layout•8 Minuten
Beispiele Jello Layout•9 Minuten
Zusätzliche Beispiele•11 Minuten
Vertikale Liste•8 Minuten
Horizontale Listen•7 Minuten
Verschachtelte Listen•6 Minuten
Hover-Effekt•9 Minuten
Erstellen von Menüs mit CSS•9 Minuten
Beispiele für die Erstellung von Menüs mit CSS•9 Minuten
4 Aufgaben•Insgesamt 60 Minuten
Responsive und Jello-Layout-Techniken•10 Minuten
Listen und Navigationsmenüs erstellen•10 Minuten
Menüerstellung mit CSS in der Praxis•10 Minuten
Erweiterte Layouts und Menüstrukturen•30 Minuten
CSS Positionierung Meisterklasse
Modul 3•2 Stunden abzuschließen
Moduldetails
In diesem letzten Modul werden Positionierungsstrategien untersucht, die über Float hinausgehen, einschließlich absoluter, relativer und fester Positionierung. Die Lernenden werden die Schichtung mit Z-Index verstehen und lernen, komplexe Layouts mit präziser Kontrolle über das Stapeln und Platzieren von Elementen zu konstruieren.
Das ist alles enthalten
8 Videos3 Aufgaben
Infos zu Modulinhalt anzeigen
8 Videos•Insgesamt 63 Minuten
Absolute Positionierung•9 Minuten
Arbeiten und Verwalten mit Z-Index•6 Minuten
Seitenlayout mit absoluter Positionierung•8 Minuten
Beispiele Seitenlayout mit absoluter Positionierung•9 Minuten
Feste Position•6 Minuten
Relative Position•9 Minuten
Zusätzliche Beispiele für die Verwendung der alternativen Positionierung•10 Minuten
Zusätzliche Beispiele für die Verwendung der alternativen Positionierung Weiter•7 Minuten
3 Aufgaben•Insgesamt 50 Minuten
Absolute Positionierung und Layering•10 Minuten
Feste, relative und erweiterte Positionierung•10 Minuten
CSS Positionierung Meisterklasse•30 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.
Willkommen bei EDUCBA, einem Ort, an dem das Wissen grenzenlos ist! Wir bieten eine große Auswahl an lehrreichen und fesselnden Programmen, die Studenten jeden Alters und jeder Erfahrung fördern. Starten Sie ganz bequem von zu Hause aus eine revolutionäre Bildungserfahrung mit unseren hochmodernen Technologiekursen und erfahrenen Lehrern.
Wann werde ich Zugang zu den Vorlesungen und Aufgaben haben?
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.
Was bekomme ich, wenn ich mich für diese Specialization einschreibe?
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.
Ist finanzielle Hilfe verfügbar?
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.