Funktionsweise

Typische Website:

• Navigation
• Sprache

Typische Navigation:

• Auflistung der Seiten
• Markierung der aktuellen Seite

Voraussetzungen

• Excel (Office 2000)
• Notepad

Layout, Struktur und Content

Content einfügen

Die Webseiten werden anhand der Struktur (im Excel), den Contenfiles (Inhalt) und dem Template assembliert.

Für jede Zeile im Excel wird eine Webseite assembliert. Der Content wird in das Layout (Template) eingesetzt und und in einem File (der eigentlichen Webseite) gespeichert.

Beispiel: Assemblieren der einzelnen Webseite "Warum Zulu?":

1. Template finden und öffnen:
   Excel Zeile Template: -> zulu_template_simple_zulu.html.
   zulu_template_simple_zulu.html ist relativ zum Excel-File, also im gleichen Ordner. Das File wird nun gelesen.
2. Content finden:
   Excel Zeile "Navigation:-Page-Warum Zulu?". Tag 'Folder' -> "warum_zulu".
   Excel Zeile "Input:" -> ..\<!--Zulu:Tag:Folder-->\index.zulu_content.html.
   <!--Zulu:Tag:Folder-> wird ersetzt und es resultiert: ..\warum_zulu\index.zulu_content.html.
   Der Pfad ist relativ zum Excel-Sheet. Dieses File ist der Content wird nun gelesen.
3. Content einsetzen
   Excel Zeile "Input:" -> <!--Zulu:Content-->.
   Im Template aus Schritt 1 wird <!--Zulu:Content--> gesucht und durch den Content aus Schritt 2 ersetzt.
4. Navigation erstellen
   Dieser Schritt wird im nachfolgenden Kapitel besprochen.
5. Template abspeichern:
   Excel Zeile "Output:" -> ..\<!--Zulu:Tag:Folder-->\index.html.
   <!--Zulu:Tag:Folder-> wird ersetzt und es resultiert: ..\warum_zulu\index.html.
   Wiederum ist der Pfad relativ zum Excel Sheet. Das Template wird abgespeichert. Die HTML-Seite ist fertig assembliert.

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 "Warum Zulu?". Die Webseite "Einführung" ist ein Unterkapitel vom Kapitel "Anleitung". 

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 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 Navigatonsleiste auf der Seite "Warum Zulu?":

•  Zulu ersetzt den Tag <!--Zulu:Page--> 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:NavTag:Title--> wird durch den Text in der Spalte Title ersetzt: "Warum Zulu?".
• Die Navigationsbar sieht komplett so aus:
  

Unterkapitel ausblenden

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. 

Beispiel Webseite "Einführung": Keine Einträge ausblenden:

Beispiel Webseite "Einführung": Einträge ausblenden: Es sind nur die Unterkapitel im Pfad Einführung eingeblendet.

Tipps und Tricks

Alle generierte Seiten löschen

Beispiel:

• Mit Maus auf Ordner, Dateien suchen, index.html:

  -- DON'T EDIT - Generated by Zulu Website-Assembler

  suchen.
• Alle index.html markieren und löschen.