Making of...

Am Anfang der Gestaltung von Web-Seiten steht immer die Frage:

• Was will ich darstellen?
• Will ich es wirklich darstellen?
• Ist dieser Inhalt wirklich noch nicht im Netz verfügbar?
• Will das überhaupt jemand lesen?
• Was ist der Sinn des Lebens?

Schon gut, ich höre jetzt auf... ;-)

Ernsthaft: meine Überlegungen zur Gestaltung (ich rede absichtlich nicht von Design, denn ich bin kein Designer) waren die folgenden:

• Der Inhalt bestimmt die Form, nicht umgekehrt.
• HTML beschreibt die Struktur eines Textes.
• Zur Textgestaltung gibt es Style Sheets.
• Ich kann keine Grafiken mehr sehen, die nur dekorativen Zwecken dienen.
• Der Text soll mit jedem Browser wenigstens lesbar sein.
• Hintergrund-Bilder sind problematisch bei der Darstellung auf 256-Farben-Displays.

Daher habe ich mich für dieses minimalistische Layout entschieden, das komplett ohne Stützgrafiken auskommt und nur wenige Grafiken am Anfang der Rubriken enthält. Leider ist CSS1 nicht so mächtig, die Kapitel-Überschriften wie von mir gewünscht zu gestalten:

<H2 style="background: yellow; 
            color: silver;
            text-align=center">Überschrift</H2>

Dieses Konstrukt gibt zwar eine gelb unterlegte und zentrierte Überschrift in silberner Schrift, allerdings bleibt der Platz links und rechts der Überschrift in der Hintergrund-Farbe. Nun läßt sich zwar der Rand um den Text vergrößern, dazu ist aber die Kenntnis der Seitenbreite und der Länge des Textes nötig. Also: Zurück zum Mißbrauch von Tabellen...

Erschwerend kommt hinzu, daß zur Zeit noch Browser unterstützt werden müssen, die keine Style Sheets implementiert haben. Ganz zu schweigen von den Implementierungsfehlern der Browser: Beim Internet-Explorer läßt sich ein <HR> Element nicht unsichtbar machen, der Netscape Navigator unterstützt keinen @import von Style Sheets, wenn eine relative URL angegeben wird.

Ein Kompromiss zwischen den diversen Unzulänglichkeiten war nach einigem Probieren flott gefunden. Da ich HTML-Dokumente grundsätzlich von Hand schreibe (wenn ich das Ergebnis von HTML-Editoren sehe, bekomme ich fast einen Schreikrampf...), war das direkte Umschreiben der Seiten zu fehleranfällig. Daher habe ich mich auf die ursprüngliche HTML-Idee besonnen, und die Formatierungs-Elemente belassen wie sie sind. Ein Perl-Script interpretiert den HTML-Source und ersetzt, wenn nötig, Tags gegen eigene Konstrukte. So wird aus

<H2>Überschrift</H2>

<P><TABLE class="caption" width="100%" bgcolor="#C0C0C0">
<TR><TH class="caption">
Überschrift
</TH></TR></TABLE></P>

Dazu habe ich noch schnell einige eigenen Konstrukte definiert, die mir ein Redesign erleichtern werden und ein einheitliches Layout garantieren... Die Vorlagen werden in absehbarer Zeit in XML-Dokumente konvertiert.

Leitseite Anfang dieser Seite

Copyright 2001 by Jörg Reuter. Last modified: 2001-05-26