<< Baum-Navigation [109/117] >>

Baum-Navigation


Startseite / Berichte / Baum-Navigation

Baum-Navigation

Baum-Navigation



Die Navigation auf dieser Homepage ließ bisweilen zu wünschen übrig, da die Struktur und Hierarchie der Seiten nur schwer erkennbar war. Deshalb entschied ich mich, die wohl populärste und gebräuchlichste Navigationsart zu verwenden: die Baum-Navigation.
Lösungen mittels JavaScript:  Zunächst war geplant, den kompletten Baum durch JavaScript zu generieren. Dies hat allerdings den Nachteil, dass Suchmaschinen wie z.B. Google dann den Baumtext nicht indizieren können. Ferner wurde überlegt, den kompletten Baum in jede Seite einzufügen und per JavaScript irrelevante Bereiche einzuklappen indem man die Sichtbarkeit auf "invisible" setzt. Hier hat man dann aber das Problem, dass Suchmaschinen ev. einen nicht sichtbaren Bereich indizieren und das anschließend ein Besucher auf einer Seite landet, auf der der Suchbegriff garnicht sichtbar ist. Des Weiteren gibt es auch Internet-Benutzer, die JavaScript deaktiviert haben oder einen sehr alten Browser verwenden, der DHTML noch nicht voll unterstützt. In diesem Fall könnte man garnicht mehr durch die Seiten navigieren. Ferner ergeben sich durch diese Techniken auch große Dateien (kompletter Baum umfasst ca. 12KB) was zu langen Ladezeiten führen kann.
Verwendete Lösung:  Aus diesen und auch aus anderen Gründen entschied ich mich schließlich für eine statische Lösung. D.h., dass ich ein kleines Java-Programm erstellt habe, welches für jede einzelne HTML-Seite dieser Homepage den entsprechenden kontextspezifischen Navigationsbaum automatisch generiert. Als Baum-Vorlage dient eine HTML-Liste (Verschachtelung von ul-tags mit entsprechenden Seiten-Verlinkungen durch a-tags) die durch das Programm analysiert wird. Diese Technik hat den Vorteil, dass man einen HTML-WYSIWYG-Editor für die Baum-Editierung verwenden kann, die Verlinkung relativ zügig zu erstellen ist und eine Unabhängigkeit zur tatsächlich verwendeten Verzeichnisstruktur erreicht wird. Das Programm füllt zusätzlich noch völlig automatisch den Dokumenttitel, die Bread-Crumbs (Aktueller Pfad zur Startseite) und die Site-Map.
Abschließende Bemerkung: Eigentlich wäre dies eine typische Anwendung für Servertechnologien wie JSP oder PHP. Leider stehen mir diese Technologien bei meinem derzeitigen Webspace nicht zur Verfügung.


Visitors PageClicks Valid XHTML 1.0! Valid CSS!

CanciÜber michSite-MapRechtlichesKontaktJSWins (JavaScript-Desktop-System)© 2004-2013 by Markus Krebs