Unterrichtseinheit: Einführung in CSS

Eine 4stündige Unterrichtseinheit mit Materialien bei lehrer-online.de

In der Einheit lernen die SchülerInnen die grundsätzlichen Funktionen und Möglichkeiten von CSS kennen und führen Übungen dazu durch. Vorkenntnisse in XHTML oder HTML sind erforderlich. CSS ist in jedem Fall sinnvoll zu lernen, da seit einigen Jahren der Trend zur Trennung von Form und Inhalt immer deutlicher (und sinnvoller!) wird. Dabei sollten die Schüler/innen in erster Linie verstehen, welche Vorteile die Auslagerung von Formatierungen haben kann (unaufwändige globale Formatänderungen, standardisierte Inhaltsstruktur etc.). Selbst in Oberstufenklassen (z.B. DV (Datenverarbeitung) oder WI (Wirtschaftsinformatik) im Wirtschaftsgymnasium) bleiben die Details der CSS-Programmierung außen vor.

In der Einheit sind drei Arbeitsblätter, ein Übungsblatt (+ Lösungsblatt) und eine Folie zur Veranschaulichung beinhaltet.

Inhaltlich ist die Einheit ausgezeichnet, bei schwächeren Klassen kann sie hinsichtlich der Handlungsorientierung noch etwas getunt werden, z.B.:

• Trennung von Form und Inhalt durch Arbeit mit Word-Formatvorlagen. - Sinnvoll ist hier eine Beschränkung auf die Formatvorlagen für die Überschriften, die funktional den Überschriften ... in XHTML/CSS entsprechen:
  1. SchülerInnen erstellen ein Worddokument, in dem Überschrift 1-3 jeweils mindestens zweimal vorkommen (wahlweise: Vorlage vom Lehrer, Beispieldatei (rtf))).
  2. Mehrfache Änderung des Aussehens der Überschrift mittels Formatvorlage auf Anweisung der LehrerIn.
  3. Besprechung anhand dieses Beispiels: Unterscheidung Inhalt/Form/Funktion. Dieses Beispiel eignet sich auch zur Behandlung des strukturierten Aufbaus einer X(HT)ML-Datei.
• Auslagerung der Stylesheets in externe Datei - SchülerInnen erstellen 3-4 verlinkte Webseiten mit etwas Content. Lehrer fordert (je nach Vorkenntnissen) dazu auf, Linkfarbe zu ändern -> SchülerInnen müssen Änderung im body-Tag jedes Dokuments vornehmen (alternativ: Ändert Textausrichtung, Hintergrundfarbe, ...). SchülerInnen sind spätestens bei der vierten Runde maßlos genervt und nehmen die Auslagerung von Formatierungen in eine Stylesheetdatei dankbar auf.

Lehrer-online: Formatieren mit Cascading Style Sheets