Come creare un modello Web da zero

September 6

Come creare un modello Web da zero


Utilizzando un modello Web rende più facile creare un sito web. Si utilizza un solo tipo di quadro e consente di risparmiare tempo di produzione. Creazione di un modello Web può essere fatto in diversi modi. Uno è quello di copiare il codice sorgente e aggiungerlo ad ogni nuova pagina, o utilizzare un programma come Dreamweaver per aiutare ad applicare il modello a tutte le nuove pagine.

istruzione

1 Avviare Dreamweaver.

2 Gestire i file consentirà il modello Web per essere associato a tutte le nuove pagine create. Per fare questo, guardare la finestra in basso a destra e selezionare la scheda file se non è già visualizzato. Dal menu a discesa, selezionare "Gestione dei file". Si aprirà un'altra finestra. In questa finestra, scegliere il pulsante "Nuovo". Nella finestra Definizione del sito, inserire il nome del sito web. Non riempire nel campo URL. Selezionare il pulsante "Avanti". Nella sezione successiva, selezionare "No, non voglio usare una tecnologia server." Selezionare il pulsante "Avanti". In alto, selezionare "Modifica copie sulla mia macchina." Quindi, fare clic sulla cartella a destra e individuare la cartella i file Web devono essere memorizzati in sul computer. Quando viene trovata la cartella, selezionare "Avanti". Nel menu a discesa, scegliere "Nessuno" per la connessione a un server remoto. Selezionare il pulsante "Avanti". Controlla i dati e scegliere "Fine". Nella piccola finestra che è ancora aperta, selezionare "Fatto".

3 Una nuova cartella dovrebbe comparire nella finestra dei file a destra in Dreamweaver. Questo è dove verranno memorizzati i file Web. Nel menu in alto, selezionare "File" e "Nuovo". Nella colonna di sinistra della finestra selezionare modello di pagina e nella colonna di destra selezionare modello HTML.

4 Il nuovo file ha bisogno di un nome. Vai al menu principale e selezionare "File" e "Salva con nome". Dreamweaver chiederà di salvare il file. Scegliere "Sì". Un nome al file e lasciare
".dwt" Come estensione.

5 Nel codice sorgente, le zone contrassegnate "Template Begin modificabile" e "Modello di fine modificabili" sono le regioni che saranno in grado di cura una volta gli elementi sono collocati all'interno di questi tag. Un esempio è mostrato sotto.

<! - Nome TemplateBeginEditable = "doctitle" ->
<Title> il nuovo modello </ title>
<! - TemplateEndEditable ->

6 Codice il resto della pagina in HTML o XHTML. Caratteristiche di pagina, come il banner, navigazione, zona del corpo principale e piè, dovrebbero essere inclusi.

7 Le nuove aree modificabili dovranno essere creati. Queste sono le aree che saranno modificabili in tutto il sito. La zona corpo principale sarebbe un esempio. Evidenziare l'area che deve essere modificato. Per creare questa nuova area modificabile, andare nel menu in alto e selezionare "Inserisci", quindi "Object Template" e "area modificabile." Apparirà una finestra e un nome sarà dato alla regione. Questo può essere rinominato, ma per ora solo lasciare il nome da solo. Selezionare "OK". Ripetere questo passaggio per tutte le zone che devono essere accessibili o modificate in ogni pagina del tuo sito web.

8 Un modello con aree modificabili è stato creato per l'intero sito web. Questo modello può essere applicato a ogni nuova pagina del vostro sito web creato all'interno di Dreamweaver. Per applicare il modello, selezionare la nuova pagina che il modello verrà applicato. Vai al menu principale in Dreamweaver e selezionare "Modifica", quindi "Modelli" e poi "Applica modello alla pagina." Tutte le caratteristiche del modello appariranno nella nuova pagina. Salvare il documento. Ripetere questa operazione per ogni nuova pagina creata per il sito. Utilizzando il modello Web si rivelerà essere un grande strumento per la costruzione del nuovo sito web.

Consigli e avvertenze

  • Si può prendere in considerazione la creazione di più di un modello Web per aggiungere un aspetto diverso ad alcune sezioni del sito.