March 27
La funzione di modello in Macromedia Dreamweaver è uno strumento di programmazione sito molto utile, in particolare per i siti di grandi dimensioni. I modelli consentono un programmatore sito web per cambiare tutta una serie di pagine web modificando un solo file. Ad esempio, supponiamo di avere una sezione del tuo sito web aziendale chiamato "Circa la nostra azienda", che contiene le pagine per ciascuno dei vostri collaboratori, una versione web di ciascuna delle vostre newsletter aziendali dell'ultimo anno, un elenco delle appartenenze aziendali, curriculum , riferimenti, ecc Questo sezione da solo può contenere 15 o 20 pagine individuali. Ora, hai deciso di aggiungere una nuova sotto-categoria che richiede l'aggiunta di un nuovo link a tutte le pagine di quella sezione. Se tutte le pagine "sulla nostra società" sono governate da un modello di Dreamweaver, allora non c'è bisogno di aprire e modificare il codice su 20 pagine. Si può semplicemente fare una modifica al file di modello, e si filtra tutto il sito. La funzione di modello è anche utile per mantenere un aspetto coerente per il tuo sito quando viene aggiunta o mantenuta contenuti da diversi people.The premessa di base della funzione di modello è che alcune aree di una pagina sono definiti come modificabili, mentre altre zone rimangono coerenti in tutta la intero insieme di pagine a cui viene applicato il modello. Ecco come è possibile implementare la funzione di modello quando la programmazione di un sito utilizzando Dreamweaver:
1 Avviare Dreamweaver e creare il nuovo sito. Poi, è utile andare avanti e creare una struttura di directory / file "fittizio". Se si guarda alla finestra "file", fare clic sull'icona nell'angolo in alto a destra del lato File locali. Evidenziare il sottomenu "File". È possibile creare nuove cartelle e file lì e digitare i loro nomi appropriati. Ad esempio, se si desidera creare la sezione di cui sopra "Circa la nostra azienda", si potrebbe per prima cosa creare una cartella chiamata "About_Our_Company," e quindi creare file all'interno di tale cartella chiamata "profile.html," "newsletter.html," il personale .html "e" affiliations.html. "Una volta che la struttura del file è a posto, si sarà in grado di collegare le vostre voci di menu come si progetta il modello.
2 Creare un nuovo file HTML scegliendo File> Nuovo dal menu principale di Dreamweaver. Quando viene visualizzata la finestra di dialogo, scegliere "Pagina di base" e "HTML" dai due sottomenu. Quindi, fai clic su "Crea". Il nuovo file verrà 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 un nome al file nella finestra di dialogo successiva. Scegliere un nome intuitivo come "about_company" per il nostro esempio di lavoro. Dreamweaver creerà automaticamente una directory chiamata "Modelli" contenente il nuovo file modello.
3 Ora, è il momento di creare il layout di pagina del modello secondo il vostro disegno generale layout o idea, Inserimento di immagini, ecc per creare una pagina finita. Dal momento che avete stabilito la vostra struttura dei file con le pagine "fittizi" al punto 1, si può andare avanti e collegare voci di menu alle pagine appropriate.
4 Dopo il layout della pagina è completo, è possibile designare aree modificabili del modello. È possibile selezionare tutte le aree modificabili di cui hai bisogno. Guardate il vostro modello e determinare quali aree saranno unici per ogni pagina del sito. Aree di testo specifico della tua pagina, voce, anche i luoghi fotografiche sono buoni candidati. Idealmente, tutte le aree del layout che rimarranno coerenti in tutte le pagine del sito che questo modello regoleranno dovrebbe essere uneditable.To designare un'area modificabile, fare clic all'interno dell'area di pagina prescelta e selezionare il tag HTML appropriato nella barra grigia in fondo la finestra pagina. Questo metterà in evidenza la regione scelta. Per esempio, se vuoi per una specifica cella di una tabella di essere modificabile, cliccare all'interno della cellula e quindi fare clic sul tag <td> nella barra grigia. Scegliere Inserisci> Oggetti modello> Area modificabile dal menu principale di Dreamweaver. Una finestra di dialogo apparirà in cui è possibile assegnare un nome alla regione. Fare clic su OK e la prima area modificabile è stato designated.Remember che in genere il tag HTML specifici attributi così come i vostri attributi di pagina generale saranno regolati dal modello. Così, nel nostro esempio cella di una tabella, assicurarsi di impostare gli attributi l'allineamento verticale e orizzontale nel modello come si desidera vengano visualizzati in tutta le pagine del sito. Sarà, tuttavia, essere in grado di dare ad ogni pagina un titolo unico, indipendentemente dal modello di application.When hai finito inserendo tutte le aree modificabili, salvare il file di modello e chiuderlo.
5 Ora siete pronti per applicare il modello alle pagine appropriate. Dalla finestra "File", fare doppio clic sulla pagina HTML a cui si desidera applicare il modello. Una pagina vuota dovrebbe aprire. Scegliere Elabora> Modelli> Applica modello alla pagina dal menu principale di Dreamweaver. Il nome del modello dovrebbe essere visualizzato nella finestra di dialogo. Evidenziare e fare clic su "Seleziona". Dreamweaver quindi importare il layout del modello. La sua regione modificabili saranno a schede in tutta la pagina, e il cursore mostrerà un segno "no" quando il mouse sopra non modificabile areas.You possibile aggiornare le aree modificabili con contenuti specifici per quella particolare pagina e risparmiare.
6 Se è necessario modificare le parti non modificabili del tuo modello in tutto il sito - come l'aggiunta di un nuovo collegamento come nel nostro esempio introduttivo - avviare con un doppio clic sul file di modello nella finestra "File". Quando si apre la pagina, è possibile apportare le modifiche necessarie al regions.To non modificabile applicare le modifiche in tutto il sito, salvare la pagina Modello. Quindi, scegliere Elabora> Modelli> Aggiorna pagine. Selezionare "Tutto il sito" dal menu a discesa della finestra di dialogo verso il basso e assicurarsi che la casella accanto a "Modelli" sia selezionata. Quindi, fare clic su Start. Dreamweaver aggiornerà i file appropriati e li mostrerà nella lista. Quindi, chiudere la finestra di dialogo e le modifiche sono completi!