Eine Demonstration dessen, was mit Hilfe von CSS und ohne Änderung des HTML-Quelltextes erreicht werden kann.

Inspiriert von csszengarden.com

Der erste Weg zur Besserung

In den ersten Jahren des WWW wurden Webseiten noch vorwiegend für den Inhalt erstellt. Design spielte (wenn überhaupt) eine untergeordnete Rolle.

Mit der Verabschiedung des Standards "HTML 3.2" existierten zwei gleichwertige konkurrierende Browser, die ihr eigenes Süppchen bei der Umsetzung des Standards kochten und dabei munter Tatsachen in Form von Tags erzeugten, die nur sie allein verstanden.

Erst die Einführung und Standardisierung von CSS kann jetzt dafür sorgen, dass dem Design-Wirrwarr im WWW ein Ende gesetzt wird. Am vehementesten wehrt sich dabei der defacto "Standardbrowser" für Windows-Systeme. Aber auch hier schreitet die konforme Umsetzung des Standards unaufhörlich voran.

Was bewirkt CSS?

Mit Hilfe von CSS (Cascading Style Sheets) ist eine strikte Trennung zwischen Inhalt und Design möglich.

So kann man problemlos auch seitenübergreifend das Design ändern, ohne jede einzelne HTML-Datei separat einbeziehen zu müssen. Umgekehrt müssen bei inhaltlichen Anpassungen keinerlei Design-Kriterien berücksichtigt werden.

Umsetzung

Auf der linken Seite sehen Sie meine bisherigen größeren Web-Projekte. Mit der Zeit hat dabei der Einfluss von CSS auf die Gestaltung stufenweise zugenommen. Die Seiten "Kükens Homepage" sowie "Bundesliga Tipprunde" wurden dabei noch ohne CSS-Einsatz entworfen.

Auf der Seite "Rezepte ohne Grenzen" bestimmt CSS das Basis-Design der Startseite.

Die Seite "Schatten und Licht" schließlich setzt sehr intensiv auf den Einsatz von CSS. Es wurde ebenfalls ein sogenannter StyleSwitcher implementiert, um auch IE-Benutzer in den Genuss zu bringen, die genutzte CSS-Datei im Browser auszuwählen. Bei Mozilla/Netscape-Nutzern geht dies bereits (wie im Standard gefordert) komfortabel über einen Menüpunkt.

Inhaltlich setzen alle hier präsentierten Seiten auf die Kombination PHP/MySQL. PHP als serverseitige Skriptsprache sorgt dabei für die Datenbankabfrage und die HTML-konforme Darstellung dieser Daten. Unter anderem sind eine Sprüche-Sammlung, eine Galerie von Fantasy-Bildern, eine Rezepte-Sammlung sowie eine Benutzer-Session-Verwaltung in der MySQL-Datenbank abgelegt.

Kontaktaufnahme

Sie wollen Ihre Homepage von mir entwerfen lassen? Sie setzen bei der Zukunft Ihrer Seite auf die Zukunft des Webdesigns?

Dann nehmen Sie doch einfach per E-Mail an thomas.theiner@gmx.de Kontakt mit mir auf.

Kostenlos nehme ich in persönlichen Beratungsgesprächen Ihre Wünsche und Vorstellungen entgegen und präsentiere Ihnen einen Basisentwurf.

Sie entscheiden erst dann über Art und Umfang der Auftragserteilung.