Prima di iniziare, è necessario completare l'Esercizio 1.5: Aggiunta di portlet che ricercano elementi del sito asta e forniscono dettagli sugli elementi.
In questo esercizio verrà creata una nuova applicazione portale con pagine che conterranno i portlet che sono stati creati fino a questo punto.[Note: Need screen captures for this section.]
Per creare il progetto portale Asta, completare questa procedura: [Note: I wanted to show users the wizard options. Should I have them select a different theme/default skin?]
Ci sono due tipi di interfaccia predefinita. Una è quella per il sito portale globale e l'altra è per un tema. In questa procedura guidata verrà specificata solo l'interfaccia predefinita per il tema predefinito selezionato. Per ogni sito portale può esserci solo un'interfaccia predefinita. Di solito, per ogni tema viene definita un'interfaccia predefinita e l'interfaccia predefinita per un sito portale viene utilizzata raramente.
Portal Designer visualizza il file di configurazione del portale del progetto, che mostra la struttura di navigazione predefinita con un'etichetta e una pagina secondaria. Portal Designer fornisce editor speciali per utilizzare numerosi elementi di portale noti, tra cui etichette, pagine, struttura di navigazione, temi e interfacce, insieme ai fogli stile CSS che consentono di controllare l'aspetto di un sito portale.
Utilizzare Portal Designer per creare gli elementi di layout del portale per i portlet che sono stati creati:
Le pagine di portale forniscono un framework per aggiungere contenuto al sito del portale. Questo contenuto è stato già creato sotto forma dei portlet definiti negli esercizi precedenti. Per aggiungere più portlet alle singole pagine, è necessario definire un layout spaziale con combinazioni di righe e colonne che consentono di inserire portlet nella pagina in maniera logica.
Per impostazione predefinita, ogni pagina che viene creata contiene una colonna e una riga. Si tratta di un processo semplice per aggiungere colonne e righe allo stesso modo di una "tabella" in un'applicazione Web. Notare che la metafora tabella non fa parte della terminologia del portale standard, viene utilizzata solo a scopo illustrativo. Dal momento che verranno aggiunti due portlet alla pagina listing, è possibile aggiungere un'altra "cella" al layout della pagina Listing, in questo caso, una colonna. È possibile eseguire questa operazione in due modi diversi:
In entrambi i casi, viene creata un'altra colonna, in modo da poter inserire successivamente il portlet ListingDetail.
Ora ci sono nuove pagine con gli elementi di layout sotto l'etichetta Auction, è possibile aggiungere portlet che sono stati creati nei precedenti esercizi nel modo seguente:
È anche possibile eseguire la stessa azione utilizzando la vista Struttura. Nella vista Struttura, espandere il nodo Layout, quindi il nodo Registration. Sotto la Colonna, sarà possibile notare l'icona del portlet UserAdmin. Selezionare la colonna e fare clic con il tasto destro del mouse per aprire il menu a comparsa. Notare la presenza di altri menu a cascata per aggiungere ulteriori portlet alla pagina.
Il sito portale è quasi completo: nell'esercizio successivo verrà descritto come personalizzarne l'aspetto utilizzando alcuni degli editor speciali che funzionano insieme a Portal Designer.
A questo punto, è possibile iniziare l'Esercizio 1.7: Personalizzazione del sito portale.