IT 11.7 – Webdesign

Fach: Informationstechnik (Fachrichtung Technik) · Klasse: 11 · Wahlpflicht-Themenfeld

In diesem Modul baust du Schritt für Schritt eine eigene Webseite: die Seite des Schülercafés „Pause“. Du lernst, wie eine Seite in den Browser kommt, wie man sie mit HTML aufbaut und mit CSS gestaltet, wie sie auf dem Handy gut aussieht und für alle nutzbar ist. Am Ende nutzt du ein fertiges Framework.

Einheiten

1. Wie kommt die Seite in den Browser?
2. HTML: Aufbau und Elemente
3. Tabellen und Formulare
4. CSS: Inhalt und Design trennen
5. Box-Modell und Layout
6. Gut gestaltet und für alle nutzbar
7. Für jedes Endgerät
8. Frameworks und Templates

So arbeitest du in diesem Modul

Jede Einheit ist gleich aufgebaut, damit du dich schnell zurechtfindest:

Element	Wozu?
Rückblick	zwei, drei kurze Fragen zu früheren Einheiten, damit nichts verloren geht
Erkunden	selbst ausprobieren, bevor erklärt wird, oft im Code-Spielplatz
Merke und Typischer Fehler	das Wichtigste und die häufigsten Stolperfallen
Café-Projekt	ein weiterer Schritt an der Café-Seite, in deinem Editor (zum Beispiel VSCodium)
Aufgaben	Übungen in anderen Situationen, darunter immer „Code lesen“ wie in der Prüfung
Zusatzaufgaben	für alle, die schneller fertig sind
Selbstcheck und Wortspeicher	zum Wiederholen

Kurze Experimente machst du im Code-Spielplatz direkt auf der Seite. Das Café-Projekt baust du in einem richtigen Editor auf deinem Rechner. Dein eigenes Projekt setzt du im Bereich Webseitenprojekt um: von der Planung über die Grundstufe mit HTML und CSS bis zur Erweiterung mit JavaScript in IT 12.6.

Grundlage: Kerncurriculum FOS Hessen (Stand November 2022).