Beispiel der Web Site Designer-Darstellung

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:

  1. 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.
  2. 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 Ausführen als > Auf Server ausführen aus.
  3. 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.
  4. Wählen Sie die Registerkarte mit den WebFacing-Projekten aus, erweitern Sie Ihr Projekt, und wählen Sie Darstellung > Website aus. Klicken Sie mit der rechten Maustaste die Datei .website-config an, und wählen Sie Öffnen mit > Website-Designer aus. Um die Schablone zu editieren, klicken Sie mit der rechten Maustaste das Symbol Index an, und wählen Sie Seitenschablone > Seitenschablone öffnen mit > Page Designer für Schablone aus. Um die CSS-Darstellung zu editieren, klicken Sie mit der rechten Maustaste das Symbol PageBuilder an, und wählen Sie Darstellung > CSS editieren 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.
  5. 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.
Zugehörige Verweise
Hinweise zu Webeinstellungen
Zugehörige Informationen
WebFacing-Anwendungen anpassen

Feedback