Tutorial

Die nächsten Schritte: Experimentieren I

Für die nächsten Schritte verwenden wir wieder die Quickstart-Zulu-Site, diesmal um Aenderungen auszuführen. Auf diese Weise werden wir Zulu's Möglichkeiten kennen lernen.

Warnung vor 'fiesen' Editoren

Manche Editoren ändern den HTML-Code beim Speichern und 'pfuschen' in den HTML-Kommentaren herum!

  • Zulu stützt sich auf Tags, welche sich in HTML-Kommentaren befinden!
  • Beim Zuluieren gibt es keine Fehler, aber das Resultat entspricht 'nicht ganz' den Erwartungen!
  • Nur schon ein zusätzlicher Leerschlag (space) kann ein Template durcheinander bringen!

Folgende Editoren ergaben keine Probleme (AufZählung unvollständig):

Bad-boys, No-dos oder zu vermeidende Editoren (AufZählung unvollständig)

  • Netscape Composer

  1. Betrachten der Quickstart-Zulu-Site:
    Die Site ist im ersten Teil des Tutorials in einem separaten Verzeichnis ausgepackt worden: das File index.html öffnen (mit dem Browser) und die ausgepackte Site betrachten: er hat zwei Haupt-Einträge, Firma, Einführung und Artikel. Die zwei letzteren haben je zwei Unter-Einträge, Paragraph 1 und Paragraph 2, respektive Artikel A und Artikel B.

  2. Bestehende HTML-Seiten ändern:
    • Die Seite des Menu-Eintrages Firma ist nur sehr summarisch dargestellt und es geht darum, die entsprechende Web-Seite zu ergänzen ("bla-bla diese Seite beschreibt die Firma" might very well do the job!): das entsprechende File index.zulu_content.html lokalisieren und ändern, dann wie üblich mittels Zulu-Knopf die Site neu zuluieren.
    • Eine zweite Aenderung könnte daraus bestehen, die Seiten so zu vervollständigen, dass alle den vollen Pfad anzeigen, auf eine Art wie es in der Zeile unterhalb des Zulu-Logos dargestellt ist: "Artikel -> Artikel B". Der (Un-)Sinn dieser Aenderung besteht ausschliesslich daraus, dass der Zulu-Anwender sieht, welche index.zulu_content.html Files im Verzeichnisbaum der Quickstart-Zulu-Site effektiv welchen Seiten in der Site-Struktur entsprechen.
      Dies ist nicht auf ersten Anhieb ersichtlich, nicht straightforward, vor allem weil die Menu-Einträge Einführung und Artikel verschieden strukturiert sind. - Zuluieren und Aenderungen kontrollieren!

    Der Tutorial-Benutzer hat sicherlich bemerkt, dass auf allen Seiten der Quickstart-Site eine Text-Box "Bauen Sie Ihre Website ..." wiederholt dargestellt wird; später werden wir uns darum kümmern, sie zu entfernen. - Da sie scheinbar nicht in den einzelnen index.zulu_content.html Files enthalten ist, kann sie nur noch im Template-File definiert sein!

  3. Menu-Einträge verändern:
    Das Ziel ist hier, die Menu-Leiste und -Einträge zu ändern. - Ersetzen Sie Artikel mit Product und Uebersicht mit Sitemap. Diese Menu-Einträge sind im File zulu_templates/zulu_structure.xls definiert. Nach der Aenderung wie gewohnt Zuluieren und das Ergebnis kontrollieren.

  4. Neue Seiten und Menu-Einträge hinzu fügen:
    Bei dieser Uebung geht es darum, neben den Produkten A und B ein drittes, Product C, hinzu zu fügen. Dazu muss das File zulu_structure.xls angepasst werden. Zuluieren und Resultat kontrollieren! - Eventuelle Fehler sollten beim Zuluieren angezeigt werden, ansonsten mittels dem Link zulu_errorlog.html (Zeile 6 im XL File) das Resultat kontrollieren.
    Der aufmerksame Zulu-Neuling wird sicherlich bemerkt haben, dass:
    • Ein dem Produkt C entsprechendes Verzeichnis im Verzeichnisbaum der Quickstart-Site nachgetragen werden muss - der Verzeichnis-Name ist in zulu_structure.xls einzutragen -, und dass
    • Ein File mit Name index.zulu_content.html im entsprechenden Verzeichnis sich befinden muss!

  5. Eine Quiz-Frage:
    Es geht darum, die Haupt-Einträge Einführung und Artikel zu vergleichen
    • Wie unterscheiden sich die entsprechenden Seiten?
    • Wie wird dies mittels Zulu erreicht?
    Hinweis: Was ergibt der Vergleich der entsprechenden Felder der 'Folder'-Kolonne in zulu_structure.xls?