allgemeines
Wie Ihnen vielleicht aufgefallen sein dürfte, sieht das Layout
von www.schachbezirk-freiburg.de inzwischen in verschiedenen
Web-Browsern sehr unterschiedlich aus.
Insbesondere, wenn Sie zwischen Internet Explorer 6 und Netscape 4.7
wechseln, sind die Unterschiede geradezu eklatant. Netscape 4 liefert
ein völlig zerschossenes Layout ab und ist damit für diese
Seiten unbrauchbar. Als Nescape-Nutzer sollten Sie deshalb ihre
4er-Version endlich "entsorgen" und auf Netscape 7.0 umsteigen. Aus
Sicherheitsgründen empfiehlt sich dieser Schritt übrigens auch
für Nutzer des InternetExplorers (alternativ wäre noch Opera
zu nennen bzw. wenn Sie etwas vertrauter und experimentierfreudiger im
Umgang mit Software sind, auch Mozilla 1.2.1. Mozilla ist die
nicht-kommerzielle Test-Version von Netscape. Mozilla 1.0.1 ist die von
AOL-Ballast befreite Version von Netscape 7.0. Mozilla 1.2.1 dagegen
die beta-Version künftiger Netscape-Browser.
warum CSS?
CSS (Cascading Style Sheets) dienen dazu, Formatierungsinformationen
und Text voneinander zu trennen. Dies reduziert die
Dateigrößen bei konsequenter Verwendung externer StyleSheets
insbesondere bei Tabellen gewaltig und macht auch komplexe
Formatierungen mit relativ kleinen Dateien möglich.
Dies hat für den Besucher den Vorteil, dass trotz eines optisch
ansprechenden Layouts der Seitenaufbau auch bei einer langsamen
Verbindung recht schnell geschieht. Außerdem wird unsererseits der
"Traffic" reduziert. Gegenüber dem alten Layout blieben die vom
Server übertragenen Daten im Monatsvergleich bei deutlich
gestiegenen Seitenzugriffszahlen konstant.
Graphische HTML-Editoren beherrschen CSS in der Regel relativ schlecht.
Dies gilt insbesonder für den Marktführer "FrontPage" und
Microsoft und die für professionelle Web-Präsentationen gerne
verwendeten Editoren "Adobe GoLive" oder "Macromedia Dreamweaver".
Eine Verwendung solcher Editoren würde insbesondere bei Dateien
mit Tabellen zu einem Aufblähen der Dateigröße um den
Faktor drei bis fünf führen - mit entsprechend deutlich
längeren Übertragungszeiten für Modem-Nutzer.
Erläuterung dieses Layouts:
Diese Seite sollte den Titel jedes Abschnitts als doppelt umrandeten
Tabellenreiter anzeigen, dessen obere "Ecken" abgerundet sind. Im
Erläuterungstext sollten alle Ecken der Umrahmung durch Rundungen
ersetzt sein. (Zugegeben: Das Layout ist "state of the art" und es soll
auch gar nicht überall gleich aussehen).
Vergleich CSS pur gegen Mischung aus HTML 3.2 / 4.0 und CSS:
Oberwinden hat einen sehr schön gestalteten Internetauftritt.
Zu Vergleichszwecken habe ich die IE-optimierte Seite und eine
W3C-optimierte Version der Startseite auf den Server gelegt.
Die IE-Version besitzt einen schlecht strukturierten HTML-Code und ist
ziemlich komplex aus verschachtelten Tabellen aufgebaut. Dagegen
verwendet die W3C-Version nicht eine einzige Tabelle, hätte aber
auch besser gestaltet werden können.
Wenn Sie die W3C-Version mit Netscape 4 und abgeschalteten CSS ansehen,
wird dies ersichtlich.
Im Internet-Explorer sollten bei der W3C-Version im Gegensatz zur
IE-Version die abgerundeten Ecken fehlen (wegen denen in der IE-Version
eine Tabelle verwendet werden muss). Dafür hat die IE-Version bunte
Scrollbalken im IE, auf die die W3C-Version verzichtet, da bunte
Scrollbalken Mozilla nicht beherrscht (abgerundete Ecken mittels CSS
dagegen wohl - beides ist übrigens nicht Standard).
Mit Netscape 6/7 sehen Sie dagegen zwischen IE und W3C-Version bis auf
die Scrollbalken nur minimale Unterschiede. Der zu Grunde liegende Code
beider Versionen ist aber ziemlich verschieden.
IE-Version von Schachclub Oberwinden
W3C-Version von Schachclub Oberwinden