• Slider-Bild
Anleitung Homepage erstellen @ homepages-tipps.de

Anleitung Homepage Erstellung


Informationen und Tipps vom Hobby-Webdesigner für die Erstellung einer eigenen Website


Welche Arten von Menüs für die Navigation gibt es?

Für statische Webseiten gibt es unterschiedliche Arten von Menüs, die sich einsetzen und auch teilweise miteinander kombinieren lassen, so kennen wir z.B. das

  • Link-Menü
  • Listen-Menü
  • Menü mit Karteikarten-Reitern
  • Listen-Menü mit Buttons (Grafiken)
  • Flash-Menü
  • Drop-Down-Menü (Aufklapp-Menü)


Statisch war gestern!

Wer sich für die Zukunft rüsten will, kommt an einer Homepage in responsive Webdesign und somit auch an einer flexiblen Seitennavigation nicht vorbei. Ein passendes Menü, das sowohl in großen Bildschirmen, im Laptop, als auch im Tablet und im Smartphone oder noch kleineren Displays internetfähiger Handys durch flexible Anpassung entsprechend dargestellt werden kann und somit benutzerfreundlich für alle Endgerätenutzer gestaltet ist.

Responsive Menüs

Es gibt verschiedene Arten für die flexible Seiten-Navigation, u.a.:

  • Toggle, Accordeon - Aufklappbox
  • Off Canvas - seitlich einfahrende Navigation
  • Overlay - Ebenen Navigation
  • Select - Auswahlmenü Navigation
    - Liste mit ein- und ausblendbaren Unterpunkten
    - Raster mit ein- und ausblendbaren Unterpunkten

Responsive Menü in Webseite einfügen

Auch diesbzgl. muss das Rad nicht neu erfunden werden, da es sehr gute Open-Source-Menüs gibt und sich dieser bereits fertige Code für die eigene Website nutzen lässt. Beispielsweise werden auf der Website von Jacob Gube unter http://sixrevisions.com/user-interface/responsive-menus/ verschiedene Möglichkeiten aufgezeigt, um ein responsive Navigationsmenü in die eigene Website hinzu fügen zu können. Es sind nachfolgende 8 Open-Source-Projekte:

  • Responsive Nav
  • Bootstrap Navs and Navbar
  • menu-aim
  • Sidr
  • FlexNav
  • TinyNav.js
  • Pushy
  • SlickNav

Es lassen sich weitere Angaben sowie Demos auf der Website finden, aber natürlich auch auf diversen anderen Internetseiten, die ausführliche und vorallem tiefergehende Erklärungen anbieten. Für absolute Laien oftmals nicht so ganz einfach zu verstehen, und es setzt auch hier ein wenig Zeit und Geduld voraus, um sich in die Thematik entsprechend hinein zu finden.


Layout/Design

Über das Thema Webdesign und Layout erhalten Sie auf meiner Seite "Layout & Design" einige Informationen...


Mehr lesen


Werbung: