Das Ziel sollte sein, eine Website überall benutzbar zu machen. Sieht sie darüber hinaus auch noch gut aus, ist praktisch bedienbar und visuell ansprechend, wird jeder Besucher das zu schätzen wissen. CSS trägt einen grossen Teil dazu bei.
Layoutmöglichkeiten
Einige Beispiele sollen nun die verschiedensten Layoutmöglichkeiten die mit CSS erreicht werden können veranschaulichen.
Alle Arbeiten stammen aus dem vorher genannten Zen-Garden Projekt.
Die Namen der Designer und die Vorschaubilder sind mit den Originalversionen der Designs verlinkt und verstärken sicherlich den ersten Eindruck dieser Arbeiten.
Ausserdem möchte ich hier nochmals auf den Umstand, dass es sich bei jeder Arbeit um identen HTML Text handelt, hinweisen. Die unterschiedlichen Darstellungen werden nur durch Anweisungen die im Stylesheet gegeben werden, erreicht.
Das erste Design stammt von Rose Fu (USA) und nennt sich Dark Rose.
Eine Headergrafik mit Zierschrift und als Blickfang eine schwarze Rose, alles in den Farben der Seite gehalten, steht über dem Hauptteil. Dieser ist auf gefächertem altem Papier dargestellt.
Links ausgelegte Menüs wieder auf vergilbten Papierstapeln platziert, zwei kleine Zierbilder und verzierte Aufzählungspunkte machen diese Arbeit für mich zu einer wirklich gelungenen Umsetzungen einer grafisch harmonischen Webseite.
Dazzling Beauty des Indonesiers Deny Sri Supriyono ist die zweite Arbeit die ich hier vorstellen möchte.
Helle Orange-, Beige- und Grüntöne lassen diese Page auf den ersten Blick klar und sympathisch erscheinen.
Die leichte Spiegelung unter der Headergrafik, Wiederholungen des Blumenmotivs neben den Überschriften und Menüpunkten und konsequentes Beibehalten der Grundfarben machen diese technisch einfach gehaltene Seite zum Augenschmaus.
Ein Meisterstück in CSS Design schuf Andrew Brundle ( United Kingdom) mit seiner Umsetzung eines Mozart Themas.
Pixelgenaue Positionierung der dünnen Rahmenlinien und Grafiken, alles in den Grundfarben Braun, Schwarz, Gold gehalten, hinterlassen einen interessanten ersten Eindruck. Die Überaschung folgt aber beim Scrollen des schmalen, hohen Inhalts. Die freigelassenen Stellen zwischen den Textblöcken geben, sich ändernde, Notenlinien frei. Es entsteht der Eindruck als würde die Seite über einem beleuchteten Notenblatt schweben.
Diese hervoragende Idee und Umsetzung ist nur eine von unzähligen Techniken die zur eigenen Inspiration dienen können. Alle bisher veröffentlichen Arbeiten findet man hier.
