Datum	Folien	Vorlesungsinhalte	Übungen	Vertiefende Übungen	W3C-Tutorial
20.03.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
27.03.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
03.04.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
10.04.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
17.04.25	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
24.04.25	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
08.05.2025	Praxisaufgabe 1
15.05.25	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
22.05.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
12.06.2025	CSS - Flexboxen	Flexboxen	Responsives Design - Schritt 5 Quadrate "Social Media"-Posts Kachel-Layout Flexboxen: Navigationsmenü		W3 Schools: Flexboxen Flexboxen (Deutsch) Flexboxen (Deutsch)
26.06.2025	Ü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
03.07.2025	Praxisaufgabe 2