Exkurs: Webseiten als elektronische Dokumente, eine «hack-tive» Einführung in HTML

Motivation

Webseiten sind allgegenwärtig. Meistens nehmen wir sie nur passiv wahr, ohne über ihre technischen Eigenschaften nachzudenken. Dabei bestehen Webseiten genauso wie andere elektronische Dokumente aus den drei wesentlichen Bestandteilen Inhalt, Struktur und Layout. Und sie können mit einfachen Werkzeugen analysiert und sogar direkt im Browser verändert werden. Diese Unterrichtseinheit illustriert die Idee von Webseiten als elektronische Dokumente und bietet einen spielerischen Zugang zur Veränderbarkeit von Webseiten: Mit Hilfe des Werkzeuges "X-Ray Googles" von Mozilla können Veränderungen an der Struktur von Webseiten sehr einfach direkt im Browser bearbeitet werden.

Nach der Einführung gibt es einen Wettbewerb: Wer macht die kreativste Überarbeitung einer Webseite?

Links

CSS Zen Garden – beeindruckende Illustration der sauberen Trennung von Inhalt, Struktur und Layout
 
Kompakte Einführung in die wichtigsten HTML-Elemente
SelfHTML – die deutschsprachige Referenz zu HTML, CSS und vielem mehr