Dies ist eine kleine Auswahl von Designmöglichkeiten, die mit Cascading Style Sheets realisiert wurden. Bitte klicken Sie im Menü auf einen der Styles. Viel Spaß!
Der immer gleiche Quelltext, der jeder Webseite zugrunde gelegt wird, wird hier bereitgestellt: Inhalt
Endlich gibt es die Freiheit, Webseiten jederzeit ein neues Gewand überzustreifen. Ohne Rücksicht auf Browser, international akzeptiert und barrierefrei mit Hilfe von CSS.
Wir können uns wieder auf die Inhalte unserer Arbeit beziehen und haben den Weg frei, diese Inhalte überzeugend und inspirierend darzustellen, ohne die Richtlinien des World Wide Web Consortium umgehen zu müssen.
Die hier vorliegenden Webseiten spiegeln meine neuen Erfahrungen mit dieser fortschrittlichen Vorgehensweise. Und sie vermitteln schon eine Ahnung von dem, was möglich ist und sie machen sicher auch dem Betrachter ein wenig Spaß und neugierig auf mehr ...
Stellen Sie sich einmal vor, Sie könnten einer Webseite nach Belieben in Sekundenschnelle ein völlig neues Aussehen geben. Ist es nicht erstaunlich, dass dies überhaupt möglich ist? Mit Hilfe von Cascading Style Sheets (CSS) kann der Seite derart schnell beispielsweise ein Frühlingslayout oder ein Winterlayout verpasst werden. Der Quelltext der HTML- bzw. der XHTML-Datei bleibt stets dabei der gleiche. Tatsächlich!
Dies ist möglich, weil konsequent die gesamte Gestaltung im CSS-Dokument festgelegt wird. Nur ein einziger Link verknüpft beide Dokumente. Wenn der Link zu einer anderen CSS-Datei führt, ändert sich auch das Design der Seite komplett. Wie Zauberei. Aber auch die Struktur wird vollständig in der CSS-Datei festgehalten. Keine Tabellen werden im HTML-Text als Strukturgerüst benötigt. Dies ist wirklich eine Neuerung und macht Webdesign zu einer neuen Erfahrung.
Die Idee zu diesem kleinen Katalog stammt von einem Projekt, das CSS Zen Garden genannt wird. Der Initiator Dave Shea, ein Kanadier aus Vancouver, stellte Quelltext und einige Musterbeispiele bereit und lud alle Designer und Webdesigner dieser Welt ein, mitzumachen. Heraus kam eine sehr bemerkenswerte Sammlung an Webseiten. Mehr über das Projekt CSS Zen Garden erfahren Sie auf der Homepage des Autors Dave Shea www.mezzoblue.com. Hier finden sich auch Tutorials und wertvolle Links zum Thema.
Viele neue Lösungsansätze für Webdesign und Webseitenpflege sind erarbeitet und angeboten worden. Aber noch machen Content Management Systeme einen schlechten Eindruck durch zu lange Ladezeiten und Browser-Inkompatibilität. Durch die Auslagerung der Layoutbefehle bietet die hier vorgestellte Technik eine benutzerfreundliche Alternative, auch für ein Autorenteam ohne HTML-Kenntnisse.
Die HTML- bzw. XHTML-Datei, die dieser Webseite zugrunde liegt, kann daher komplizierte und teuere CMS-Systeme durchaus ersetzen. Der Quelltext ist derart vereinfacht, dass Autoren ohne Vorkenntnisse in der Lage sind, Ihre Texte und auch Bildbeiträge in die HTML- bzw. XHTML-Datei zu integrieren. Der administrative Aufwand, der bei CMS-Systemen beträchtliche Ausmaße annehmen kann, ist minimal. Der Spaß am Veröffentlichen und am Austausch von Informationen über das Web wird deutlich größer, wenn die Technik keine Hindernisse mehr in den Weg stellt. Das Web ist auf einer neuen Stufe angelangt, es wird nun vielleicht wirklich ein Web für alle.
Wenn Sie Interesse an weiteren Informatinen haben oder einfach eine Notiz oder Feedback schreiben möchten, dann können Sie mir gerne eine Nachricht über das Mailformblatt in elisabethvollbrecht.de zukommen lassen. Ich freue mich.
Weitere Vorteile, die zunächst gar nicht auffallen, sind die Möglichkeit, den Quelltext für eine Audio-Wiedergabe / Sprachausgabe zu nutzen. Ebensoleicht können mehrere CSS-Dateien integriert werden, die unterschiedlichste Schriftgrößen ausweisen. Barrierefreies Netz ist also kein Wunschtraum der Zukunft mehr, sondern in greifbare Nähe gerückt. Das könnte ein Meilenstein in der Geschichte des Webdesigns werden.
Was die Versionswahl betrifft, wird empfohlen, noch weitgehend auf CSS1 zurückzugreifen, damit ältere Browser eine den Erwartungen entsprechende Darstellung liefern. CSS in dieser Form und kombiniert mit XHTML strict kann den Anforderungen des W3C voll und ganz entsprechen. Die Chance, weltweit zu publizieren via Internet und überall genau wie geplant anzukommen ist Realität geworden. Die Validierung von XHTML- oder HTML-Datei und von CSS-Datei ist wesentlich einfacher als ein kompliziertes, tabellenüberfrachtetes Dokument alter Bauweise validieren zu lassen.
Noch gibt es diverse Browserprobleme, wie dies schon seit jeher der Fall war. Aber Tendenzen sind günstig, die Beispiele von CSS Zen Garden zeigen, dass die Möglichkeiten der Gestaltung keinen Wunsch offen lassen. Mit Hilfe von Webseiten, die ausführlich über die Möglichkeiten von CSS informieren, wird die neue Arbeitsweise eine Bereicherung. Viele der Autoren und Designer, die Designbeispiele für CSS Zen Garden geliefert haben, veröffentlichen Tipps und Tricks auf unterschiedlichen Plattformen wie Foren, Weblogs usw. Der Autor von CSS Zen Garden, Dave Shea, bietet auf seiner Homepage Mezzoblue.com eine Fülle hilfreicher Informationen.
Das Besondere an dem Open Source Projekt CSS Zen Garden ist, dass das Ziel der Anstrengungen visuell vor einem liegt, noch bevor man die Entscheidung getroffen hat, sich mit dieser Technik zu beschäftigen.
Auf diese Weise weiß man immer, wozu man sich mit der Materie auseinandersetzt. Bei vielen anderen Projekten und Arbeiten bin ich ständig in der Situation, dass ich einen Text lese ohne genau zu wissen, worauf das Ganze hinausläuft und ob es das ist, was ich für meine Arbeit gebrauchen kann. Dieses Dilemma ist mir erst jetzt richtig deutlich geworden, nachdem ich CSS Zen Garden kennengelernt habe. Daher verdanke ich dem "garden" auch einen ganz wichtigen Entwicklungsschritt im Bereich Didaktik und allgemein für meine Tätigkeit als Technische Autorin.
Zur Homepage der Autorin: Elisabeth Vollbrecht.