Esercizio 1.3: Inserimento di pagine nel sito Web
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.
- Fare doppio clic sull'icona relativa alla pagina View All Classifieds. Si apre
la procedura guidata Creazione pagine.
- 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 come utilizzare i componenti Faces per aggiungere
connessioni di dati al sito Web nell'esercitazione Visualizzazione
dinamiche nella pagine Web con JavaServer Faces.
- Fare clic su OK. Si apre la procedura guidata Nuovo file Faces JSP.
- Accettare la cartella predefinita (/ClassifiedsTutorial/WebContent).
- 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.
- Assicurarsi che HTML sia selezionata nel campo Linguaggio di markup.
- 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.
- Fare clic su Fine. Il nuovo file si apre in Page Designer.
- 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.
- 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,
assegnare i seguenti nomi:
- Post a Listing - new_record
- Update Listing - update_record
- Filtered Listings - filtered_records
- 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:
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.