Dieses Beispiel zeigt, wie verschiedene Schablonen auf Dateien einer Website angewendet werden können, sowie eine Beispielschablone für eine Navigationsleiste für eine Website. Die Datei mit der Navigationsschablone verfügt über Links zu Ihren WebFacing-Seiten, die ähnliche Darstellung und Funktionsweise aufweisen. Das
Beispiel zeigt außerdem, wie andere Webprojekte mit Ihrem WebFacing-Projekt
verlinkt werden.
Führen Sie folgende Schritte aus:
- Erstellen Sie ein WebFacing-Projekt, und wählen Sie Für Web Site Designer aktivieren auf der Seite Webdarstellung auswählen des Assistenten für die Projekterstellung aus.
- Wählen Sie die Indexzunge Navigator aus, um die Verzeichnisstruktur
für Ihr Projekt aufzurufen. Klicken Sie in der Sicht "Navigator" mit der
rechten Maustaste <Projektname>/WebContent/index.jsp
an, und wählen Sie aus.
- Sie sehen ein Beispiel zweier Navigationslinks, INV1 und INV2, die die ersten beiden
CL-Befehle öffnen, die Sie für Ihr Projekt definiert haben. Hierbei handelt es sich lediglich
um Beispiele, die nur funktionieren, wenn Sie diese CL-Befehle mit den Namen INV1 und INV2 definiert
haben. Klicken Sie die Links an, um Ihre Anwendung auszuführen. Die ursprünglichen Links von index.jsp
sind auch verfügbar.
- Wählen Sie die Registerkarte mit den WebFacing-Projekten aus, erweitern Sie
Ihr Projekt, und wählen Sie
aus. Klicken Sie mit der rechten Maustaste die Datei
.website-config an, und wählen Sie
aus. Um
die Schablone zu editieren, klicken Sie mit der rechten Maustaste das Symbol
Index an, und wählen Sie
aus. Um die CSS-Darstellung zu editieren,
klicken Sie mit der rechten Maustaste das Symbol
PageBuilder an, und wählen Sie
und dann ../../theme/blue.css aus. Dem Symbol
Index ist eine Schablone zugeordnet, die von der für
PageBuilder abweicht. Die Datei für die Darstellung ist jedoch identisch.
- Um einen neuen Navigationslink hinzuzufügen, wählen Sie die Registerkarte
Navigator aus, und kopieren Sie die Datei
<Projektname>/WebContent/inv2.jsp mit dem Namen
inv3.jsp in dasselbe Verzeichnis. Editieren Sie die Datei inv3.jsp, und ersetzen Sie
alle Verweise auf INV2 durch INV3. Ziehen Sie dann die Datei inv3.jsp in die Navigationssicht
des Web Site Designer, und fügen Sie sie unter dem Symbol Index ein. Jetzt
verfügen Sie über Navigation für einen dritten CL-Befehl mit dem Namen INV3.