HTML-Crashkurs: Zum Profi in wenigen Stunden!

Hallo!

In diesem Kurs lernst du den souveränen Umgang mit den diversen HTML-Elementen. Du erfährst vorweg, was HTML ist und wozu es verwendet wird. Unter Anwendung des aktuellen HTML5-Standards strukturierst du Inhalte optisch, inhaltlich und semantisch, sodass du nicht nur eine ansehnliche, sondern auch funktionale und barrierearme Website erstellen kannst. Dazu halte ich ein paar anschauliche Beispiele, Übungen und Quizze parat, die dazu dienen, dein Wissen zu vertiefen. Unter anderem gucken wir uns an, wie die erste und rein in HTML erstellte Website aussah. Und hast du dich schonmal gefragt, was genau das Internet ist und was das Web? Hier erfährst du es.

Wir lernen das nötige Handwerkszeug in Form von Programmen und Plattformen kennen, die du zum erfolgreichen Coden brauchst. Wir erstellen eine eigene Website mit verschiedenen Inhalten wie Textabschnitten, Überschriften, Fußnoten, Bildern, Audio- und Videodateien, Links, Formularen und sogar eingebetteten Karten. Natürlich wartet am Ende des Kurses dein erstes eigenes Vorzeige-Projekt darauf, von dir erstellt zu werden. Ich zeige dir eine Website zum Nachbauen und du hast Gelegenheit, eine Seite zu erstellen, die ganz deiner eigenen Vorstellung entspricht, zum Beispiel dein eigenes Portfolio oder eine andere Website, die du bei Bewerbungen vorweisen oder mit der du dein Unternehmen repräsentieren kannst. Wie du deine Seite im Nu kostenlos veröffentlichst, erfährst du ebenfalls von mir. Auf dem Weg dahin begleite ich dich Stück für Stück. Und im Anschluss gebe ich dir weiteres Material an die Hand, damit du bei Bedarf selbstständig weiterlernen kannst.

Leg los und geh einen Schritt in Richtung deiner persönlichen oder beruflichen Weiterentwicklung! Du brauchst nur einen Computer mit Internetzugang und einige Stunden Zeit. Ich freue mich auf dich.

Konkrete Lerninhalte:

• Aufgabe und Aufbau (Syntax) von HTML

• Kurzer Vergleich von HTML mit CSS und JavaScript

• CodePen, Visual Studio Code (inkl. Erweiterungen)

• Internet und World Wide Web

• Frontend vs. Backend

• Semantische und präsentationsbezogene Elemente

• Text-Elemente (Überschriften, verschiedene Textpassagen, Zitate)

• Gliedernde, strukturierende Elemente (Kopfzeile, Fußzeile, Section, Article, Navigationsmenüs, Trennlinien und Absätze...)

• Textauszeichnung

• Barrierefreiheit und technische Kompatibilität

• Inline- und Block-Level-Elemente

• Das Document Object Model (DOM)

• Listen

• Tabellen

• Formulare

• Bilder, Audiodateien und Videos

• Links (externe und interne Verlinkungen)

• Externe Inhalte auf der Website einbetten (Bsp. Karten von Google Maps)

• Deine eigene Website erstellen- und kostenlos veröffentlichen!

• Tipps aus erster Hand für Neu-Programmierer*innen