Dieses Übungsheft für den Informatikunterricht der Klassen 7 und 8 bietet eine systematische und praxisnahe Einführung in die Webentwicklung mit HTML und CSS. Das Material verknüpft theoretisches Grundlagenwissen mit anwendungsorientierten Programmierübungen und führt die Lernenden schrittweise zur Erstellung ihrer ersten eigenen Webseite.

Inhaltliche Schwerpunkte:

• HTML-Grundlagen:Erarbeitung des grundlegenden Seitenaufbaus (Doctype, Head, Body) sowie zentraler Tags für Textstrukturierung (Überschriften, Absätze), Listen, Verlinkungen und Bildeinbindungen.

• CSS-Design:Einführung in die Trennung von Inhalt und Design. Behandelt werden Wege der CSS-Einbindung, die Nutzung von Selektoren (Element, Klasse, ID), grundlegende Eigenschaften (Farben, Schriften) sowie das CSS-Box-Modell (Content, Padding, Border, Margin).

• Praxisprojekt „Über mich“:Angeleitete Erstellung einer vollständigen, lauffähigen Webseite, bei der das erlernte HTML- und CSS-Wissen eigenständig zusammengeführt und angewandt wird.

Aufbau und didaktische Struktur:

• Theorie und Praxis:Jedes Kapitel kombiniert kompakte theoretische Erklärungen mit direkt darauffolgenden Übungsaufgaben (z. B. Code-Tracing, Fehlersuche, eigenständiges Programmieren).

• Integrierte Differenzierung:Die Aufgabenstellungen sind durch ein Sterne-System transparent in drei Anforderungsbereiche (leicht, mittel, schwer) unterteilt, um verschiedenen Leistungsniveaus gerecht zu werden.

• Niedrige technische Hürde:Für die Bearbeitung werden keine speziellen Programme benötigt – ein einfacher Texteditor und ein Standard-Browser genügen.

• Zusatzmaterialien:Ein kompaktes Fachglossar klärt zentrale Begriffe der Webentwicklung. Ein ausführlicher Lösungsteil mit lauffähigen Code-Beispielen ermöglicht eine unkomplizierte Selbstkontrolle.

Einsatzmöglichkeiten im Unterricht:Das Material ist modular aufgebaut und eignet sich optimal als grundlegende Einführung in das Thema Webentwicklung. Die Aufgaben sind so konzipiert, dass sie sowohl analog (auf Papier zur Sicherung des Verständnisses) als auch digital (direkt am Rechner) bearbeitet werden können. Das abschließende Praxisprojekt lässt sich ideal auf zwei Doppelstunden aufteilen.