Es macht Spaß, mit »Cascading Stylesheets« Webseiten zu gestalten! Mit wenig Aufwand kann man einen kompletten Webauftritt völlig neu und anders gestalten - vorausgesetzt, die Grundvoraussetzungen stimmen. Wichtig ist die Trennung von Inhalt (der HTML-Seite) und Formatierung (mit einer externen CSS-Datei).
Zunächst nimmt man die eigentliche HTML-Seite in Angriff. Ist diese strukturiert und sinnvoll aufgebaut, so steht den gestalterischen Möglichkeiten nur noch der Internet Explorer im Wege. Kleiner Scherz, der IE hat zwar seine Macken, kann aber meistens überlistet werden. Meistens :-)
Also: Schluss mit dem Seitenaufbau durch Tabellen! Die sind z.B. zur Darstellung von Übersichten da, nicht zum Aufbau einer Webseite. Vor ein paar Jahren war die Verwendung von Tabellen fast die einzige Möglichkeit zur Gestaltung einer Seite - heute überwiegen jedoch die Nachteile!
Bitte auch keine Formatierungen direkt im HTML-Code vornehmen - dazu gibt es die so genannten Klassen. Zur Strukturierung des Inhaltes verwendet man die dafür vorgesehenen Elemente: »H1«, »H2« usw. für die Überschriften, »p« für die Absätze sowie »ul« für Auflistungen.
Vorteil einer strukturierten Seite ist auch die problemlose Darstellung mit »Screenreadern« oder textbasierten Ausgabegeräten. Auch ohne CSS-Formatierung machen die Seiten Sinn. Dieser Retro-Look ist zwar nicht unbedingt schön, aber nutzbar.
Insgesamt werden die Seiten auch erheblich schlanker. Überflüssiger Code, der sich ständig und auf jeder Seite wiederholt, entfällt.
Also, probiert es selbst einmal aus. Links zum Thema findet ihr auf der Startseite.