Navigation

Erstellen einer Navigationsleiste

Mit Zulu kann auf jeder Webseite eine Navigationsleiste erstellt werden. Anhand der Spalte Page im Excelfile weiss Zulu, welche Webseiten es gibt und wie sie in der Navigation gegliedert werden sollen.

Beispiel: Die Seite "Home" ist auf derselben Ebene wie die Webseite "Was ist Zulu?". Die Webseite "Einführung" ist ein Unterkapitel vom Kapitel "Was ist Zulu?". 

Das Erscheinungsbild der Navigationsleiste kann verschieden sein. Schriftgrössen, Abstände etc. Das Layout wird im Template definiert:

In der Navigationsleiste kann die Webseite, welche man gerade betrachtet, markiert sein. Im Template sind daher für jede Hierarchie ein Muster für einen selektierten und einen nicht selektierten Eintrag vorhanden.

Beispiel im Template: Level 0 selektiert:

<!--Zulu:Template:Selected:Page:0:Begin--> <span style="font-family: courier; color: #336699">&gt;&nbsp;</span><span style="font-family: arial; color: #336699"><!--Zulu:Tag:Title--><!--Zulu:Comment:Begin-->Title0-Selected<!--Zulu:Comment:End--></span><br> <!--Zulu:Template:Selected:Page:0:End-->

Beispiel: Erstellen der Navigationsleiste auf der Seite "Warum Zulu?":

Unterkapitel anzeigen

Bei vielen Einträgen in der Navigationsleiste wird die Navigationsleiste sehr gross. Sie kann verkleinert werden, indem nur jene Unterkapitel angezeigt werden, welche im selektierten Pfad liegen. 

Im Template ist folgender Tag: <!--Zulu:Python:zulu:menu:Page:0:0-->

Beispiel Webseite "Einführung": Nur selektierte Kapitel anzeigen: 

 <!--Zulu:Python:zulu:menu:Page:0:0-->

Beispiel Webseite "Einführung": Nur selektierte Kapitel anzeigen; übergeordnete Kapitel als selektiert darstellen.

Diese Einstellung wird z.B. beim Template Nokia gebraucht.

<!--Zulu:Python:zulu:menu:Page:0:1-->

 

Beispiel Webseite "Einführung": Alle Menues anzeigen: 

<!--Zulu:Python:zulu:menu:Page:1:0-->

 

Navigation - Link auf interne Seite

Die meisten Links zeigen auf eine interne Seite.

Klick -> Grossformat
grosses Bild

In der Spalte "Link" ist der Text <!--Zulu:Root-->zulu/eignung/index.html. Der Tag <!--Zulu:Root--> wird von Zulu derart ersetzt, dass der relative Link bezüglich der aktuellen Seite stimmt.

Navigation - Keine Seite

Normalerweite ist hinter jedem Titel einer Navigation eine eigene Webseite. Es gibt aber auch Titel, welche keine eigene Webseite haben sondern auf eine andere Webseite zeigen. In der Spalte Folder ist dies mit einem "-" vorgegeben. Ein Beispiel:

Klick -> Grossformat
grosses Bild

Hinter dem Titel "Was ist Zulu" ist ein Link auf die Seite zulu/einfuehrung/index.html. Hinter dem Titel "Was ist Zulu?" und dem Titel "Einführung" ist also dieselbe Seite.

Navigation - Link auf externe Seite

Beispiel: Der Link hinter dem Titel "Migros" zeigt auf www.migros.ch.

Klick -> Grossformat
grosses Bild