Das Unterrichtsmaterial (für ca. 5 Doppelstunden) beinhaltet Arbeitsaufträge zur Strukturierung von Webseiten mit HTML und CSS. Den Schülerinnen und Schülern werden Storyboards zur Verfügung gestellt. Diese dienen als Grundlage zur Erstellung der Webseiten, welche mit dem Grid Layout strukturiert werden.

Die Schülerinnen erstellen ein Webseite für ein Restaurant. Sie lernen dabei die grundlegende Arbeit mit dem Grid Layout bis hin zu einem Responsive Design: HTML5-Strukturelemente, Grid Layout, Ausrichtung, Responsive Design.

Die Schülerinnen können die Arbeitsaufträge selbstständig - in Einzel- oder Partnerarbeit - bearbeiten. Neben den fachlichen Inhalten vertiefen sie die Arbeit mit Operatoren, deren Bedeutungen im Arbeitsauftrag als Mouseover-Erklärungen integriert sind.