Übung 1.3: Die Website mit Webseiten ausfüllen

Anzeige

Sie müssen Übung 1.2: Die Struktur der Website entwerfen abgeschlossen haben, bevor Sie beginnen können, die Site mit Seiten auszufüllen.

Nachdem Sie das Layout der Website mit Hilfe von Seitensymbolen in Web Site Designer festgelegt haben, können Sie mit der Erstellung der Seiten beginnen. Die Seitensymbole werden zur Zeit noch von einer gestrichelten Linie umrahmt. Dies zeigt an, dass die vom Seitensymbol dargestellte Datei bzw. die eigentliche Seite noch nicht existiert. Nach Erstellung der Dateien sollten die Seitensymbole von durchgezogenen Linien eingerahmt sein.

  1. Doppelklicken Sie auf das Seitensymbol für die Seite "Alle Kleinanzeigen anzeigen". Der Assistent "Seitenerstellung" erscheint.
  2. Für dieses Lernprogramm müssen Sie die Option Faces-JSP auswählen. Diese Option erstellt eine JSP-Webseite, die für die Verwendung der JavaServer Faces-Technologie aktiviert ist. Weitere Informationen über JavaServer Faces und Faces-Komponenten. Im Lernprogramm Dynamische Informationen über JavaServer Faces in Webseiten darstellen können Sie auch lernen, wie Sie Faces-Komponenten verwenden können, um Datenverbindungen zu Ihrer Website herzustellen.
  3. Klicken Sie auf OK.Daraufhin wird der Assistent "Neue Faces JSP-Datei" geöffnet.
  4. Akzeptieren Sie den Standardordner (/ClassifiedsTutorial/WebContent).
  5. Geben Sie im Feld Dateiname den Namen für Ihre neue Datei ein: all_records. Obwohl es praktisch sein kann, die Datei genauso zu benennen wie die Navigationsbeschriftung, die Sie der Seite beim Entwurf der Site-Struktur zugeordnet haben, können Sie Ihre Dateien auch auf eine Art benennen, die für die Ressourcen auf Ihrem lokalen System Sinn machen. In diesem Fall nutzen Sie die Navigationsbeschriftungen nur als Namenskonvention für Ihre zukünftige Navigation.
  6. Stellen Sie sicher, dass im Feld Markup-Sprache die Option HTML ausgewählt ist.
  7. Lassen Sie das Kontrollkästchen Erweiterte Optionen konfigurieren unmarkiert. Wenn Sie für Ihre neue Datei Optionen (wie z.B. zusätzliche Tag-Bibliotheken) konfigurieren möchten, haben Sie die Möglichkeit, anhand dieses Assistenten zusätzliche Optionen zu bestimmen. Für dieses Lernprogramm können Sie jedoch die Standardeinstellungen akzeptieren.
    Hinweis: Die neue Datei wird automatisch auf die Datei "Master.css" verweisen, die bei der Erstellung des Webprojekts erstellt wurde.
  8. Klicken Sie auf Fertig stellen. Die neue Datei wird in Page Designer geöffnet.
  9. Kehren Sie zu Web Site Designer zurück, indem Sie auf die Registerkarte Navigation klicken. Sie sehen nun, dass das Symbol Alle Kleinanzeigen anzeigen einen durchgezogenen Rahmen und ein kleines blaues Rautensymbol hat (). Dies zeigt an, dass ihm eine JSP-Datei zugeordnet wurde, während andere Seitensymbole weiterhin einen gestrichelten Rahmen haben, um anzuzeigen, dass für sie noch keine Dateien erstellt wurden.
    Symbole mit bestehenden und nicht-bestehenden Seiten

  10. Fahren Sie mit der Erstellung von Faces JSP-Seiten für die anderen Seitensymbole fort, indem Sie auf jedes Symbol doppelklicken und den Assistenten "Neue Faces JSP-Datei" ausführen. Benennen Sie die entsprechenden Dateien für dieses Lernprogramm folgendermaßen:
  11. Drücken Sie Strg+S, um die Websitenavigation zu speichern.

Nachdem Sie alle vier Seiten erstellt haben, zeigt Ihre Sicht "Projektnavigator" alle neuen Ressourcen im Ordner WebContent an:

Sicht 'Projektnavigator' mit Seiten

Sie haben nun leere Seiten für alle Seiten Ihrer Website erstellt. Sie sind nun bereit, um mitÜbung 1.4: Darstellung und Funktionsweise der Website entwerfen zu beginnen.

Nutzungsbedingungen | Feedback

(C) Copyright IBM Corporation 1999, 2004. Alle Rechte vorbehalten.