La funzione di modello in Macromedia Dreamweaver è uno strumento di programmazione del sito molto utile, in particolare per siti di grandi dimensioni. I modelli consentono un programmatore sito Web per modificare un insieme intero delle pagine web modificando un solo file. Ad esempio, supponiamo di avere una sezione del sito Web aziendale chiamato "Sulla nostra compagnia" che contiene pagine per ognuno dei membri del personale, una versione web di ciascuna delle tue newsletter azienda dell'anno scorso, un elenco delle tue affiliazioni società, riprendere, riferimenti, ecc. Che da solo la sezione può contenere 15 o 20 singole pagine. Ora, hai deciso di aggiungere una nuova sotto-categoria che richiede l'aggiunta di un nuovo collegamento a tutte le pagine in quella sezione. Se tutte le pagine di "Sulla nostra compagnia" sono determinate da un modello di Dreamweaver allora non devi aprire e modificare codice di 20 pagine. È semplicemente possibile apportare una modifica al file del modello e viene filtrato in tutto il sito. La funzione di modello è anche utile per mantenere un aspetto coerente per il tuo sito quando il contenuto viene aggiunto o mantenuto da diverse persone. La premessa di base della funzione modello è che determinate aree di una pagina sono definite come modificabili, mentre altre aree rimangono coerenti in tutta l'intera serie di pagine a cui è applicato il modello. Ecco come è possibile implementare la funzione di modello durante la programmazione di un sito utilizzando Dreamweaver:

Istruzioni

Passaggi per l'utilizzo di modelli di Dreamweaver

1

Avviare Dreamweaver e creare il tuo nuovo sito. Quindi, è utile andare avanti e creare una struttura di directory/file "fittizio". Quando guardando la finestra "File", fare clic sull'icona in alto a destra del lato di file locali. Selezionare il sottomenu "File". È possibile creare nuove cartelle e i file lì e digitare nella loro nomi appropriati. Ad esempio, se si desidera creare la sezione di "Sulla nostra compagnia" sopra citata, si potrebbe innanzitutto creare una cartella denominata "About_Our_Company" e quindi creare i file all'interno della cartella chiamata "profile.html," "newsletter.html,"staff.html"e"affiliations.html." Una volta che la struttura del file è a posto, sarete in grado di collegare le voci di menu come si progetta il modello.

2

Creare un nuovo file HTML scegliendo File > New dal menu principale di Dreamweaver. Quando viene visualizzata la finestra di dialogo, scegliere i due sottomenu "Pagina di base" e "HTML". Quindi, fare clic su "Crea". Il nuovo file viene aperto. Si può andare avanti e salvare immediatamente il file come un file di modello. Basta scegliere File > Salva come modello dal menu principale di Dreamweaver e i nomi dei file nella finestra di dialogo successiva. Scegliere un nome intuitivo come "about_company" per il nostro esempio di lavoro. Dreamweaver crea automaticamente una directory denominata "Modelli" contenente il nuovo file di modello.

3

Ora, è il momento di creare il layout di pagina del modello secondo il vostro schizzo di layout generali o idea, inserimento di immagini, ecc per creare una pagina finita. Poiché stabilito la struttura del file con pagine "fittizi" nel passaggio 1, si può andare avanti e voci di menu di collegamento alle pagine appropriate.

4

Dopo aver completato il layout di pagina, è possibile designare aree modificabili del tuo modello. È possibile selezionare come molte aree modificabili come avete bisogno. Guarda il tuo modello e determinare quali aree è univoca per ogni pagina del sito. Aree di testo specifico della tua pagina, intestazione, anche photo locations sono buoni candidati. Idealmente, tutte le aree del layout che rimarranno coerenti in tutto le pagine del sito che regolerà questo modello dovrebbero essere non modificabili. Per designare un'area modificabile, fare clic all'interno dell'area di pagina selezionate e selezionare il tag HTML appropriato nella barra grigia nella parte inferiore della finestra del pagina. Questo metterà in evidenza la regione scelta. Ad esempio, se si desidera per una cella di tabella specifica per essere modificabile, fare clic all'interno della cellula e quindi selezionare il tag < td > nella barra grigia. Scegliete Inserisci > oggetti modello > area modificabile dal menu principale di Dreamweaver. Verrà visualizzata una finestra di dialogo dove è possibile il nome della regione. Fare clic su OK e il vostro primo area modificabile è stato designato. Ricordate che in genere gli attributi dei tag HTML specifici così come i vostri attributi di pagina generale saranno disciplinati dal modello. Così nel nostro esempio di cella di tabella, assicurarsi di impostare gli attributi di allineamento verticale e orizzontale nel modello che si desidera vengano visualizzati in tutto le pagine del sito. Tuttavia, sarà in grado di dare ogni pagina un titolo univoco indipendentemente dall'applicazione del modello. Dopo aver terminato di inserire tutti i vostre aree modificabili, salvare il file di modello e chiuderlo.

5

Ora si è pronti per applicare il modello alle pagine appropriate. Dalla vostra finestra "File", fare doppio clic su pagina HTML a cui si desidera applicare il modello. Dovrebbe aprire una pagina vuota. Scegliete Modifica > modelli > Applica modello alla pagina dal menu principale di Dreamweaver. Il nome del modello deve essere visualizzato nella finestra di dialogo. Evidenziarlo e fare clic su "Seleziona". Dreamweaver consente di importare quindi il layout del modello. Il tuo aree modificabili verranno catalogate in tutta la pagina, e il cursore non verrà visualizzato un segno di "" quando passi il mouse su aree non modificabili. È possibile aggiornare il vostro aree modificabili con contenuti specifici per quella particolare pagina e Salva.

6

Se è necessario modificare le porzioni non modificabili del tuo modello in tutto il sito..--come l'aggiunta di un nuovo collegamento come nel nostro esempio introduttivo-- avviare facendo doppio clic il file di modello nella finestra di "File". Quando si apre la pagina, si possono apportare le modifiche necessarie per le aree non modificabili. Per applicare le modifiche in tutto il sito, è necessario salvare il modello di pagina. Quindi, scegliete Modifica > modelli > Aggiornamento pagine. Selezionare "Intero sito" dal menu a tendina della finestra di dialogo e assicurarsi che sia selezionata la casella accanto a "Modelli". Quindi, fare clic su Start. Dreamweaver aggiorna i file appropriati e li visualizza nell'elenco. Quindi, chiudere la finestra di dialogo e le modifiche sono complete!

Consigli & Avvertenze

• È più facile impostare i modelli in primo luogo prima di qualsiasi delle tue altre pagine sono stato programmato. È sempre possibile applicare un modello a pagine esistenti, ma richiederà qualche eliminazione, copia e incolla dei contenuti esistenti per ottenere in aree modificabili corrette.