Zum Inhalt springen
BlaupauseProgrammieren lernen

Session

Einstieg HTML & CSS

Dienstag, 28. Juli 2026· Besprechungsraum 2

Ziel für heute

Am Ende hat jede und jeder eine eigene Seite gebaut, die im Browser läuft — und weiß, warum HTML und CSS zwei verschiedene Dinge sind.

Erste Runde für alle, die noch nichts gemacht haben. Wer schon HTML kann, macht direkt beim Steckbrief-Projekt mit und nimmt sich die Kür-Punkte vor.

Nicht vergessen: Am Ende den Lösungs-Code nennen, sonst kommt niemand an die Musterlösungen.

Ablauf

Die Zeiten sind ein Vorschlag, keine Vorgabe. Wenn irgendwo mehr Zeit nötig ist, nehmen wir sie uns — dann fällt hinten etwas weg, und das ist völlig in Ordnung.

  1. 09:00
    Ich erkläreAnkommen, Laptops hochfahrenKurz durchgehen, wer schon mal was gemacht hat. Keine Vorstellungsrunde, das kostet nur Zeit.
  2. 09:10
    Ich erkläreWas passiert eigentlich, wenn man eine Webseite aufruft?Zehn Minuten am Whiteboard. Kein Code.
  3. 09:20SpielSelektor-JagdZum Warmwerden. Erste vier Runden reichen, den Rest später.
  4. 09:40LektionDeine erste Seite
  5. 10:05LektionListen und Links
  6. 10:30
    PausePauseRichtige Pause. Nicht am Laptop sitzen bleiben.
  7. 10:45
    Ich erkläreWarum HTML und CSS getrennt sindAm Beispiel zeigen — dieselbe Seite mit zwei verschiedenen Stylesheets.
  8. 11:00LektionFarben und Schrift
  9. 11:30ProjektAnfangen mit der eigenen SeiteBis zum Ende offen lassen. Wer nicht fertig wird, macht daheim weiter oder nächstes Mal.
  10. 12:15
    AbschlussKurz herumzeigen, Lösungscode nennenJede und jeder zeigt kurz die eigene Seite. Danach den Lösungscode für die Musterlösungen sagen.