Jeder möchte heutzutage eine Homepage besitzen. Und in Zeiten in denen kostenloser Webspace an jeder Straßenecke zu bekommen ist scheint das auch kein schwieriges Unterfangen.

Also schnell kostenloser Webspace besorgt, ein oder zwei Tutorials durchgelesen um die HTML Grundlagen zu lernen und dann geht’s los. Hier beginnen dann schon die ersten Probleme.

Zwar sind viele mit HTML und CSS vertraut aber der Arbeitsablauf scheint in den meisten Tutorials nicht richtig erklärt zu werden. Hier wird begonnen das Pferd von hinten aufzusatteln. Anstatt den Inhalt zu erstellen und danach das Aussehen der Seite mit CSS anzupassen erstellen viele erst einmal das Layout um dann den Inhalt in das Layout zu pressen, die Semantik kommt dabei leider oftmals viel zu kurz.

Viele werden mir jetzt widersprechen und sagen es ist doch völlig egal ob man erst den Inhalt oder erst das Layout erstellt. Aber das ist es nicht. Wenn man mit CSS das Layout einer Seite erstellt werden dabei die HTML Tags formatiert. Hat man noch keinen Inhalt fehlen also auch die entsprechenden HTML Tags um das Aussehen der Seite festzulegen.

Unerfahrene Webmaster setzten jetzt das div Tag ein um das Layout zu erstellen. Es entsteht ein sogenanntes div Layout was natürlich genauso falsch ist wie ein Tabellenlayout oder ein Frames Layout.

Der Arbeitsablauf bei Erstellen einer Webseite sollte wie folgt aussehen:
Zuerst macht man sich Gedanken über die Struktur seiner Webseite. Wo platziere ich das Menü? Wie unterteile ich den Inhalt und so weiter.
Danach schreibt man seinen Inhalt und zeichnet ihn mit HTML aus. Dabei achtet man erst mal noch gar nicht auf das Aussehen. Selbstverständlich kann man auch divs einsetzen um zum Beispiel mehrere Elemente zusammen zu fassen. Aber man sollte sie eben nur da einsetzten wo sie auch wirklich gebraucht werden.
Jetzt kommt CSS ins Spiel. Der Inhalt der Seite steht, jetzt kann das Layout mit CSS erstellt werden. Man wird reichlich HTML Tags vorfinden die man für die Gestaltung der Seite verwenden kann.

CSS baut immer auf HTML auf und nur wenn der Inhalt steht sind auch die richtigen HTML Elemente zum Formatieren der Seite vorhaben.

Harald Breuer
E-Mail: HBreuer1@gmx.de