HTML und CSS

Vier Tage im Überblick

09.–12. November 2026, online · Trainer: Michael Buchholz

Tag	Schwerpunkt	Durchgehendes Beispiel
1 · Mo	Das Web und HTML: Struktur, Semantik, Formulare, Barrierefreiheit	Website des Lauftreffs Morgenrunde in reinem HTML
2 · Di	CSS-Grundlagen: Selektoren, Kaskade, Box-Modell, Farben, Schrift, Debugging	Die Vereinsseite bekommt ein Design
3 · Mi	Layouts: Position, Flexbox, Grid, Cross-Browser	Wechsel zur Web-App „Aufgabenbrett“
4 · Do	Vertiefung: Navigation, komplexe Layouts, Mobil, Animationen, modernes CSS	Das Aufgabenbrett wird mobil und bekommt eine Navigation

So arbeiten wir

Jedes Kapitel hat denselben Aufbau:

1. Was du am Ende kannst: das Ziel des Kapitels.
2. Erklärung und Live-Coding: Der Trainer programmiert vor. Der Starter des Kapitels enthält den Ausgangsstand (starter) und das Ergebnis (fertig). Du kannst mitmachen oder später nachlesen.
3. Übung: Sie startet immer mit einem frischen Starter und ist gestaffelt. Niemand muss alle Stufen schaffen. „Für Schnelle“ ist ausdrücklich optional.

Die Lösungen stehen während der Schulung nicht auf dieser Seite. Der Trainer gibt sie bei Bedarf weiter, nach der Schulung sind sie hier zu finden.

Was du brauchst

• Visual Studio Code als Editor
• einen aktuellen Browser mit Entwicklerwerkzeugen: Edge, Chrome oder Firefox
• Node.js ist in der Schulungsumgebung installiert. Es dient nur dazu, mit npx vite einen Server zu starten, der die Seite beim Speichern aktualisiert. Es geht auch ohne
• keine Vorkenntnisse

Welche Technik wir benutzen

Alles Gezeigte funktioniert in allen aktuellen Browsern. Als Maßstab dient Baseline Widely available. Neuere Funktionen sind ausdrücklich als Ausblick gekennzeichnet.