Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

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.