Blog! Gattosulweb.com

Corsi e tutorial
dello studio Gattosulweb

Sito Web con i Css – I Modelli

Creare il modello serve per includere tutti quegli elementi delle pagine che si ripetono su tutto il sito, all’interno di un unico documento; ne consegue che le pagine del sito saranno in realtà composte da 2 file (uno per gli elementi ripetuti, l’altro per il contenuto della pagina che si sta visualizzando). Per elementi ripetuti possiamo per esempio, considerare il menù di navigazione che sarà uguale su tutte le pagine: se questo elemento risiede nel modello basterà modificare questo file per vedere aggiornato il menù su tutto il sito.

1) Determinare l’area modificabile.

L’area modificabile è la zona destinata al contenuto delle singole pagine che sarà diverso per ognuna: in genere si imposta sul div mainContent e si fà selezionandolo e chiedendo dal menu di DW INSERISCI—OGGETTI MODELLO—AREA MODIFICABILE. Il documento verrà convertito in un modello appena salveremo la pagina. È possibile creare all’interno di una stesso documento più aree modificabili: per es. nel caso volessimo inserire (oltre a il contenuto) un banner di intestazione diverso su ogni pagina.

2) Salvataggio del modello.

Salvare il documento con il comando SALVA (mai SALVA CON NOME) e chiudere il file .dwt che si genera (dwt= dreamweaver template). Così facendo la nostra pagina verrà convertita e salvata come modello all’interno della cartella principale locale ed all’interno di una sottocartella che DW chiamerà “Templates”. È consentito creare più modelli per lo stesso sito.

3) Creare le altre pagine

Una volta impostato il modello, verrà facile creare le altre pagine; basterà chiedere NUOVO dal menu FILE di DW e scegliere “da modello”. Salvare sempre le pagine appena create, prima di qualsiasi modifica. Ricordarsi che i file css creati in precedenza resteranno associati al modello, quindi per i file css futuri è consigliabile associarli a questo documento per far si che tutte le pagine del sito possano utilizzarli.