Während das Redesign... hauptsächlich in der Transformation der Seiten der alten Homepage bestand, ist diesmal viel am Layout verändert worden. Auf Grund der Verwendung von [geschachtelten] Vorlagen (seit dem Redesign) war der Arbeitsaufwand relativ klein. Da ich mich bezüglich CSS auf dem aktuellsten Stand halten wollte, wurden sämtliche Effekte mit CSS (d.h. nicht mit JavaScript) erstellt. An gewissen Stellen wurden animierte GIFs benutzt. Ein weiteres Ziel war die einfache Wartbarkeit der Seite zu gewährleisten. Dies wurde erreicht, in dem Standardtags, wie z.B. p oder h3, per CSS überformatiert wurden. Bei einem Blick in den Quellcode (z.B. von dieser Seite), wird schnell klar, dass die meisten Schritte zur Aktualisierung (z.B. der Berichte am rechten Rand) schnell und einfach durchzuführen sind. Fast so einfach wie das Schreiben eines Dokumentes im Word (wenn man einen WYSIWYG-Editor verwendet)! Zusätzliche Vorteile dieser Methode (CSS + Standardtags) sind: Wahrung der Semantik der Daten, Anzeige bei deaktiviertem CSS noch relativ gut, kleine HTML-Dateien (bezogen auf den HTML-Quell-Text), globale statische CSS-Datei kann vom Browser gecacht werden, schnellere Ladezeiten. Durch die strikte Verwendung von relativen Größenangaben wird die Seite bei allen Bildschirmauflösungen optimal dargestellt und man kann zur Schriftvergrößerung bzw. -verkleinerung die entsprechende Browser-Funktionalität verwenden. Bei den Browsern Mozilla Firefox 1.0 und Netscape 7.2 gibt es leider Darstellungsfehler die allerdings nur im Pixelbereich zu finden sind. Dies müssen allerdings Browser-interne Fehler sein, da Erstens der gleiche HTML-Code unterschiedlich dargestellt wird und Zweitens auf Grund der W3C-Konformität auch keine Verschachtelungsfehler vorliegen. Bei Opera 7.54 und Internet-Explorer 6.0 wird alles korrekt angezeigt. Bei Netscape 4.7 erhält man eine noch relativ gute Darstellung, wenn man CSS deaktiviert. Beim ersten Aufruf dieser Homepage müssen nun leider, trotz Optimierung der Bilder, ca. 55KB geladen werden. Das entspricht bei dem mittlerweile sehr weit verbreiteten 1MBit DSL einer theoretischen Ladezeit von trotzdem nur einer halben Sekunde. Da aber nahezu immer dieselben CSS- und Bild-Dateien auf allen Seiten verwendet werden, werden diese im Browser gecacht. Somit reduziert sich die Übertragung auf ca. 10 bis 20KB pro Seite (ca. eine sechstel Sekunde). Die Alte und die Neue im Design-Vergleich (Screenshots).
