Links und Navigation

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Einführung

Ohne Links wäre das Web sinnlos. Links ermöglichen es, Informationen über mehrere Websites hinweg zu verfolgen, unabhängig davon, wo auf der Welt die Server für diese Sites stehen.

1996 erstellte Jakob Nielsen, ein Experte für die Benutzerfreundlichkeit des Webs, eine Liste der 10 gröbsten Fehler bei der Gestaltung von Webseiten, die inzwischen immer wieder auf den neuesten Stand gebracht wurde. Einer dieser Fehler war seiner Meinung nach die Verwendung von nichtstandardkonformen Farben für Links. Nielsen empfahl, Links auf Seiten, die der Benutzer noch nicht besucht hatte, prinzipiell blau darzustellen; lila oder rot standen für bereits besuchte Links. Diese Überlegungen zielten auf eine größtmögliche Konsistenz ab, während ästhetische Gesichtspunkte weniger eine Rolle spielten.

Durch die Verwendung von CSS schließen sich Konsistenz und Ästhetik aber nicht mehr gegenseitig aus. Mittlerweile können Links, die schließlich einen wesentlichen Teil des Webs ausmachen, konsistent und gleichzeitig visuell ansprechend dargestellt werden.

In diesem Kapitel besprechen wir die Möglichkeiten, Weblinks zu verschönern. Sie werden lernen, die Unterstreichungen von Links zu entfernen, das Aussehen des Cursors zu verändern, Rollover-Effekte auch ohne JavaScript zu erzielen, ein horizontales Karteireiter-Menü (Tabs) zu erstellen und vieles mehr.

  

• Die typischen Link-Unterstreichungen entfernen (und andere Dekorationen hinzufügen)
• Linkfarben anpassen
• Unterschiedliche Linkfarben für bestimmte Teile einer Seite
• Icons am Ende von Links einfügen
• Alternative Cursorsymbole
• Rollover-Effekte ohne JavaScript
• Textbasierte Navigationsmenüs und Rollover-Effekte kombinieren
• Horizontale Navigationsmenüs
• Navigationsmenüs mit Tastatursteuerung
• Hierarchische Navigation
• Grafische Rollover-Effekte
• Aufklappbare Navigationsmenüs
• Kontextmenüs
• Tool Tips
• Dynamische visuelle Menüs
• Dynamische Stildefinitionen

  

<< zurück

vor >>