tftmonitore.de
Die Webseite unter www.tftmonitore.de verfügt über zwei unterschiedliche Stylesheets: Im Ordner „ccs“ befinden sich die Dateien „screen.css“ und „ui.tabs.css“, die beide gemeinsam das Erscheinungsbild der Seite regeln.
Das erste Stylesheet definiert diese zeitlos - moderne und schön gestaltete Seite nach klassischen Regeln. Zu Beginn werden im Bereich „Basic Styles“ die allgemeinen Parameter festgehalten: Der CSS-Befehl
* {margin: 0;padding: 0;}
setzt die Innen- und Aussenabstände aller Formelemente auf den Wert von 0 Pixel. Diese Angabe klärt alle Browser auf wie sie die unterschiedlichen Elemente interpretieren müssen.
Weiter geht es in der Beschreibung mit der Definition der Schriftgrößen: font: 80% Arial, Helvetica, sans-serif; setzt fest, dass die Seite wenn möglich in der Standardschrift Arial dargestellt wird. Fall das nicht möglich sein sollte, kann alternativ eine beliebige andere serifenlose Schrift benutzt werden.
Als Hintergrund der Seite wird standardmäßig weiß (Farbcode: #fff) festgelegt. Alternativ wird auch das Bild bg.gif verwendet, das in einer horizontalen Wiederholung (repeat-y;
) eingesetzt wird.
Bilder werden auf tftmonitore.de prinzipiell ohne Rand ( border: none; ) wiedergegeben, Listenelemente wie ul, ol und li werden – solange es nicht anders angeordnet wird – ohne Dekoration ausgegeben ( list-style: none; ) und Links werden – wiederum solange es keine anderen Angaben gibt - ist in schwarz und ohne Auszeichnung angezeigt. ( color: #000; text-decoration: none; )
Im Bereich „Layout“ werden dann die Größenangaben der einzelnen Formelemente festgehalten. Der klassische Seitenaufbau des Conatainers #page, der sich in Kopf (#header) Mittelteil (#frame) und Fußteil (#footer) aufteilt, wird festgelegt. Mit einer Seitenbreite von 982 Pixel ist die Seite zwar eher schlank, kann aber von nahezu allen Bildschirmen ohne seitlichem Scrollen wiedergegeben werden. Ein deutlicher Vorteil hinsichtlich der Usability.
In den weiteren Abschnitten werden dann alle zuästzlichen Elemente der Webseite einzeln definiert. Diese zeitlos – moderne Seite kann aufgrund ihres ansprechenden Layouts sicherlich mit einer großen Besucherzahl rechnen.