Für die Veröffentlichung der neuen Website V4.0 für den #oesterreich habe ich damals auch eine Seite gemacht, die die Entstehungs- und Entwicklungsgeschichte der bisher 4 OesterChat-Layouts von |venenum| und mir kurz erläutert.
Ich bin nicht 100%-ig zufrieden mit dem V4.0-Aussehen. Aber es ist schließlich mein erster Ausflug gewesen in die Welt der Validität, Tabellenlosigkeit, XHTML, CSS, Barrierearmut und Zugänglichkeit und vielem zusätzlichem mehr, das ich für Detailarbeit benötigte. Die ZuTun-Liste zeugt von den gröbsten Schnitzern, die ich bis V5.0 noch ausbessern will.
Bei V5.0 soll dann alles besser werden. ;)
(Bin auch nicht 100%-ig glücklich mit dem OesterBlog-Quellcode, aber ist ja schließlich von anderen entworfen worden. ;-p)
Nun noch die Kopie des letzten Abschnitts über V4.0. Doppelt hält schließlich besser.
V4.0: Die valide Zukunft
Nach dem Winterurlaub 2005 stürzte ich mich ohne Vorwarnung in die Arbeit für eine neue Seite. Die alte war schließlich schon fast 3 Jahre alt. Im Prinzip ist die Seitenstruktur die selbe wie bei |venenum|s V3.0.
Eigentlich wollte ich nur das Design ändern. Daraus wurde nach 3 Monaten schließlich eine Seite mit neuem Design, vollständig neu geschriebenem Quellcode und zentralisierter Verwaltung; und alles auf Basis von W3C-validem XHTML mit CSS unter Beachtung – so weit wie möglich – der WAI-Richtlinien.
Inhaltlich hat sich fast nichts geändert. Hauptsächlich wurden die Texte und Daten aktualisiert.
Standard-konform
Der Drang, etwas Neues zu lernen, hat mir eine Menge Lesestoff geliefert. Seitdem bin ich ein vehementer Verfechter von Webstandard-konformen WWW-Seiten. Und man lernt MSIE so richtig zu hassen für seine fehlerhafte Umsetzung von Webstandards.
Ich unterstütze jeden Webmaster, der seine Seiten validiert.
Dank der Trennung von Struktur und Präsentation ist es nun möglich, ein völlig neues Design zu kreieren; einzig und allein mit dem Neuverfassen einer CSS-Datei. (CSS Zen Garden ist dafür ein schönes Beispiel.) – V5.0 lässt jetzt schon grüßen. ;-)
Wer auch anfangen will: From Table Hacks to CSS Layout: A Web Designer’s Journey war mein allererster gelesener Artikel zum Thema neues Webdesign (Layout-Umwandlung)…
Zugeständnisse
Ein paar Zugeständnisse an invalide Browser und schnelle Formatierung habe ich jedoch gemacht. Dazu gehört die Verwendung von style-Attributen innerhalb von HTML-Elementen bei Tabellen (meine Schwachpunkte an Faulheit), die Verwendung von <acronym> für <abbr> (welches der MSIE nicht kennt), sowie der (weit verbreitete) semantische Mißbrauch des Elements cite für q, das bisher nur mäßig von Browsern unterstützt wird. Somit erfülle ich nicht 100%-ig die volle Trennung von Struktur und Präsentation sowie korrekter Semantik im HTML-Code. Aber man braucht ja auch noch Ziele für zukünftige Projekte. Warten wir mal, was IE7 für neue Probleme aufwerfen wird.
In der ZuTun-Liste habe ich eine Art Roadmap für solcherlei Unzulänglichkeiten angelegt.
Dank
Mein Dank gilt
- gunfire für seine ununterbrochene Unterstützung und sein offenes Ohr
- |venenum| für seine nützlichen Tipps und Grafiken
- Taggy, tingletanglebob und Moonbase für unentbehrliche, punktuelle Programmierhilfe
- Futschy und fischi für Designhilfen und die Headergrafik
- schwarzbrot für seine kleinen Hilfsdienste ;-)
- und allen WWW-Autoren, die mich hilfreich auf den Pfad der validen Tugend gebracht haben (die Bookmarks-Seite zeigt einen Ausschnitt davon).
Hinterlasse einen Kommentar
Trackback URL | Kommentarfeed