Datum	Folien	Vorlesungsinhalte	Übungen	W3C-Tutorial
09.10.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
16.10.2026		Selbststudium	Wiederholungsfragen
21.10.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
23.10.2026	HTML-Grundlagen Teil 2	Links Links: Sonderfälle Bilder und Abbildungen	Links Links Links auf einer Seite Bilder Links mit Bildern	Links Bilder
30.10.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
06.11.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
13.11.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
20.11.2026	Praxisaufgabe 1
27.11.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
02.12.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
11.12.2026	CSS - Flexboxen	Flexboxen	Responsives Design - Schritt 5 Quadrate "Social Media"-Posts Kachel-Layout Flexboxen: Navigationsmenü	W3 Schools: Flexboxen Flexboxen (Deutsch) Flexboxen (Deutsch)
18.12.2026	Praxisaufgabe 2
13.01.2027	Ü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.2027	CSS - Pseudoklassen	Pseudoklassen	Pseudoklassen: Zustände Pseudoklassen: Hamburg Pseudoklassen: Gedicht Textformatierung mit Pseudoklassen Boxenlayout mit Pseudoklassen
22.01.2027	CSS - Positionierung Beispiel: Relative Positionierung Beispiel: Absolute Positionierung	Relative Positionierung Absolute Positionierung	Absolute Positionierung: Bilder Absolute Positionierung: Navigationsleiste mit Untermenüs Flexboxen: Dashboard
29.01.2027	Praxisaufgabe 3