HTML/Tutorials/Navigation

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Informationen zu diesem Text

Lesedauer
4x30min
Schwierigkeitsgrad
einfach
Vorausgesetztes Wissen
Grundkenntnisse in
• HTML
• CSS

Eine Navigation ermöglicht das Navigieren (lat. für (An-)Steuern) zwischen mehreren Webseiten oder Kapiteln einer Webseite. Beispiele finden sich in Menüs, Inhaltsverzeichnissen und Linklisten. In diesem Kurs werden Navigation-Menüs für einzelne Webseiten eines Webauftritts vorgestellt.

  1. Konzepte
  2. Grundstruktur
    • nav, ul, li + a
    • aktuelle Seite kennzeichnen
    •  :hover und :focus
    • Responsive Menüs
  3. Dropdown-Menü
    • ul und ul ul
    • Dropdown oder Flyout?
  4. Skip-Links
    • Hamburger-Icon
    • Pullout-Menü
  5. zugängliche Dropdown-Navigation [1]




Navigation
(Übersicht)

Quellen[Bearbeiten]

  1. Dieses Tutorial ist abweichend von den vorhergehenden Kapiteln unter JavaScript/Tutorials eingeordnet. Für das Studium sind gute Kenntnisse in JavaScript erforderlich.
    Im Endzustand soll dies einen eigenen Kurs umfassen.