Printversion (Zur Webversion mit Navigation)

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.

Tutorial

Das Tutorial zeigt Ihnen, wie sie die Zulu-Website installieren. Anschliessend werden verschiedene Mechanismen erklärt.

Installieren / Assemblieren / Betrachten

• Installation
  Zuerst muss zulu_2002-05-09i_v0.8.0.zip heruntergeladen und ausgepackt werden. Die Downloadsite befindet sich hier.
• Generierte Seiten löschen
  Mit der Windows-Suche im Zulu-Ordner nach *.html suchen mit Inhalt DON'T EDIT. Alle gefundenen Files löschen.
• Assemblieren
  Die Excel-Datei zulu_templates\current\zulu_structure.xls doppelklicken. Nun den Knopf 'Zulu' drücken.
  Zur Kontrolle kann auf den Link zulu_errorlog.html auf etwa Zeile 40 der Excel-Datei geklickt werden. Es erscheint der Error-Output. Hier dürfen weder orange noch rote Zeilen erscheinen.
• Betrachten
  Auf etwa Zeile 4 der Excel-Datei befindet sich der Link ..\index.html. Ein Klick auf diesen Link öffnet die neu assemblierten Homepage im Browser.

Beachte:
Die Installation ist einfach und Sie brauchen keine speziellen Tools.
Die Website kann vom Filesystem aus verwendet werden.
Verschiedene Versionen der Zulu-Website können nebeneinander im Filesystem existieren und Sie können diese gleichzeitig bearbeiten.

Layouts umschalten

In der Excel-Datei kann zwischen den mitgelieferten Layouts umgeschalten werden:

Nach dem Umschalten muss die Website neu assembliert (Zulu-Button drücken) und die Seite im Browser neu geladen werden.

Beachte:
Das Layout ist vom Content getrennt.

Navigation - Line auf interne Seite

Anleitung noch nicht erstellt.

Navigation - Link auf externe Seite

Anleitung noch nicht erstellt.

Navigation - Eintrag ohne Seite

Anleitung noch nicht erstellt.

Navigation - ...

Anleitung noch nicht erstellt.

Tipps und Tricks

Alle generierte Seiten löschen

Beispiel:

• Mit Maus auf Ordner, Dateien suchen, index.html: suchen.
• Alle index.html markieren, löschen.