Wer sich nicht selbst die Mühe machen will, ein CSS-Grundlayout für seine Webseiten zu entwicklen, kann auf einen reichen Fundus an fertigen Designs zurückgreifen.
Wenn Sie Ihre Website zum Beispiel mit einem klassischen Layout mit drei Spalten aufbauen wollen, können Sie sich die notwendige CSS-Basisarbeit ersparen. Im Web finden Sie dutzende von fertigen Templates, die Sie verwenden und individuell anpassen können. Auch andere Layout-Varianten gibt es reichlich. Sich in diesem Fundus zu bedienen, bringt eine Menge Vorteile mit sich ganz abgesehen von der Arbeit, die Sie sich damit ersparen können. So können Sie sich vorab schon darüber informieren, wie die Code-Beispiele dann in der Praxis aussehen. Außerdem lassen sich damit typische Fehler, die beim Eigenbau auftreten können, weitgehend vermeiden. Die Musterlayouts sind ferner in der Regel Browser-kompatibel und valide. Hier eine kleine Übersicht über das Angebot:
Glish.com
Glish.com bietet eine kleine Auswahl an zwei-, drei- und vierspaltigen CSS-Layouts. Das Angebot ist übersichtlich und praktisch strukturiert. In der oberen Bildschirmhälfte sehen Sie, wie sich das jeweilige Layout im Browser präsentiert und in der unteren Hälfte finden Sie das fertige Stylesheet zur Übernahme per Cut&Paste. Das erlaubt der Autor ausdrücklich, gegen eine Link auf der Seite oder im Sourcecode.
Ebenfalls völlig frei sind die drei Entwürfe auf der Seite The Lyaout Reservoir. Im Angebot sind zwei Zweispalter, bei denen das Menü entweder links oder rechts angeordnet ist, und ein dreispaltiges Menü. Das jeweilige komplette Stylesheet päsentiert sich nach einem Klick auf den entsprechenden Link jeweils in einem neuen Browser-Fenster.
Ein umfangreiches Design-Angebot gibt es bei Little Boxes. Es wird auf der Startseite mit kleinen Ikonen präsentiert (daher der Name). Ein Klick auf die gewünschte Box zeigt schematisch das fertige Layout und den dazugehörenden CSS-Code.
Einen völlig anderen Weg geht Inknoise. Auf dieser Seite steht ein Wizard zur Verfügung, mit dessen Hilfe man sein gewünschtes Layout individuell und interaktiv zusammenstellen kann. Es werden nur wenige Eingaben verlangt, insbesondere die Breite des Content-Containers. Auf Wunsch generiert der Layout-o-matic sogar einen jenen berüchtigten Boxmodell-Hacks, mit dem die fehlerhafte Darstellung des Internet Explorers korrigiert wird. Den fertigen Code kann man sich entweder anzeigen lassen oder gleich auf seinen PC herunterladen.
Recht breit ist das Template-Angebot auf dieser Seite. Die Icons auf der Auswahlseite liefern einen ersten Eindruck der fertigen Seite. Per Klick auf das gewünschte Icon geht es zu den gewünschten CSS-Details. Allerdings muss man sich das fertige Stylesheet aus den angezeigten Code-Fragmenten selbst zusammenbasteln.
Diese Seite bietet einerseits CSS-Grundgerüste für verschiedene Layouts wie auch fertige Templates. Die CSS-Vorlagen validieren nach XHTML und CSS und wurde mit den Browsern Internet Explorer 6.0, Netscape 6.2, Opera 7.5 und Firefox 1.0 getestet. Die einzelnen Layouts sind ausführlich kommentiert und die kompletten Stylesheet-Dateien stehen ebenfalls zur Verfügung.
Das PHP-Journal vermittelt praxisrelevantes Wissen für Entwickler von Web-Applikationen, für Content- und Online-Manager, Agenturen und Webmaster. Neben Praxisartikeln zu Programmiertechniken und Schnittstellen werden im PHP-Journal auch angrenzende Themen wie modernes Webdesign mit AJAX, Aufbau und Betrieb von Web 2.0-Communities und erfolgreiches Online-Marketing zum Beispiel über Suchmaschine-Optimierung behandelt.
