Navigation

Building a navigation bar

Zulu can build a navigation bar on each webpage. Zulu knows according to the column Page in the Excel file which webpages exist and how to arrange them in the navigation bar.

Example: The page "Home" is on the same level as the page "What's Zulu?". The page "Introduction" is a subchapter of chapter "What's Zulu?".

The appearance of the navigation bar such as its font size, spacing etc. is variable. The layout is defined by the template:

The chapter which is currently selected can be emphasized within the navigation bar. For each hierarchy the template contains a sample of a selected and an unselected entry.

Example template entry: Level 0 selected:

Example: Building a navigation bar on the webpage "Why Zulu?":

• Zulu replaces the tag <!--Zulu:Python:zulu:menu:Page:0:0--> with the navigation bar.
• The navigation bar consists of all entries in the column 'Title':
• 
• The arrangement is defined in the column 'Page':
• 
• The entry "Why Zulu?" in the navigation bar on the website "Why Zulu?" is selected. Therefore the entry is formed from the above code-segment. Template level 0 is selected. The tag <!--Zulu:Tag:Title--> is replaced by the text in column 'Title': "Why Zulu?".
• The completed navigation bar looks like:
• 

Show subchapters

With a growing number of entries the navigation bar can become very long. It can be made smaller by only showing subchapters which are within the selected path.

This is done by using the following tag in the template: <!--Zulu:Python:zulu:menu:Page:0:0-->

• The first 0 stands for "open all menus". 
  • 0: Show only those subchapters which are within the selected path.
  • 1: Show all subchapters.
• The second 0 stands for "select parent entries".
  • 0: The subordinate chapter is not marked as selected.
  • 1: The subordinate chapter is marked as selected.

Example webpage "Introduction": Show only subchapters within the selected path.

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

Example webpage "Introduction": Show only subchapters within the selected path. The subordinate chapter is marked as well.

This setting is used by the template Nokia.

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

Example webpage "Introduction": Show all menu entries:

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

Navigation - Link to an internal page

Most links point to an internal page.

large image

In column "Link" is the text <!--Zulu:Root-->zulu/eignung/index.html. Zulu replaces the tag <!--Zulu:Root--> by adjusting the relative link with respect to the current page.

Navigation - No page

Normally there is a webpage to each entry in the navigation bar. But it is also possible to define a title without its own webpage but which points to another webpage. This is indicated by a "-" in the column 'Folder' as illustrated by the following example:

large image

The title "What's Zulu" points to the webpage zulu/einfuehrung/index.html. Therefore the title "What's Zulu?" and "Introduction" point to the same webpage.

Navigation - Link to an external page

Example: The title "Migros" points to www.migros.ch.

large image