Ijs2019medienpartner.jpg

SELFHTML ist in diesem Jahr Medienpartner der IJC.

Für die Konferenz vom 21. – 25. Oktober 2019 in München verlosen wir ein Freiticket.

Weitere Informationen finden sich im SELFHTML-Forum.

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
    • Skip-Links
  3. Dropdown-Menü
    • ul und ul ul
    • Gestaltung mit CSS
  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.