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 4 Module
Webinhalte werden täglich von Millionen Menschen auf der ganzen Welt aufgerufen. Attraktive Webseiten helfen Unternehmen zu wachsen und bieten den Betrachtern ein allgegenwärtiges Erlebnis.
In diesem Kurs lernen Sie, wie HTML5 verwendet wird, um einfache Webseiten von Grund auf zu strukturieren, und wie CSS3 deren Aussehen verbessert. Die maßgeschneiderte Lernumgebung und der schrittweise Lehransatz dieses Kurses erhöhen die Lernerfahrung. Die realen Szenarien und Herausforderungen, die während des Kurses vorgestellt werden, werden Sie darin schulen, die verschiedenen Herausforderungen zu lösen, über die Front-End-Ingenieure in ihrem Arbeitsleben stolpern.
In diesem Lernsprint lernen Sie, eine Webseite mit HTML5 zu strukturieren. Außerdem lernen Sie die Anatomie einer Webseite, die Verwendung verschiedener HTML-Elemente und die Tools zum schnellen Erstellen von Webseiten kennen.
Das ist alles enthalten
14 Videos3 Lektüren1 Aufgabe2 Programmieraufgaben
Infos zu Modulinhalt anzeigen
14 Videos•Insgesamt 54 Minuten
Kontext Einstellung•2 Minuten
Anatomie eines HTML-Elements und eines HTML-Dokuments•5 Minuten
Watch and Repeat : Erstellen Sie ein HTML-Dokument im Notepad/Texteditor•3 Minuten
Erstellen Sie eine Webseite mit häufig verwendeten HTML5-Elementen•3 Minuten
Beobachten und Wiederholen : Herunterladen und Installieren von VS-Code•4 Minuten
Watch and Repeat : Erstellen von Kopf- und Absatzelementen in einer HTML-Datei•6 Minuten
Watch and Repeat : Erstellen von Bild-, Anker- und Listen-Tags in einer HTML-Datei•8 Minuten
Installieren Sie einen HTTP-Server, um Webseiten auszuliefern•2 Minuten
Verwenden Sie das Emmet Tool Kit und die Multi-Cursor-Funktion in VS Code•2 Minuten
Beobachten und wiederholen : Emmet Toolkit und Multi-Cursor•13 Minuten
Praxis Brief 1•1 Minute
Praxis Brief 2•1 Minute
Praxis-Nachbesprechung :: Entwickeln Sie eine Webseite mit HTML•2 Minuten
Lernen Konsolidierung•1 Minute
3 Lektüren•Insgesamt 45 Minuten
IDE für die Erstellung von HTML-Dokumenten und W3C-Konformität•10 Minuten
Anleitung zum Hochladen der Lösung der Programmieraufgabe•5 Minuten
Entwickeln Sie eine Webseite mit semantischen und HTML5-Elementen
Modul 2•3 Stunden abzuschließen
Moduldetails
In diesem Lernsprint werden Sie lernen, Webseiten semantisch zu strukturieren, damit Maschinen Webseiten verstehen. Sie werden auch lernen, wie semantisch gestaltete Webseiten Menschen mit Behinderungen helfen.
Das ist alles enthalten
12 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe
Infos zu Modulinhalt anzeigen
12 Videos•Insgesamt 39 Minuten
Kontext Einstellung•1 Minute
Unterscheiden Sie zwischen nicht-semantischen und semantischen Elementen•3 Minuten
Beobachten und Wiederholen: Semantische und nicht-semantische Elemente•8 Minuten
Identifizieren Sie die Vorteile der Verwendung semantischer Elemente•2 Minuten
Erklären Sie die Verwendung von semantischem Markup durch Screenreader für die Seitennavigation•4 Minuten
Beobachten und wiederholen : Aria Lables•4 Minuten
Eine Webseite mit semantischen HTML-Elementen strukturieren•4 Minuten
Watch and Repeat : Beliebte semantische HTML5-Elemente•5 Minuten
Beobachten und Wiederholen : Semantische Elemente wie Fußzeile, Abbildung und Details•2 Minuten
Praxis Brief•2 Minuten
Praxis-Nachbesprechung•2 Minuten
Lernen Konsolidierung•1 Minute
1 Lektüre•Insgesamt 10 Minuten
Eine Webseite mit semantischen und HTML5-Elementen strukturieren•10 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Eine Webseite mit semantischen und HTML5-Elementen strukturieren•30 Minuten
1 Programmieraufgabe•Insgesamt 75 Minuten
Task Force Positives Arbeitsumfeld Herausforderung•75 Minuten
Eine Webseite mit grundlegenden CSS-Eigenschaften gestalten
Modul 3•3 Stunden abzuschließen
Moduldetails
In diesem Lernsprint lernen Sie, wie Sie Ihre Webseiten mit CSS gestalten. Webseiten, die nur Informationen und keine Stile enthalten, sind weniger ansprechend.
Das ist alles enthalten
10 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe
Infos zu Modulinhalt anzeigen
10 Videos•Insgesamt 44 Minuten
Kontext Einstellung•2 Minuten
CSS verwenden, um eine HTML-Seite zu gestalten•2 Minuten
Watch and Repeat : Verschiedene Arten der Anwendung von Stilen•9 Minuten
HTML-Elemente mit CSS-Selektoren auswählen•3 Minuten
Watch and Repeat : HTML-Elemente mit CSS-Selektoren auswählen•9 Minuten
Stile mit Hilfe von CSS-Eigenschaften auf ein HTML-Element anwenden•8 Minuten
Watch and Repeat : Stile mit CSS-Eigenschaften anwenden•6 Minuten
Praxis Brief•2 Minuten
Praxis-Nachbesprechung•3 Minuten
Lernen Konsolidierung•1 Minute
1 Lektüre•Insgesamt 10 Minuten
Eine Webseite mit CSS-Eigenschaften gestalten•10 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Eine Webseite mit CSS-Eigenschaften gestalten•30 Minuten
1 Programmieraufgabe•Insgesamt 75 Minuten
Pentogram Schriftart Katalog Vorschau•75 Minuten
Gestalten Sie eine Webseite mit CSS-Boxmodelleigenschaften
Modul 4•3 Stunden abzuschließen
Moduldetails
In diesem Lernsprint lernen Sie, wie Sie mithilfe der CSS-Box-Modelleigenschaften Leerzeichen anwenden können. Leerzeichen haben eine ganz besondere Bedeutung für das Design.
Das ist alles enthalten
13 Videos1 Lektüre1 Aufgabe1 Programmieraufgabe
Infos zu Modulinhalt anzeigen
13 Videos•Insgesamt 50 Minuten
Kontext Einstellung•2 Minuten
Erstellen Sie Layouts mit dem CSS-Box-Modell•3 Minuten
Wenden Sie Ränder, Umrandungen und Polsterungen an, um dem Entwurf mehr Raum zu geben•7 Minuten
Beobachten und wiederholen : CSS Box Modell•10 Minuten
Watch and Repeat : Standard und Alternate Box Modell•3 Minuten
Verwalten Sie die Gruppierung von Elementen mit der CSS-Eigenschaft display•3 Minuten
Watch and Repeat : CSS-Eigenschaft display•6 Minuten
CSS Spezifität anwenden•3 Minuten
Beobachten und wiederholen : CSS Spezifität•6 Minuten
Verwenden Sie beim Erstellen der CSS-Klassennamen die BEM-Syntax•1 Minute
Praxis Brief•1 Minute
Praxis-Nachbesprechung•3 Minuten
Lernen Konsolidierung•1 Minute
1 Lektüre•Insgesamt 10 Minuten
Gestalten Sie eine Webseite mit dem CSS-Box-Modell•10 Minuten
1 Aufgabe•Insgesamt 30 Minuten
Gestalten Sie eine Webseite mit dem CSS-Box-Modell•30 Minuten
1 Programmieraufgabe•Insgesamt 75 Minuten
Sam Anderson's Portfolio•75 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
Lehrkraftbewertungen
Wir haben alle Lernenden um Feedback zu unseren Dozenten gebeten, ausgehend von der Qualität ihres Unterrichtsstils.
NIIT wurde 1981 gegründet und bietet marktführenden Unternehmen in 30 Ländern weltweit Managed Training Services an. Das umfassende Angebot an Managed Training Services von NIIT umfasst maßgeschneiderte Lehrplangestaltung und Inhaltsentwicklung, Lernverwaltung, Lernbereitstellung, strategische Beschaffung, Lerntechnologie und Beratungsdienste
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.