Tra le novita' introdotte nel nuovo editor Expression Web, troviamo in classico stile Dreamweaver la gestione delle aree modificabili: si tratta di una soluzione agevole e professionale per la creazione di pagine web, utilizzando i Templates di pagina.
Durante la creazione di un modello, l'applicazione consente di bloccare o rendere modificabili alcune aree del Template. Di conseguenza nei documenti basati sul modello creato sarà possibile intervenire solo sulle aree modificabili, mentre le aree bloccate non potranno essere mutate in alcun modo. Vediamo di seguito come ideare un modello di pagina e come gestire alcune aree che lo rappresentano.
Creare un un Template e gestire le aree modificabili
Prima di creare e inserire un'area modificabile, è necessario salvare come modello il documento destinato ad essere il Template di pagina. Procediamo quindi con brevi passi, creando da un documento del tutto vuoto un semplice Layout. Dal menù File, selezione sulla voce Nuovo e sottovoce Pagina, come segue:
Dalla finestra di dialogo visualizzata, rendere attivo il Tab Pagina e selezionare la voce Generale scegliendo il Modello Web Dinamico. Tasto Ok per continuare.
Quella che segue sarà la nostra area di lavoro, un documento vuoto da utilizzare e renderlo il proprio Layout di pagina. Vediamo come proseguire:
Una volta definito il proprio Layout di pagina, non rimane che stabilire quelle che saranno le aree da rendere modificabili e le aree da bloccare.
La presente guida sceglie di aggiornare la cella dedita al Titolo di Pagina e quella destinata al Testo. Mentre il Logo e il menù di navigazione, non varieranno per tutte le pagine che rappresenteranno il sito web.
Per inserire un'area modificabile nel modello in creazione, posizionarsi sulla cella o selezionare la tabella/area interessata: destro mouse e dal menù a tendina visualizzato, selezionare la voce Gestione aree modificabili...Vedasi immagine:
Quella che segue è la finestra di dialogo Aree modificabili. Da qui sarà possibile assegnare un nome identificativo all'area da rendere modificabile, aggiungerne di nuove o rimuoverle. Questo grazie agli appositi tasti Aggiungi, Rimuovi, Vai.
Una volta digitato il nome dell'area nel campo indicato, click sul tasto Aggiungi per confermare:
Tasto Chiudi per salvare e procedere.
Come mostra l'immagine, l'area inserita viene identificata da un bordino rettangolare messo in evidenza dal colore, e il nome dell'area (associatogli durante la creazione) viene visualizzato in una scheda nell'angolo superiore sinistro:
La stessa procedura è stata applicata all'area destinata al Testo:
A questo punto non resta che salvare il Template appena creato, per procedere con la realizzazione delle pagine che rappresenteranno il sito web. Servirsi quindi del menù File per selezionare la voce Salva con nome:
Dalla finestra Salva con nome che si mostra, digitare nel campo indicato, un nome identificativo al modello di pagina. Tasto Salva per continuare.
La finestra di dialogo che si mostra sollecita un consenso di salvataggio di tutti gli oggetti situati all'interno delle aree bloccate.
Confermare dal tasto Ok per procedere.
La creazione del Template è avvenuta con successo. Sarà visibile l'albero dei file appena salvati e il modello di pagina.dwt. Come da immagine:
Procediamo ora con la creazione delle pagine che rappresenteranno il sito web. Quindi dal menù File selezionare la voce Nuovo e sottovoce Crea da modello Web dinamico...
Dalla finestra di dialogo visualizzata Associa modello Web dinamico, selezionare il modello da congiungere alla pagina in creazione, e confermare la scelta dal tasto Apri.
La finestra che segue mostra la creazione in corso della pagina...attendere
Salvare la pagina dal menù File selezionando la voce Salva con nome, vedasi immagine:
Digitare nel campo indicato il nome da associare alla pagina in creazione, confermando la scelta dal tasto Salva.
Il risultato sarà il seguente: le aree bloccate non saranno accessibili. Per effettuare modifiche all'interno di esse, sarà necessario aprire il file sorgente modello di pagina.dwt, che aggiornerà di conseguenza tutte le pagine a lui associate.
|
