Sie sehen die druckbare Version der Seite: Anleitung -> Navigation

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:

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

•  Zulu ersetzt den Tag <!--Zulu:Python:zulu:menu:Page:0:0--> mit der Navigationsleiste.
• Die Navigationsleiste besteht aus allen Einträgen in der Spalte Title:
• 
• Die Gliederung ist in der Spalte Page definiert:
  
• Der Eintrag "Warum Zulu?" in der Navigationsbar auf der Webseite "Warum Zulu?" ist selektiert. Der Eintrag wird daher aus dem weiter oben dargestellten Codesegment gebildet: Template Level 0 selektiert:
  Der Tag <!--Zulu:Tag:Title--> wird durch den Text in der Spalte Title ersetzt: "Warum Zulu?".
• Die Navigationsbar sieht komplett so aus:
  

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-->

• Das erste 0 steht für "open all menues". 
  • 0: Nur jene Unterkapitel anzeigen, welche im selektierten Pfad liegen.
  • 1: Alle Unterkapitel anzeigen.
• Das zweite 0 steht für "select parent entries".
  • 0: Die übergeordneten Kapital als nicht selektiert darstellen.
  • 1: Die übergeordneten Kapital als selektiert darstellen.

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.

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:

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.

grosses Bild