|
|
|
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)
-
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.
-
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!
-
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.
-
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!
-
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 ?
|
|