kolophon — der schlußstrich
Einen Abschnitt Kolophon finden Sie gelegentlich am Ende alter Bücher.
Der Author und der Verleger sind verantwortlich für die Titelseite, das Inhaltsverzeichnis und den Inhalt selbst eines Buches. Möglicherweise folgt auch ein Literaturverzeichnis sowie ein alphabetisches Stichwortverzeichnis. Aber manchmal erscheint ein kurzer Abschnitt, in dem der Setzer etwas über seine Handarbeit sagt. In diesem Kolophon kann er auf die im Buch verwendeten Schriften hinweisen, welchen Typ und welche Papierqualität er verwendet hat und in welche Art von Umschlag er die Blätter gebunden hat.
In dieser Tradition möchte der Designer der Zen-Road-Site etwas darüber sagen, wie die Website aufgebaut ist.
die fotos
Die Fotos veranschaulichen ein wichtiges Thema der Website: Zen im alltäglichen Leben, ob an der Bushaltestelle, auf einer Brücke, an einer Straßenkreuzung, oder auch in einer Menschenmenge oder gar in den Himmel schauend während eines Spaziergangs auf dem Land. Wo auch immer Sie einen Weg gehen. Alle Fotos sind uns von Freunden Philippe Coupeys überlassen worden. Die meisten der Fotos wurden 2004 in Irland, Kanada, Mexiko, Portugal, England, Frankreich und in Deutschland aufgenommen.
die schriftarten
Eine Website so zu gestalten, dass sie auf den Besucher ansprechend und informativ wirkt, ist eine vielschichtige Aufgabe. Eine der oft übersehenen Voraussetzungen ist ein Einfühlungsvermögen für die Typographie. Etwa 90% der Internet-Benutzer verwenden PCs unter Windows und etwa 3% Mac-Systeme, so dass wir nach einer auf beiden Systemen verfügbaren Schrift gesucht haben. Wenn Sie diesen Text auf einem PC unter Windows oder auf einem Mac lesen, dann sehen sie höchstwahrscheinlich die Schrift Trebuchet MS, eine ansprechende, leichte, serifenlose Schrift, deren Größe sich optisch gut variieren läßt, wenn im Browser die Schriftgröße verstellt wird.
Trebuchet hat einige interessante Eigenheiten, die auf den ersten Blick nicht sichtbar sind, die sich aber sehr ästhetisch auswirken. Das große M hat einen übermäßigen Schwung, das kleine g ist wie in einem alten Buch und das kleine l hat einen kleinen Fortsatz am unteren Ende. Trebuchet hat auch typographisch mehr oder weniger korrekte Anführungszeichen. In anderen Schriften sind das große I (Igel) und das kleinen l (lang) sehr ähnlich, so dass die folgende Nachrichtenüberschrift aus dem 18. Jahrhundert über einen kranken englischen König:
„Georg III leidet an Illusionen“ in Trebuchet besser lesbar ist, als
„Georg III leidet an Illusionen“ in einer Schriftart namens Arial.
Wenn Sie eine beliebige Seite der Website, wie am rechten Rand beschrieben, drucken, so werden Sie sehen, dass sie in der runden Serifenschrift Georgia gedruckt wird. Im Gegensatz zum Lesen auf einem Bildschirm, ist unser Gehirn beim Lesen gedruckter Texte mehr an Serifenschriften gewöhnt.
ergonomische gestaltung
Das Logo, das Foto, das Hauptmenü sowie das Sprachmenü erscheinen wie auf einen Schreibtisch übereinander gelegt. Die einzelnen Teile verändern ihre Lage, wenn Sie die Größe des Browser-Fensters verändern (indem Sie an der rechten Ecke des Fensters ziehen) oder wenn Sie die Schriftgröße verändern. Dieser Aufbau hat den Vorteil, alle Komponenten für die Navigation auf der Website sichtbar zu halten — sogar auf einem kleinen Computer-Bildschirm mit einer Auflösung von 800×600 — ohne dabei den Blick auf die Einzelheiten der wunderbaren Fotos zu verlieren. Das macht auch ziemlich Spaß.
Falls das „Skripting“ in Ihrem Browser aktiviert ist — was normalerweise der Fall ist, außer der Computer unterliegt einer erhöhten Sicherheit — dann wird das Foto in den Vordergrund oder zurück hinter das Hauptmenü verschoben, wenn Sie darauf klicken. Falls Sie keine Maus verwenden, so hat ein Tastendruck den gleichen Effekt, wenn das Foto zuvor per Tabulator-Taste aktiviert wurde.
JavaScript und anderer aktiver inhalt
Um die Website einfach und überschaubar zu gestalten, haben wir absichtlich auf aktiven Inhalt verzichtet. So wird kein zweites oder drittes Browser-Fenster plötzlich und ohne Vorankündigung geöffnet und die Zugriffszeit sollte kurz bleiben, da wir keine aufwendigen Grafik-Effekte nutzen. JavaScript wird nur für das oben beschriebene Verschieben der Fotos verwendet, während auf andere dynamische Programmier-Techniken, wie Active-X oder Flash, ganz verzichtet wurde. Wenn in Ihrem Browser JavaScript ausgeschaltet ist — etwa 10% der Web-Benutzer tun dies — so können Sie die Lage des Fotos nicht verändern, was aber kein großes Hinderniss im Umgang mit der Website ist. Sollten Sie JavaScript ausgeschaltet haben, dann besitzen Sie wahrscheinlich einen ausreichend großen Bildschirm, um ohne die Foto-Verschiebefunktion auszukommen.
Ein wichtiger Grund, um auf Client-seitigen dynamischen Website-Inhalt zu verzichten, ist die Verwendung von Screen Readern, speziellen Browsern für blinde und sehbehinderte Besucher der Website. Diese Browser lesen den Inhalt der Website laut vor oder wandeln ihn in Braille um. Ein „Screen Reader“ bekäme natürlich Probleme mit grafischen Effekten und käme mit weiteren, sich öffnenden, Fenstern durcheinander.
Noch ein guter Grund, auf dynamischen Webinhalt zu verzichten, ist ein daraus resultierender besserer Zugriff auf die Website für Suchmaschinen wie Google, MSN, u.s.w.
zulassen von cookies
Der einzige Browser-seitige dynamische Effekt, den Sie zulassen müssen, sind die Cookies, wenn Sie die Unterweisungen im Abschnitt „abonnements“ lesen möchten. Die Voreinstellung der meisten Browser läßt Cookies zu aber viele sicherheitsbewußte Web-benutzer schalten sie aus. Wenn Sie Schwierigkeiten beim Einloggen auf der Abonnement-Seite haben, prüfen Sie bitte, ob Ihr Browser eine Einstellung der Art „Cookies von der Herkunftsseite zulassen“ hat. Wir müssen Sie darum bitten, Cookies zuzulassen, um einen vollen Zugriff auf den passwort-geschützten Teil von Zen-Road zu bekommen.
web standards
Web Standards ist ein umfangreicher Begriff, der in den letzten Jahren im Bereich der Website-Entwicklung in Mode gekommen ist. Er resultiert aus der Arbeit des World Wide Web Consortiums (W3C), einer internationalen Standardisierungs-Organisation unter dem Vorsitz von Sir Tim Berners-Lee, einem Engländer, der als Erfinder des Web angesehen wird. Das W3C definiert Programmiersprachen und Konventionen, die die Kommunikation über das Web ermöglichen und unterstützt die Verwendung des Web durch Jedermann, also unabhängig von möglichen Behinderungen. (Mehr zu dem Thema auf der Seite Barrierefreiheit.)
Mit Web Standards programmiert man Websites konform zu den W3C-Standards. Das führt im Speziellen zu einer Trennung von Inhalt und Form — die Wörter, die Sie gerade lesen und mit Gedanken verbinden sind getrennt von der Darstellung als schwarzer Text auf weißen Hintergrund, papagei-grün umrandet. Das Medium und die Nachricht werden getrennt voneinander gehalten. Die Verwendung von Web Standards hat den Effekt, dass eine Website in jedem modernen Browser gleich funktioniert und auch gleich erscheint und dennoch von Screen Readern und anderen nicht seh-orientierten Browsern erfaßt werden kann.
programmierung und test
Die Seiten dieser Website sind in XHTML (extensible hypertext markup language) verfaßt und verwenden CCS2 (Cascading Style Sheets, Level 2) für ihre Darstellung und den Druck. Jede Seite wurde syntaktisch durch die Validierungs-Programme überprüft, die das World Wide Web Consortium zur Verfügung stellt. Außerdem wurde die Website als ganzes gegen die Anforderungsliste der dem W3C zugehörigen WCAG (Web Content Accessibility Guidelines) getestet mit dem Ziel, die Barrierefreiheit der Website für Behinderte zu gewährleisten. Folgende Links veranschaulichen diese Prinzipien:
Die Website wurde mit vielen Browsern getestet: Internet Explorer 6 und 5.5 unter Windows,
Internet Explorer 5.2 auf dem Mac, Mozilla 1.7, Opera 7.5 und Lynx. Die Seiten werden den Browsern, die
vollständig konform zu den W3C Web-Standard-Empfehlungen sind, als MIME-Typ
application/xhtml+xml geliefert, andernfalls als text/html. Zur Zeit werden nur die
jüngsten Versionen von Mozilla und Opera als vollständig konform angesehen.
dankesworte
Diese Website wäre weniger interessant, wenn sie nicht über Informationen verfügte, die ständig aktualisiert werden. Sie wäre nur eine statische Website. Vielleicht mit hübschen Farben und aufregenden Fotos aber sie würde Sie nach einiger Zeit langweilen. Um eine dynamische Website zu erhalten, haben wir zwei Software-Werkzeuge eingebaut, die es verdienen, extra erwähnt zu werden:
- das Form-Mail-Script von Ralf Stadtaus ist die Grundlage für die Webmail, um Spam-freie Emails direkt von der Zen-Road Website zu versenden;
- und die aufsehenerregende WordPress Web Publishing Platform von Matthew Mullenweg macht die Bereiche „unterweisung“, „abonnements“ und „blog“ erst möglich — sie erlaubt eine einfache Darstellung von neuen Beiträgen intelligent mit Archivierungs- und Suchfunktionen verbunden.
Unser Dank und unsere Hochachtung gebührt beiden sowie ihren Teams für die unzähligen Mann-Jahre an Arbeit, von denen Zen Road profitiert. Links zu ihren Websites finden Sie unten:
konzept und gestaltung
Paul Buller, Berlin, Herbst 2004
eMail: daor–nez@retsambew.org,
tel.(+49 30) 347 877 45