Praxislabor · begleitet durch AIRI

Website-Bausteine: HTML trifft CSS

Mission: Ihr baut eine Webseite erst als menschliches Puzzle und erkennt, wer Inhalt und wer Styling übernimmt.

🤖 AIRI sagt: „Ich bleibe bei euch. Wenn etwas hakt: Stopp – beschreiben – gemeinsam testen. Fehler sind hier keine Katastrophe, sondern Hinweise mit schlechtem Timing.“
Eine Gruppe, flexible Rollen: Moderation · Material · Technik · Qualitätscheck. Die Rollen werden passend zur tatsächlichen Teilnehmerzahl verteilt und zwischendurch getauscht. Niemand arbeitet allein.

So geht ihr vor

  1. AIRI zeigt Karten mit <h1>, <p>, <img> und CSS-Regeln; lest sie laut vor.
  2. Ordnet die HTML-Karten zu Kopf, Inhalt und Abschluss. Eine Person ist kurz der Browser und erklärt, was sichtbar wäre.
  3. Gebt dem gleichen Inhalt zwei CSS-Looks: seriös und absichtlich galaktisch-schräg.
  4. Tauscht die Rollen und erklärt in einem Satz: HTML ist … / CSS ist …
🎯 Bonus-Challenge: Findet drei CSS-Regeln, mit denen aus einer langweiligen Seite ein ‚Boss-Level‘ wird, ohne dass sie unlesbar wird.
🛟 Hilfe von AIRI

Fragt zuerst: Was soll passieren? Was passiert wirklich? Was wurde zuletzt geändert? Testet danach nur eine Änderung auf einmal.

✅ Fertig, wenn: die Gruppe ein korrektes Seiten-Puzzle gelegt und den Unterschied zwischen Inhalt und Gestaltung erklärt hat.

Stärkenblitz: Jede Person nennt eine Sache, die heute gut gelungen ist, und eine Rolle, die sie als Nächstes ausprobieren möchte.