Datum	Folien	Vorlesungsinhalte	Übungen	Vertiefende Übungen	W3C-Tutorial
09.10.2025	Web-Grundlagen Organisation der Veranstaltung Web-Grundlagen - Beispiel Installationsanleitung für den eigenen Rechner	Download startseite.html Überprüfung der Lösung	Erste HTML-Aufgaben	WING-Homepage
16.10.2025	HTML-Grundlagen Teil 1	Strukturierung von Dokumenten Überschriften Absätze Listen Verschachtelte Listen Hervorhebungen	Absätze Einfache Listen Verschachtelte Listen Listen mit Hervorhebungen	Optionale Aufgabe: Überschriften	Überschriften Absätze Listen Hervorhebungen
23.10.2025	HTML-Grundlagen Teil 2	Links Links: Sonderfälle Bilder und Abbildungen	Links Links Links auf einer Seite Bilder Links mit Bildern	Optionale Aufgaben Bilder Bilder und Abbildungen	Links Bilder
30.10.2025	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	Optionale Aufgaben CSS Hierarchie-Selektoren
06.11.2025	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	Optional: Bilder mit Formen Content- und Border-Boxen	Boxen Boxen - Content area Boxen - Padding Boxen - Border Boxen - Margin Optional: Boxen: Boder-Box
13.11.2025	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
20.11.2025	Praxisaufgabe 1
27.11.2025	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
04.12.2025	CSS - Responsives Design	Responsives Design Display-Eigenschaft Layoutskizzen	Responsives Design - Schritt 1 Responsives Design - Schritt 2 Responsives Design - Schritt 3 Responsives Design - Schritt 4
11.12.2025	Praxisaufgabe 2
18.12.2025	CSS - Flexboxen	Flexboxen	Responsives Design - Schritt 5 Quadrate "Social Media"-Posts Kachel-Layout Flexboxen: Navigationsmenü		W3 Schools: Flexboxen Flexboxen (Deutsch) Flexboxen (Deutsch)
08.01.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
15.01.2026	CSS - Pseudoklassen	Pseudoklassen	Pseudoklassen: Zustände Pseudoklassen: Hamburg Pseudoklassen: Gedicht Textformatierung mit Pseudoklassen Boxenlayout mit Pseudoklassen
22.01.2026	CSS - Positionierung Beispiel: Relative Positionierung Beispiel: Absolute Positionierung	Relative Positionierung Absolute Positionierung	Absolute Positionierung: Bilder Absolute Positionierung: Navigationsleiste mit Untermenüs	Optionale Aufgabe: Absolute Positionierung: Bildergalerie
29.01.2026	Praxisaufgabe 3