Webdesign
Ich hab ja meine Internetseite ja doch schon seit 1998, kann mich noch wage erinnern dass ich in den ersten Monaten mit JavaScript gespielt habe dass in der Navigation die Buttons geändert hat. Etwas was ich heute auf keinen Fall mehr machen würde (außer für Geld natürlich). In den ganzen Jahren hab ich ein paar Fehler festgestellt die entweder ich selber oder meist andere gemacht haben.
- Frames
- Es ist immer noch nicht zu jedem vorgedrungen: Frames sind tot!. Ihr müsst nur mal an die Suchmaschinen denken! Das bißchen Arbeit dass man sich in Bezug auf die Navigation früher mit Frames sparen konnte muss man heute in eine serverseitig, dynamische Navigation stecken. Wir hatten damals ja noch kein PHP.
- Layout-Tabellen und CSS
- Die sterben immer noch ihren qualvollen Tod. Schaut euch doch mal den Quellcode von GMX an. Zugegeben, sie hauen ganz schön mit den
divs herum und beim Wetter kamen sie nicht ohne Tabelle aus, aber der Quellcode ist viel besser lesbar als mit einer (was sag ich, dutzenden) Layouttabellen wie sie zum Beispiel EBay immer noch (Sept 2005) hat. Es kommt hier zum einen auf die Lesbarkeit des Quellcodes für den Entwickler an, als zweites die Platzersparnisse und nicht zu letzt ist modernes Design mit CSS für in der Wahrnehmung eingeschränkte Benutzer (nicht nur der Mensch, auch Suchmaschinen) von großem Vorteil. Der Quellcode erhält einen logischen Aufbau. Nicht zuletzt erlaubt es CSS das Design schnell und einfach zu ändern ohne dass man bei einem dutzend Tabellenzellen die Werte ändern muss. - Schrift
- Bei der Schrift kann man gleich zwei Sachen falsch machen.
- Schriftgröße: Immer die ganze Seite mit einer größere Schrift zu testen (einfach mal -+ oder Strg-+). Ich hab ja eine minimale Schriftgröße von 13px eingestellt weil mein Monitor ungefähr einen Meter weit von meinem Gesicht entfernt ist. Die Effekte sind manchmal verheerend. Einzig Opera ist dang PageZoom (statt TextZoom) imun gegen sowas.
- Schriften zu Grafiken: Meiner Meinung nach etwas das man durchaus mit dem Tod bestraft werden kann, vorallem wenn auch Punk 1. auftritt. Man darf und soll es durchaus für Zierelemente verwenden, auch für Überschriften ist es in Ordnung wobei man aber eine Methode verwenden sollte wie im CSS Zen Garden wo die Überschrift auch als Text dasteht aber per CSS ausgeblendet wird. Der Grund warum man Grafiken nicht für die Navigation oder gar längere Texte verwenden sollte ist dass man den Nutzerkreis einschränkt. Natürlich, eine Methode wie gerade erwähnt oder ein alt-text kann noch etwas retten, aber wer denkt schon daran?
- Kontrast
- Ein Punkt gegen den nur selten verstoßen wird, wenn dann ist es aber fatal. Man kann gerne dunkelgrüne Schrift auf hellgrünem Untergrund machen, aber dann sollte man (dank CSS) auch einen styleswitcher einbauen der die ganze Seite in Schwarz-Weiß darstellt.
- Nutze die Möglichkeiten von (X)HTML
- Klingt vielleicht doof, aber ein
<br /><br />um einen neuen Absatz zu machen ist ein Zeichen dafür dass man einfachstes HTML nicht beherrscht. Die HTML-Standards bieten genug Möglichkeiten den Quellcode nicht nur gut aussehen zu lassen sondern auch auf eine logische Art und Weise zu gestalten. Ein Absatz muss in p-tags, eine Liste in ol oder ul und eine Definitionsliste in eine dl. Wenn ich eine Überschrift oder Unterüberschrift will dann nehme ich ein h1, h2, h3, h4, h5 oder h6 und zwar in dieser Reihenfolge, in dieser Gewichtung und jedes nur einmal für die jeweilige Stufe. - AJAX
- AJAX ist nicht nur ein Fußballverein und eine Spülmittelmarke sondern auch Asynchronous Javascript And XML. Ich arbeite mich derzeit (Aug 2005) noch selber rein, aber die Möglichkeiten eine Webseite noch dynamischer zu gestalten während man Traffic und Geduld beim Benutzer spart sind einmalig. Wer bisher Flash oder Java-Applets verwendet hat sollte sich gut überlegen ob AJAX in manchen Fällen nicht eine gute Alternative ist.