In questo capitolo ci dedicheremo alla creazione e gestione dei templates

Un template è un modello di pagina web dal quale possiamo partire per realizzare il totale della stessa. In parole povere possiamo realizzare una o più pagine di base dove alcuni elementi non devono essere modificati per poi usarla inserendo solo quelle parti che ci interessano. Per rendere ancora più chiaro il concetto basta esaminare la pagina corrente dove l'intestazione, la parte destra e la parte in basso sono le stesse di tutte le altre pagine del Blog cambia solo la zona dei contenuti.

Ecco un esempio di pagina che potremmo adattare all'uso di modello


Nella realizzazione di un modello da questa pagina l'header ed il bottom li consideriamo immutabili ( anche se comunque esiste la possibilità di modificarli ) mentre la zona dei contenuti e del menù potrà essere modificata.

Innanzitutto eliminiamo il testo nella zona contenuto e nella parte del menu poi, per creare un modello da questa pagina clicchiamo File - Salva come modello, azione che farà aprire la finestra omonima.


Da qui possiamo dare il nome alla pagina modello e se lo desideriamo inserire una descrizione.

Clicchiamo su OK e Dreamweaver realizzerà una cartella all'interno del nostro sito chiamata Templates all'interno della quale troveremo la nostra pagina modello che ha un formato proprio di Dreamweaver non utilizzabile per visualizzare la pagina nel browser .Questo formato prende il nome di .dwt


Adesso per completare questo modello posizioniamoci con il cursore del mouse all'interno della zona Contenuti e clicchiamo Inserisci - Oggetti modello - Area modificabile ci chiederà un nome che noi daremo chiaro e univoco. Ripetiamo la stessa procedura per la zona menu ed in modalità progettazione avremo a disposizione le nuove zone modificabili.


Per rendere modificabili anche gli elementi definiti immutabili basta selezionare quello interessato, cliccare Elabora - Modelli - Rendi attributo modificabile ed applicare le modifiche necessarie.

COMMENTI