Esercizio 1.3: Inserimento di pagine nel sito Web

Mostra

Prima di inserire le pagine nel sito Web, è necessario completare l'Esercizio 1.2: Progettazione della struttura del sito Web.

Dopo aver definito il layout del sito Web utilizzando le icone di pagina, è possibile procedere con la creazione delle pagine. Le icone delle pagine sono al momento bordate da linee tratteggiate; ciò indica che il file rappresentato dall'icona della pagina o della pagina effettiva non esiste. Dopo aver creato i file, le icone della pagina saranno bordate da linee continue.

  1. Fare doppio clic sull'icona relativa alla pagina View All Classifieds. Si apre la finestra Creazione pagine.
  2. Per questa esercitazione, selezionare l'opzione Faces JSP. Questa opzione consente di creare una pagina Web JSP abilitata all'uso della tecnologia JavaServer Faces. Ulteriori informazioni sui componenti JavaServer Faces e Faces. È anche possibile apprendere ad utilizzare i componenti Faces per aggiungere connessioni di dati al sito Web nell'esercitazione Visualizzazione dinamiche nella pagine Web con JavaServer Faces.
  3. Fare clic su OK. Si apre la procedura guidata Nuovo file Faces JSP.
  4. Accettare la cartella predefinita (/ClassifiedsTutorial/WebContent).
  5. Nel campo Nome file, immettere il nome per il nuovo file, all_records. Sebbene sia comodo specificare per il file lo stesso nome dell'etichetta di navigazione assegnata alla pagina durante la definizione del layout del sito, è anche possibile denominare i file creando un collegamento logico con le risorse presenti sul sistema locale e utilizzare le etichette di navigazione solo come convenzione di denominazione per la navigazione futura.
  6. Assicurarsi che HTML sia selezionata nel campo Linguaggio di markup. Per i campi rimanenti, accettare le impostazioni predefinite.
  7. Lasciare la casella di controllo Configura opzioni avanzate deselezionata. Se si desidera configurare le opzioni per il nuovo file, come librerie di tag supplementari, è possibile specificare ulteriori opzioni utilizzando questa procedura guidata; tuttavia, ai fini di questa esercitazione, è possibile accettare le impostazioni predefinite.
    Nota: il nuovo file farà automaticamente riferimento al file Master.css creato durante la realizzazione del progetto Web.
  8. Fare clic su Fine. Il nuovo file si apre in Page Designer.
  9. Ritornare a Web Site Designer facendo clic sulla scheda Navigazione. È ora possibile vedere che l'icona View All Classifieds presenta un bordo continuo e una piccola icona raffigurante un diamante di colore blu () ad indicare che a questa pagina è stato associato un file JSP; le icone delle altre pagine, invece, presentano ancora un bordo tratteggiato, in quanto ancora queste pagine non sono state ancora associate ad alcun file.
    Icone di pagine esistenti e non esistenti

  10. Continuare la creazione di pagine Faces JSP per le altre icone di pagina facendo doppio clic su ciascuna icona e completando la procedura guidata Nuovo file Faces JSP. Per questa esercitazione, utilizzare i seguenti nomi:
  11. Premere Ctrl+S per salvare il file Navigazione del sito Web.

Dopo aver completato la creazione delle quattro pagine, nella vista Selezione progetti verranno visualizzate tutte le nuove risorse nella cartella WebContent:

Vista Esplora progetto con pagine

In questo esercizio sono state create pagine vuote per ciascuna delle pagine del sito Web. A questo punto è possibile iniziare l'Esercizio 1.4: Progettazione dell'aspetto del sito Web.

Termini di utilizzo | Feedback

(C) Copyright IBM Corporation 2000, 2004. Tutti i diritti riservati.