Datum	Folien	Vorlesungsinhalte	Übungen	W3C-Tutorial
19.03.2026	Web-Grundlagen Organisation der Veranstaltung Web-Grundlagen - Beispiel Installationsanleitung für den eigenen Rechner	Download startseite.html Überprüfung der Lösung	Erstes Beispiel Erste HTML-Aufgaben
26.03.2026	HTML-Grundlagen Teil 1	Strukturierung von Dokumenten Überschriften Absätze Listen Verschachtelte Listen Hervorhebungen	Absätze Einfache Listen Verschachtelte Listen Listen mit Hervorhebungen	Überschriften Absätze Listen Hervorhebungen
02.04.2026	HTML-Grundlagen Teil 2	Links Links: Sonderfälle Bilder und Abbildungen	Links Links Links auf einer Seite Bilder Links mit Bildern	Links Bilder
09.04.2026	Valides HTML HTML - Regeln für die Verschachtelung von Elementen CSS - Grundlagen HTML - Boxen	HTML Validierung von HTML Veraltete Elemente Sonderzeichen CSS CSS - Einführung CSS - Selektoren CSS - Einbindung in HTML HTML HTML-Boxen	CSS CSS-Selektoren Listen-Layout HTML Standard-Boxen Optional: Hierarchie-Selektoren
16.04.2026	CSS - Boxen Optional: CSS - Border-Box	CSS-Eigenschaften von Boxen Content Area Padding Border Margin Hilfsboxen	Boxen-Größe Anpassung der Standard-Boxen div-Boxen Verschachtelte Elemente	Boxen Boxen - Content area Boxen - Padding Boxen - Border Boxen - Margin Optional: Boxen: Boder-Box
23.04.2026	HTML - Seitenstruktur CSS - Hintergründe CSS - Texte	HTML - Seitenstruktur Hintergrundbilder in CSS Textformatierung: Einführung Textformatierung: Schrift Textformatierung: Textdekoration Textformatierung: Zeilen und Absätze Textformatierung: Listenmarker	Hintergrundbilder Textformatierung Verschachtelte Seite
30.04.2026	Praxisaufgabe 1
07.05.2026	CSS - Vererbung und Konflikte: CSS - Media Queries	CSS - Vererbung CSS - Konflikte CSS - Media Queries	Vererbung und Konflikte in CSS Variable Farben und Größen Webseite mit Media Queries Seite mit Media-Queries Card-Layout	Media Queries
14.05.2026	Feiertag
21.05.2026	CSS - Responsives Design	Responsives Design Display-Eigenschaft Layoutskizzen	Responsives Design - Schritt 1 Responsives Design - Schritt 2 Responsives Design - Schritt 3 Responsives Design - Schritt 4
28.05.2026	Ferien
04.06.2026	Feiertag
11.06.2026	CSS - Flexboxen	Flexboxen	Responsives Design - Schritt 5 Quadrate "Social Media"-Posts Kachel-Layout Flexboxen: Navigationsmenü	W3 Schools: Flexboxen Flexboxen (Deutsch) Flexboxen (Deutsch)
18.06.2026	Übungen: Flexboxen und responsives Design		Flexboxen: Verschachtelungsstruktur - unterschiedliche Layouts Layout für die Apfelseite Layout für die Apfelseite: Umsetzung mit dem "Mobile First"-Prinzip Flexboxen: Äpfel Flexboxen: Freundebuch Flexboxen und Bilder
25.06.2026	CSS - Pseudoklassen	Pseudoklassen	Pseudoklassen: Zustände Pseudoklassen: Hamburg Pseudoklassen: Gedicht Textformatierung mit Pseudoklassen Boxenlayout mit Pseudoklassen
02.07.2026	Praxisaufgabe 2