Übung 1.3: Die Website mit Webseiten füllen

Zeigen

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". Daraufhin wird der Dialog 'Seite erstellen' geöffnet.
  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 Webseiten mit JavaServer Faces darstellen' lernen Sie außerdem, wie Sie Faces-Komponenten verwenden können, um Ihrer Website Datenverbindungen hinzuzufügen.
  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. Akzeptieren Sie bei den restlichen Feldern die Standardwerte.
  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 zum Web Site Designer zurück, indem Sie auf die Registerkarte Navigation - Lernprogramm 'Kleinanzeigen' klicken. Das Symbol Alle Kleinanzeigen anzeigen weist nun einen durchgezogenen Rahmen und ein kleines blaues Rautensymbol () auf, das darauf hinweist, dass ihm eine JSP-Datei zugeordnet wurde. Die anderen Seitensymbole haben noch einen gestrichelten Rahmen, der angibt, dass für sie noch keine Dateien erstellt wurden.
    Vorhandene und nicht vorhandene Symbole.

  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 erstellen' ausführen. Benennen Sie die entsprechenden Dateien in diesem 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 'Projekt-Explorer' 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 2000, 2005. Alle Rechte vorbehalten.