Bei der vorherigen Version meiner Homepage habe ich erstmalig versucht, ein Webdesign zu kreieren, welches komplett ohne Tabellenstruktur auskommt.

Stattdessen wurde das ganze vollständig über CSS (Cascading Stylesheets) formatiert. Inspiriert wurde das ganze von CSS Zen Garden, ein Projekt, mit dem ich mich selbstverständlich nicht messen wollte, das aber zumindest den Denkanstoss gab, es einmal mit reiner CSS-Formatierung zu versuchen.

CSS Zen Garden basiert auf einem einfachen Prinzip: Jede der vorgestellten Websites besteht aus zwei Dokumenten, einer HTML-Datei und einem externen Stylesheet. Während nun das HTML-Dokument bei allen Sites gleichbleibt, wird das dazugehörige Stylesheet jeweils ausgetauscht.

Hintergrund: CSS

1996 stellte das World Wide Web Consortium den ersten Entwurf zur Definition von Cascading Stylesheets (CSS) für HTML vor. Hieraus entwickelte sich bald ein Standard, den die Browser-Anbieter übernahmen. Da HTML sich eigentlich mehr auf den Inhalt von Dokumenten konzentrierte, war durch CSS die Möglichkeit geschaffen, diese Dokumente in Bezug auf Schriften, Hintergründe und Farben zu formatieren. Stylesheets sind also insofern Formatvorlagen für HTML-Dokumente.

Während zuvor in HTML-Dokumenten die Formatierungsangaben über den <font>-Tag für jede einzelne Seite, ja oftmals sogar für jede einzelne Überschrift und jeden einzelnen Absatz neu gesetzt werden mussten, liess sich die Gestaltung von Webseiten mit Cascading Stylesheets nun vereinheitlichen. CSS-Angaben lassen sich nämlich so einbinden, dass sie für ein gesamtes HTML-Dokument oder auch für eine ganze Gruppe von Dokumenten gelten.

karola-richter.de vol. 2.0