Inhalt

Wenn Sie IE 3.0x benutzen, aber eine Preview Release von IE 4.0 installiert und wieder deinstalliert haben, beachten Sie bitte diesen Hinweis.

Sie können jetzt die Anleitung als selbst-extrahierende Datei komplett mit allen Bildern herunterladen (Download-Seite).

Diese Anleitung bietet einige Design-Prinzipien für Seiten im World Wide Web. Es ist keine Einführung in HTML-Erstellung -- die zugehörigen Anleitungen zu HTML, Quick Web Documents und Building a Web Site finden Sie (im englischen Original) bei Robert Crooks' The Web Worker's Toolbox).

Wenn Ihre Bildschirmauflösung auf 640x480 Pixeln steht, könnte es sein, daß dieser Abschnitt ohne das Menü auf der Seite besser ist.

---

Einleitung

Generelle Design-Überlegungen

1. Arten von Informationen
2. Wie Informationen die Benutzer erreichen
3. Wie Benutzer Informationen ansehen
4. Wie sich Benutzer in Informationen bewegen
5. Benutzer mit verschiedenen Browsern und Konfigurationen berücksichtigen
6. Das Publikum erkennen

Site-Design

1. Die Struktur von Informationen
2. Daten-Struktur und Informations-Struktur
3. Daeinamen

Seiten-Design

1. Ein "Common Look and Feel" entwickeln
2. Seiten-Layout I
3. Seiten-Layout II
4. Seiten-Layout III
5. Farben I: Design-Überlegungen
6. Fonts und Typographie
7. Lokale Links und Navigationshilfen
8. Seitenköpfe
9. Fußzeilen: Ursprung und Autor kenntlich machen
10. Offizielle Siegel oder Logos der Institution
11. Kontaktinformation
12. Copyright
13. Seitendatum
14. URL der Seite

Die Performance verbessern

1. Farben II: Performance-Überlegungen
2. Einsatz von Graphiken
3. Einsatz von Image Maps
4. Größeneinstellungen von Graphiken für Performance
5. Interlaced, Transparent, Animated GIF Graphiken
6. Die Attribute Width und Height in Graphik-Ankern
7. Hochauflösende/Niedrigauflösende Graphiken
8. Die Farbtiefe einschränken
9. JPEG Graphiken

Anzeige-Überlegungen

1. Seiten-Länge
2. Graphiken skalieren
3. Tabellen anpassen
4. Frames anpassen

Navigations-Überlegungen

1. Layout von Navigationshilfen
2. Informations-Struktur
3. Lineare Informations-Strukturen
4. Hierarchische Strukturen
5. Raster als Informations-Strukturen
6. vernetzte Informations-Strukturen

Komplette Anleitung auf einer Seite (wird lange zum Laden brauchen, aber es ist nützlich, wenn Sie die Anleitung aus dem Browser heraus drucken wollen)

Hinweis für Benutzer, die IE 4.0 installiert und wieder deinstalliert haben: Die Deinstallation hinterlässt möglicherweise einen Eintrag in der Registry, der dazu führt, daß Ihr System statt IE 3.0x fälschlicherweise IE 4.0 meldet. Das bedeutet, daß das JavaScript auf diesen Seiten das falsche Style Sheet lädt und die Seiten nicht korrekt angezeigt werden. Hier ist eine Möglichkeit zur Korrektur, die ich ausgearbeitet habe:

1. Starten Sie Regedit (und denken Sie daran, die Registry zu sichern!) und führen Sie eine Suche durch. Suchen Sie nach dem Schlüssel "User Agent"
2. Ich habe die folgenden Einträge gefunden:
   
   HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings
   
   HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Internet Settings
   
   HKEY_USERS\.Default\Software\Microsoft\Windows\CurrentVersion\Internet Settings
   
   
3. Auf einem System mit IE4 war der Schlüssel in HKEY_LOCAL_MACHINE bei mir nicht gesetzt, da stand immer noch
   
   Mozilla/2.0 (compatible; MSIE 3.02; Windows 95)
   
   während die anderen beiden diesen Wert hatten:
   
   Mozilla/4.0 (compatible; MSIE 4.0b1; Windows 95)
   
   
4. Wenn die Werte auf die erste Einstellung geändert wurden, sollte sich IE wieder mit der richtigen Version melden.