Navigation

Navigationssysteme

Werbung

Rubriken

  • XMenu / XLibrary

    The X Library contains core DHTML functions, utility functions, objects such as menus and tab panels, and also has some experimental stuff.

      
  • Klappmenüs

    Menüs zum Aufklappen — horizontal oder vertikal.

Im World Wide Web

  • DOMSlides

    DOMSlides turns an HTML document into presentation slides via Unobtrusive JavaScript.

Werbung

Navigationsleiste bei Wikipedia

Eine Navigationsleiste oder Linkleiste (englisch navigation bar) ist ein zentrales Element einer Website, welche es dem Betrachter ermöglicht, stets eine Übersicht über die Struktur des Webauftrittes zu erhalten und möglichst direkt jede, oder jede für wichtig erachtete Seite der Website anzusteuern.

Verwendung[Bearbeiten | Quelltext bearbeiten]

Gegenüber einem Inhaltsverzeichnis wie in einem Buch oder einer Sitemap bietet eine Navigationsleiste den Vorteil, stets sichtbar zu sein, meist links oder oben im Browserfenster positioniert. Je nach Größe und Komplexität des Inhalts werden in dieser Leiste dabei auch nur die Kategorien des Webauftrittes aufgelistet. Zuweilen können dabei Subkategorien „aufgeklappt“, also positionsrichtig eingeblendet werden und die aktuelle Seite farblich hervorgehoben sein.

Technik[Bearbeiten | Quelltext bearbeiten]

Es gibt prinzipiell zwei gängige Techniken: Frames und Navigationsleiste auf jeder Seite.

Bei Verwendung von Frames steht die Navigationsleiste in einem eigenen Frame unabhängig neben der Inhaltsseite. Vor- und Nachteile der Framestechnik werden auf der Seite Frames ausführlich beschrieben.

Die Alternative dazu ist das Einfügen der Navigationsleiste direkt in die Seite. Dies lässt sich anhand der Art der Seitenerstellung unterteilen in Seiten, in deren Quelltext die Navigationsleiste jeweils von Hand eingesetzt wird, was bei größeren Projekten schnell unübersichtlich wird, und Seiten, in die die Navigationsleiste mittels serverseitiger Technik automatisch eingefügt wird (Server Side Includes).

Einteilung[Bearbeiten | Quelltext bearbeiten]

Die auf einer Seite zur Verfügung stehenden Navigationselemente kann man hinsichtlich ihrer Hierarchie und Funktion unterscheiden:[1]

Hauptnavigation[Bearbeiten | Quelltext bearbeiten]

Die Hauptnavigation ist Teil der strukturellen Navigation und orientiert sich an dem (meist hierarchischem) Aufbau der Seite. Ein sehr typisches Beispiel ist die Navigation von Pressediensten wie Spiegel, Stern, FAZ etc. Sie repräsentiert die Hauptseiten auf der obersten Ebene. Die Hauptnavigation hilft dabei, sich einen Überblick über das Gesamt-Portfolio zu verschaffen, dient der Orientierung und ermöglicht das schnelle Wechseln zwischen den Hauptrubriken.

Lokale Navigation (Subnavigation)[Bearbeiten | Quelltext bearbeiten]

Die lokale Navigation ist in der Hierarchie der Hauptnavigation unterstellt. Sie ermöglicht das Navigieren innerhalb einer zuvor gewählten Hauptrubrik. In der Regel bieten diese auch Subnavigation genannten Seiten bereits Inhalte zur gewählten Hauptrubrik an und gliedern das darunter folgende tiefer greifende Informationsangebot.

Kontextnavigation[Bearbeiten | Quelltext bearbeiten]

Die Kontextnavigation ist im Vergleich zu den beiden voran genannten Navigationselementen nicht strukturgebunden, sondern springt thematisch miteinander verbunden von einem Inhalt zum anderen. Viele Foren nutzen beispielsweise automatisierte Plugins, die Begriffe innerhalb eines Textabschnittes mit dessen Erläuterung verlinken. News-Seiten nutzen die Kontextnavigation gerne, um auf weiterführende Artikel zum gleichen Thema zu verweisen.

Utility-Navigation[Bearbeiten | Quelltext bearbeiten]

Diese Navigation verbindet Seiten und Funktionen, die dem Nutzer die Steuerung durch die eigentlichen Inhaltsseiten erleichtern soll. Sie werden ihren gemeinsamen Funktionen nach zusammengefasst und gegliedert. Sprachauswahl und eine Sammlung externer Links gehören beispielsweise dieser Kategorie an. Aber auch sogenannte Toolboxes, mit denen die Steuerung des Informationsangebotes an sich vorgenommen werden kann.

Footer-Navigation[Bearbeiten | Quelltext bearbeiten]

Dieses Navigationselement befindet sich immer am unteren Rand einer Website (daher der Name). Häufig sind die darin enthaltenen Elemente eine Mischung aus Haupt-, Sub- und Utility-Navigation. Zeitungsseiten bieten so beispielsweise oft den direkten Einstieg auf Unterrubriken an. Aber auch Utility-Elemente wie RSS-Feeds, Newsletter, Blogs, Impressum und Sitemap sind meist dort untergebracht.

Siehe auch[Bearbeiten | Quelltext bearbeiten]

Einzelnachweise[Bearbeiten | Quelltext bearbeiten]

  1. James Kalbach: Handbuch der Webnavigation. O'Reilly, Beijing 2008, ISBN 978-3-89721-865-9 (englisch: Designing Web Navigation. Übersetzt von Michael Gerth).

Videos

Die nachfolgenden Videos werden anhand von Suchbegriffen automatisch angezeigt. Sie unterliegen keiner redaktionellen Prüfung, weshalb ich keine Verantwortung für die Qualität des Inhalts übernehme!

http://www.verndale.com Use these best practices to ensure that your website is well-organized (...)
Want more? Explore the library at https://www.codecourse.com/lessons Official site (...)
Understanding Website Basic Structure and Website Navigation - Hierarchical Structure of (...)
For more tips and tactics for growing your business, visit: http://labs.openviewpartners.com/ (...)
Want to know what our clients think of us then please listen to our testimonial (...)
http://www.access2learn.com/ There are many ways to allow visitors to navigate through your (...)
See more on: http://askabbystokes.com/ Quick tips for how to view websites easily and (...)
bitcoin:1BpdNjCNWvngMukzxRQVbpxgvji7eVHay?label=Donations Let's take a journey into what (...)
Learn how to create a responsive navigation menu. Mobiles will initially hide the navigation (...)
So I've decided to start a new series where I'll show you a ton of web design tips & tricks (...)
Things to learn In this tutorial ... 1. Responsive Web Design 2. How to setup Bootstrap for (...)
Today I'll show you how to create a web design navigation menu in Photoshop. Music by youtube (...)
A brief video showing navigation through some of the pages of a Rosemount model 1420 smart (...)
Hey Guys Today i am here to show you how to create a simple professional transparent Navigation (...)
In this video, I'll take you through the process of coding, creating and styling your very own (...)
Welcome to our new website, in this video you will learn the quick ways to navigate our (...)
Gesamtliste aller Videos, samt Suchfunktion: http://www.j3L7h.de/videos.html
Hey guys what's up now i am here to show you how to create a simple professional navigation bar (...)
Hey YouTube, Nick here, With an navigation for SPW(single page website). In recent time single (...)
© Copyright Of oston code cypher 2016. This Tutorial shows you how to create a Navigation Bar (...)
Creating navigation in a simple HTML website
A quick demo showing how use of ARIA framework can improve accessibility on the web, (...)
This tutorial navigates through the new Internet Explorer 10 available in Windows 8, and (...)
Get my blueprint cheat sheet here http://bit.ly/webblueprints. In this video I'll cover the (...)
Check out Bas Rutten's Liver Shot on MMA Surge: http://bit.ly/MMASurgeEp1 Mahalo Windows expert (...)
You've got a lot of options when adding navigation to your project, and one of the most common (...)
I switched to a T-Mobile Simple Choice plan last year because of all the traveling that I'm (...)
In this series Marcin Treder of UXPin -- The UX Design App explains how to design the User (...)
This tutorial shows you how to create some navigation buttons in Macromedia Fireworks 8 and (...)
Kathryn Whitenton, Digital Strategy Manager at Nielsen Norman Group, talks about logo placement (...)
This is the worst web navigation I've seen. Unfortunately, they fixed it.
Facebook - https://www.facebook.com/TheNewBoston-464114846956315/ GitHub - (...)
In this tutorial : Learn how to create website header and navigation bar. Please Subscribe, (...)
In this video, we will extend our knowledge of creating links from the previous video and (...)
http://store.dev-components.com/animated-html-web-menu Animated tiles CSS HTML menu - web (...)
Webflow's navbar element is very flexible when it comes to styling. In this video, we're going (...)
You can add Webflow's dropdown element to almost any area of a project, but you’ll usually see (...)
Workshop: HSTS & HPKP: Batman and Robin sticking up for web navigation DONE. Carmen Torrano & (...)
I switched to a T-Mobile Simple Choice plan in 2014 because of all the traveling that I'm (...)
➢ SUSCRIBE: http://goo.gl/Y2rJSj ➢ HTML TEMPLATES/FRAMEWORKS: https://goo.gl/onTsRE ➢ SURVEY: (...)
This video explains how to navigate files and folders using the Thru Web portal.
Discovering where the folder or file your currently looking at is located or backtracking (...)
Hello! Friends In this video, I'm showing you how you can design a stylish navigation menu (...)
WEBSITE NAVIGATION MENU - HTML CSS - HINDI TUTORIAL download html file by click below (...)
Xara Web Designer 10 - How to Create a Navigation Bar If you would like to purchase, please (...)
Test de la navigation web et de l'utilisation de la webcam de l'Archos TV Connect
Test du Nokia N97 : Navigation Web
Interface tactile de l'installation domotique Calaos Home (http://www.calaos.fr). Ce (...)
Donwload here http://fisrtmagazine.biz/?book=0596528108 EBOOK [FREE] FREE Designing Web (...)
Epub Designing Web Navigation: Optimizing the User Experience James Kalbach Full Book (...)
GOcms How to videos: We show how to add a link to a web-page in the navigation menu via the (...)
L'A70bIT a un écran 7 pouces de résolution 1024 par 600. En mode paysage l'affichage est correcte (...)
FULL PDF An Introduction to Search Engines and Web Navigation Mark Levene Full Book DONWLOAD (...)
PDF [FREE] DOWNLOAD Designing Web Navigation: Optimizing the User Experience James Kalbach (...)
PDF Make Your Small Business Web Site Work: Easy Answers to Content, Navigation, and Design (...)
PDF An Introduction to Search Engines and Web Navigation Mark Levene Read Online DONWLOAD NOW (...)
Les cookies sont omniprésents lorsqu'un internaute navigue sur le Web. Il est donc important de (...)
Read Book PDF Online Here http://ebookstop.site/?book=0596528108 Download Designing (...)
Read Book PDF Online Here http://ebookstop.site/?book=0596528108 Download Designing (...)
PDF [DOWNLOAD] Designing Web Navigation: Optimizing the User Experience James Kalbach READ (...)
Read Book Online Now http://worthbooks.xyz/?book=0596528108 Download Designing Web (...)
New Book Make Your Small Business Web Site Work: Easy Answers to Content, Navigation, and (...)
La Science vue du WoS Une exploration cartographique, temporelle et interactive proposée par (...)
Read or Download Here http://ebookstop.site/?book=0072192615 Download Web Usability and (...)
EBOOK ONLINE An Introduction to Search Engines and Web Navigation READ EBOOK DOWNLOAD NOW (...)
Get Here http://edigibooks.xyz/?book=0596528108
Click Here http://easybooks.xyz/?book=0596528108 Ebook Designing Web Navigation Free (...)
DOWNLOAD NOW : http://bestebooks.info/view01/?book=0596528108 Audiobook Designing Web (...)
Click Here http://mediabooks.club/?book=0596528108
Read or Download Here http://bankbooks.xyz/?book=0072192615 [Read PDF] Web Usability and (...)
Click Here http://worthbooks.xyz/?book=0596528108
Click Here http://effortpdf.site/?book=0596528108 Designing Web Navigation
Read Book Now http://bit.ly/2awPMmQ Make Your Small Business Web Site Work: Easy (...)
Click Here http://effortpdf.site/?book=1592530532 Make Your Small Buisness Web Site (...)
Get Now http://bit.ly/2b1HP8r Download Make Your Small Business Web Site Work: Easy Answers (...)
Click Here http://worthbooks.xyz/?book=0596528108
READ PDF Make Your Small Business Web Site Work: Easy Answers to Content, Navigation, and (...)
Read Now http://readebooksonline.com.e-bookpopular.com/?book=0596528108 [PDF] Designing Web (...)
visit Here http://ebookuye.org/?book=0596528108
Click below to buy on Amazon: http://mds.softebook.xyz/?book=1592530532 Used Book in Good (...)
Read Book Online Now http://worthbooks.xyz/?book=047052684X Download An Introduction to (...)
Navigation web sur l'Archos 605 Wifi. Retrouvez l'intégralité du test sur www.generationmp3.com (...)
Read and Dowload Now http://goodreadsbooks.com.readingpdf.com/?book=0596528108 [PDF (...)
Read Now http://readebooksonline.com.e-bookpopular.com/?book=0596528108 [PDF] Designing Web (...)
Read and Download Now http://madbooks.xyz/?book=0072192615 [PDF] Web Usability and (...)
GET HERE http://globalebook.org/?book=047052684X download books, book online, full (...)
Read Now http://readebooksonline.com.e-bookpopular.com/?book=B01181Q36Y [PDF] Designing Web (...)
Read Book Online Now http://www.ezbooks.site/?book=047052684X An Introduction to (...)

In der Warenwelt

Web Works: Navigation von Ken Coupland | Buch | gebraucht

EUR 5,02
Angebotsende: Sonntag Okt-22-2017 15:07:37 CEST
Sofort-Kaufen für nur: EUR 5,02
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Web 2.0: Jugend online als pädagogische Herausforderung Navigation durch die dig

EUR 9,45
Angebotsende: Donnerstag Nov-2-2017 20:47:12 CET
Sofort-Kaufen für nur: EUR 9,45
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Navigation: 2 (Web Site Graphics) von Richard K. Danielson | Buch | gebraucht

EUR 2,92
Angebotsende: Dienstag Okt-24-2017 19:25:48 CEST
Sofort-Kaufen für nur: EUR 2,92
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Webdesign, Marketing, Navigation, Usability, Designideen, ... | Buch | gebraucht

EUR 5,74
Angebotsende: Freitag Okt-20-2017 11:24:37 CEST
Sofort-Kaufen für nur: EUR 5,74
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Lutz, Andreas: Audio-visuelle Navigation im Web

EUR 49,00
Angebotsende: Sonntag Nov-12-2017 18:09:46 CET
Sofort-Kaufen für nur: EUR 49,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Web-Design: Navigation. Icons. Wiedemann, Julius (Hrsg.):

EUR 8,00
Angebotsende: Donnerstag Nov-2-2017 21:10:25 CET
Sofort-Kaufen für nur: EUR 8,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Kapischke, Kim: Navigation im Web 2.0

EUR 11,99
Angebotsende: Sonntag Nov-12-2017 18:14:07 CET
Sofort-Kaufen für nur: EUR 11,99
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Web Design: Navigation: ICON (Icons) Wiedemann, Julius:

EUR 7,50
Angebotsende: Freitag Nov-10-2017 20:56:47 CET
Sofort-Kaufen für nur: EUR 7,50
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Andreas Lutz / Audio-visuelle Navigation im Web / 9783639275162

EUR 49,00
Angebotsende: Freitag Nov-10-2017 21:16:46 CET
Sofort-Kaufen für nur: EUR 49,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Icon Web Design - Navigation (Icons) | Buch | gebraucht

EUR 2,81
Angebotsende: Sonntag Okt-22-2017 14:29:21 CEST
Sofort-Kaufen für nur: EUR 2,81
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Jafari, Maryam: Mining User Navigation Patterns from Web Access Log Files

EUR 55,90
Angebotsende: Freitag Nov-10-2017 8:58:47 CET
Sofort-Kaufen für nur: EUR 55,90
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Audio-visuelle Navigation im Web Interdisziplinäre Konzeption und Integrati 1164

EUR 49,00
Angebotsende: Dienstag Okt-24-2017 3:30:50 CEST
Sofort-Kaufen für nur: EUR 49,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Das große Buch Webdesign. Design, Navigation, Grafik, Animation Schäffer, Floria

EUR 13,00
Angebotsende: Mittwoch Okt-18-2017 21:19:48 CEST
Sofort-Kaufen für nur: EUR 13,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Edward R Miller-Jones - «Apple's Maps»: Navigation assistant - Web mapping NEU

EUR 48,59
Angebotsende: Montag Nov-6-2017 4:04:23 CET
Sofort-Kaufen für nur: EUR 48,59
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

DESIGNING AN INTERNET INFORMATION AND NAVIGATION SYSTEM A Web Engineering A 1304

EUR 49,00
Angebotsende: Samstag Okt-28-2017 3:49:20 CEST
Sofort-Kaufen für nur: EUR 49,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Julius Wiedemann ~ Web Design: Navigation: ICON (Icons) 9783836504966

EUR 2,46
Angebotsende: Dienstag Nov-7-2017 16:34:43 CET
Sofort-Kaufen für nur: EUR 2,46
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Le World-Wide Web, navigation et création de serveurs

EUR 15,00
Angebotsende: Dienstag Nov-7-2017 14:53:10 CET
Sofort-Kaufen für nur: EUR 15,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Little Boxes, Teil 2. Webseiten gestalten mit CSS. Navigation, Inhalte, YAML

EUR 12,50
Angebotsende: Samstag Nov-11-2017 23:48:59 CET
Sofort-Kaufen für nur: EUR 12,50
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Web Usability & Navigation: A Beginner's Guide (Beginner's... | Buch | gebraucht

EUR 3,51
Angebotsende: Mittwoch Okt-25-2017 16:27:26 CEST
Sofort-Kaufen für nur: EUR 3,51
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Vers des systèmes de recommandation robustes pour la navigation Web Inspira 1466

EUR 49,00
Angebotsende: Montag Okt-30-2017 2:40:25 CET
Sofort-Kaufen für nur: EUR 49,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Web Navigation, w. CD-ROM: Designing the User Experience v... | Buch | gebraucht

EUR 4,37
Angebotsende: Mittwoch Okt-25-2017 22:25:25 CEST
Sofort-Kaufen für nur: EUR 4,37
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Das große Buch Webdesign. Design, Navigation, Grafik, Anim... | Buch | gebraucht

EUR 4,39
Angebotsende: Freitag Okt-27-2017 17:26:51 CEST
Sofort-Kaufen für nur: EUR 4,39
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Das große Buch - Dreamweaver MX 2004- Layout,Design,Navigation,Webseiten

EUR 4,99
Angebotsende: Freitag Nov-3-2017 14:02:30 CET
Sofort-Kaufen für nur: EUR 4,99
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Audio-visuelle Navigation im Web - Interdisziplinäre Konzeption und Integra NEU

EUR 49,00
Angebotsende: Freitag Nov-10-2017 10:56:47 CET
Sofort-Kaufen für nur: EUR 49,00
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Maryam Jafari - Mining User Navigation Patterns from Web Access Log Files - NEU

EUR 58,79
Angebotsende: Montag Nov-13-2017 0:38:49 CET
Sofort-Kaufen für nur: EUR 58,79
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

Icon Web Design - Navigation (Icons) | Buch | gebraucht

EUR 3,01
Angebotsende: Mittwoch Okt-25-2017 22:28:23 CEST
Sofort-Kaufen für nur: EUR 3,01
Sofort-Kaufen | Zur Liste der beobachteten Artikel hinzufügen

BenutzerIn

Werbung

Weiterempfehlen

© 2002 - 2017 Robert Zöchling | erstellt mit SPIP  | Impressum