HTML5 - Content Authoring Fundamentals

HTML5 ist die Grundlage des modernen Webs. Wer Webseiten erstellt, Inhalte im Web pflegt oder in die Webentwicklung einsteigt, kommt an HTML nicht vorbei — denn HTML ist die Sprache, in der Webinhalte strukturiert und für Browser und Suchmaschinen lesbar gemacht werden. Dieser Kurs vermittelt die wesentlichen Konzepte von HTML5 und gibt ergänzend eine Einführung in CSS, das Darstellungsformat für HTML-Seiten. Ziel ist es, standardkonforme Webinhalte selbstständig verfassen, strukturieren und veröffentlichen zu können. Der Kurs richtet sich an Einsteiger ohne Programmiervorkenntnisse, die lernen möchten, wie Webseiten inhaltlich aufgebaut werden. Er eignet sich als Einstieg in die Webentwicklung, aber auch für Content-Verantwortliche, Redakteurinnen und technische Redakteure, die HTML-Grundkenntnisse für die praktische Arbeit mit Web-CMS oder E-Learning-Systemen benötigen.

HTML-Grundstruktur und Dokumentaufbau Am Beginn steht das Grundgerüst einer HTML5-Seite. Die Teilnehmenden lernen den Aufbau eines gültigen HTML5-Dokuments kennen und verstehen, wie Browser dieses interpretieren. Besonderes Gewicht liegt auf dem Konzept der semantischen Auszeichnung, die im Vergleich zu älteren HTML-Versionen grundlegend erweitert wurde.

• DOCTYPE-Deklaration und Zeichenkodierung (UTF-8)
• head-Bereich: Metatags, Viewport, Titel, externe Ressourcen einbinden
• body-Bereich: Aufbau und visuelle Darstellung im Browser
• Semantische Strukturelemente: header, nav, main, article, section, aside, footer
• Bedeutung von Semantik für Barrierefreiheit und Suchmaschinenoptimierung
• Validierung von HTML mit dem W3C Markup Validator

Texte, Verlinkungen und Medieneinbettung Der zweite Block behandelt die häufigsten Aufgaben beim Verfassen von Webinhalten: strukturierter Text, Verlinkungen zu internen und externen Ressourcen sowie die Einbindung von Bildern, Audio und Video.

• Textstrukturierung: h1–h6, p, ul, ol, dl, blockquote, code, pre, em, strong
• Hyperlinks: href, target, title, relative und absolute Pfade, Anker-Links
• Bilder einbetten: img, src, alt, Größenangaben, figure und figcaption
• Audio und Video mit HTML5-nativen Playern (audio, video, source, Fallback-Text)
• Einbetten externer Inhalte: iframes für Maps, Videos oder andere Medien
• Pfadverwaltung und Dateiorganisation in Webprojekten

Formulare und Benutzereingaben HTML-Formulare sind ein zentrales Element jeder interaktiven Webseite. Dieser Block erklärt, wie Formulare aufgebaut werden, welche Eingabetypen HTML5 bietet und wie grundlegende Validierung ohne JavaScript möglich ist.

• Formular-Grundstruktur: form, action, method (GET/POST)
• Eingabetypen: text, email, password, number, date, checkbox, radio, select, textarea
• HTML5-Validierungsattribute: required, pattern, min, max, maxlength
• Labels und Fieldsets für barrierefreie Formulare
• Buttons: button, submit, reset
• Formulare gestalten und testen

CSS-Grundlagen und Darstellung CSS trennt Inhalt und Darstellung und ist unverzichtbar für jeden, der HTML schreibt. Dieser Block erklärt die wichtigsten CSS-Konzepte und zeigt, wie HTML-Seiten visuell gestaltet werden können.

• CSS einbinden: extern (link), intern (style), inline — Prioritäten und Best Practices
• Selektoren: Element, Klasse, ID, Pseudoklassen, Kombinatoren
• Box-Modell: content, padding, border, margin
• Farben und Typografie: color, background-color, font-family, font-size, line-height
• Layoutgrundlagen: Display-Eigenschaft, Floats (historisch), kurze Einführung in Flexbox
• CSS-Klassen und Wiederverwendbarkeit von Stilregeln

Dieser Kurs richtet sich an Personen ohne HTML-Vorkenntnisse, die die Grundlagen des Web-Authorings erlernen möchten.

• Einsteiger in die Webentwicklung, die mit einer soliden HTML/CSS-Basis beginnen wollen
• Content-Verantwortliche und Redakteure, die Webinhalte im Quellcode verstehen und bearbeiten müssen
• Technische Redakteure und E-Learning-Entwickler, die HTML in CMS oder Autorentools einsetzen
• Personen, die sich als Frontend-Entwickler qualifizieren möchten und mit den Grundlagen beginnen

Der Kurs wird im Combined-Learning-Format angeboten und verbindet erklärende Lerneinheiten mit praktischen Übungsaufgaben. Jedes Thema wird an konkreten Beispielen gezeigt, die Teilnehmenden setzen die Beispiele unmittelbar selbst um und sehen das Ergebnis im Browser. Dieser direkte Feedback-Zyklus zwischen Schreiben und Testen ist ein zentrales Merkmal des Kurses. Je nach Anbieter sind Vollzeit- und Teilzeitmodi verfügbar; der Kurs ist auf wenige Tage angelegt und eignet sich damit auch als kompakte Einstiegsqualifizierung.

Der Kurs ist als Kurzformat konzipiert und umfasst typischerweise bis zu drei Tage. In dieser kompakten Zeit werden die wesentlichen Grundlagen von HTML5 und CSS vermittelt — ausreichend, um erste eigene Webseiten zu erstellen und den Einstieg in weiterführende Kurse (JavaScript, responsive Webdesign, Content-Management-Systeme) zu wagen. Für Personen, die intensiv in die Webentwicklung einsteigen möchten, bildet dieser Kurs den ersten Schritt einer längeren Qualifizierungsreihe.

Nach Abschluss des Kurses erhalten die Teilnehmenden ein trägerinternes Kursabschlusszertifikat. Der Kurs ist keine Vorbereitung auf eine Herstellerprüfung oder ein standardisiertes externes Zertifikat — er legt die inhaltliche Grundlage, auf der aufbauende Kurse und Zertifizierungen (etwa im Bereich Microsoft Azure, CompTIA Web Development oder ähnliche) aufbauen können. Das Zertifikat dokumentiert die erworbenen Grundkenntnisse in HTML5 und CSS.

HTML ist eine der langlebigsten und universellsten Technologien der Informationstechnologie überhaupt. Es wurde seit dem frühen Web kontinuierlich weiterentwickelt und ist in seiner heutigen Version (HTML5) so ausdrucksstark, dass sich damit komplexe, barrierefreie und medienreiche Webseiten erstellen lassen — ohne ein einziges Skript zu schreiben. Wer HTML versteht, versteht das Web. Und wer das Web versteht, hat einen entscheidenden Vorteil in einer Arbeitswelt, in der digitale Kompetenz keine Spezialqualifikation mehr ist, sondern Grundvoraussetzung. Für Personen, die tiefer in die Webentwicklung einsteigen wollen, ist dieser Kurs ein klar strukturierter Ausgangspunkt. HTML und CSS sind die unabdingbare Basis für JavaScript, für Frontend-Frameworks wie React oder Vue, für die Arbeit mit Content-Management-Systemen und für jede Form von Web-Publishing. Wer diese Grundlagen solide beherrscht, wird beim Lernen aller weiteren Web-Technologien schneller vorankommen. Aber auch für diejenigen, die nicht Entwickler werden wollen, hat der Kurs handfesten Nutzen: Wer als Content-Redakteur versteht, wie eine HTML-Seite aufgebaut ist, kann im CMS gezielter arbeiten, Fehler eigenständig korrigieren und präzise Anforderungen an Entwickler formulieren. Wer als technischer Redakteur HTML beherrscht, kann E-Learning-Inhalte direkt authoren. Und wer als Einsteiger in die Digitalbranche kommt, signalisiert mit soliden HTML-Kenntnissen, dass er die Grundlagen der Webpräsentation wirklich verstanden hat.