Viele Seiten einer Homepage haben eine vergleichbare Gestaltung. So wird auf jeder Seite das Logo und der Schriftzug der Firma erscheinen, Sie benötigen ein Impressum, das von jeder Seite aus erreichbar sein muss und vieles mehr. Für wiederkehrende Objekte auf der Website sollte man sich Homepage Vorlagen erstellen. Sie bürgen für identische Basis-Inhalte von Seite zu Seite und erleichtern die Arbeit.

Neben vielen Codefragmenten, die das Template beinhaltet, lässt sich hier auch schon viel Gestaltung unterbringen. Es können verschiedene Templates vorliegen, die ganz unterschiedlichen Zwecken dienen: Die Startseite beinhaltet vielleicht nur wenig Informationen, dafür ist auf einer der folgenden Seiten zum Beispiel Ihr Produkt von allen Seiten dargestellt. Hierzu kann im Template bereits eine Vorlage mit Platzhaltern für die Bilder angelegt werden. Führen Sie unterschiedliche Artikel, rufen Sie das Template erneut auf, speichern es unter einem neuen Namen – wichtig! – und füllen die Seite mit Inhalten. So verfahren Sie für jeden Artikel.

Bilder einbauen

Bei der Verwendung von Bildern gibt es einige wenige, aber wichtige Dinge zu beachten: Bilder zählen zu umfangreichsten Daten, die Sie in Ihre Website einbinden können. Viele Bilder bedeuten viel Traffic. Je nach Vertrag kann es schnell teuer werden. So sollten Sie unbedingt darauf achten, dass die Bilder genau so groß sind, wie der User sie später sehen soll. Größere Bilder belasten nur den Datenverkehr. Besser kann es sein, in die Website ein Thumbnail (eine verkleinerte Darstellung) einzubinden, das sich auf Mausklick zu einer vergrößerten Ansicht öffnet. So übertragen Sie nur die Daten, die der User gerade anfordert. Das ist auch in Hinblick auf Benutzbarkeit der sichere Weg. Dauert der Seitenaufbau einer Website über Gebühr lange, wird der ungeduldige Anwender die Seite schnell verlassen.

Zu den Bildern können sogenannte Alt-Texte angelegt werden. Das sind kleine Informationen, die erscheinen, wenn die Maus über dem Bild schwebt. Diese Informationen sollten sie dringend einfügen. Hier soll kurz der Inhalt des Bildes beschreiben werden. So wird Ihre Website auch für Sehbehinderte zugänglich. Templates für Bilder haben den Quellcode in html entsprechend vorbereitet und Sie müssen die Informationen nur noch hinzufügen.

Navigation

Wenn es Ihnen noch gelingt, die Navigation so zu gestalten, dass sie auf allen Seiten identisch erscheinen kann, ist mit einer Vorlage bereits die halbe Arbeit erledigt. Sollten einmal Änderungen auftreten, müssen sie primär am Template vorgenommen werden, dann die Inhalte neu einziehen und alles stimmt wieder.

Der große Vorteil beim Schreiben eines externen Stylesheets liegt darin, dass ein Stylesheet in viele HTML-Dateien parallel eingebunden werden kann, wobei dies nicht nur Zeit erspart, sondern die HTML-Dokumente auch übersichtlicher und kleiner werden lässt. Mit wenigen Änderungen in einer oder wenigen Stylesheet-Dateien kann so das Aussehen vieler HTML-Dateien verändert werden.
Zu den CSS-Eigenschaften zählen natürlich Schriftformatierung und Hintergrundfarben und -bilder, doch besonders die Ausrichtung einzelner HTML-Elemente sowie ein genereller Außenrand können sehr einfach festgelegt werden.
Im folgenden werde ich Ihnen einige Tipps geben, die Barrieren aus dem Weg räumen sollten und die Sie sich während des CSS-Schreibens immer wieder in Erinnerung rufen sollten.

Bevor Sie eine Web-Seite mit Stylesheet hochladen, sollten Sie das Layout mit verschiedenen Browsern und vielleicht auch mit einem Netbook und einem internetfähigen Handy testen. Damit dann nicht der große Schock kommt, weil es im Internet Explorer ganz anders wirkt als Firefox es Ihnen immer dargestellt hatte, empfiehlt es sich, schon während des Schreibens immer wieder zu prüfen, wie die Seite von verschiedenen Browsern dargestellt wird. Sie sollten sogar davon ausgehen, dass jemand nur Ihr HTML ohne Stylesheet sieht (keine Unterstützung durch Browser oder CSS ausgeschaltet). Auch dann noch sollte es ordentlich aussehen! CSS bietet mittlerweile sogar die Möglichkeit, unterschiedliche CSS-Formate für unterschiedliche Ausgabemedien zu definieren. Diese Möglichkeit sollten Sie nutzen!

Da Stylesheets so einfach zu schreiben sind, verführen sie schnell dazu, schöne, aber unleserliche Schriftarten zu verwenden. Bedenken Sie Farbkombinationen von Schrift und Hintergrund, Schriftgröße, Schriftart, Effekte et cetera. Denn wer den Text ihrer Internetseite nicht richtig lesen kann wird sie wohl nicht wieder besuchen und keine Weiterempfehlung aussprechen.