Nwlapcug.com


Come creare un modello Web da zero



Utilizzando un modello Web rende più facile per creare un sito Web. Solo viene utilizzato un tipo di framework e consente di risparmiare tempo di produzione. Creazione di un modello di Web può essere fatto in diversi modi. Uno è quello di copiare il codice sorgente e aggiungerlo a ogni nuova pagina o utilizzare un programma come Dreamweaver per facilitare l'applicazione del modello a tutte le pagine nuove.

Istruzioni

1

Avvio di Dreamweaver.

2

Gestione dei file permetterà il modello Web essere associato con tutte le nuove pagine create. Per fare questo, guardate la finestra in basso a destra e selezionare la scheda file se non è già visualizzata. Dal menu a discesa, selezionare "Manage Files." Si aprirà un'altra finestra. In questa finestra, scegliere il pulsante "Nuovo". Nella finestra di definizione del sito, immettere il nome del sito Web. Non compilare il campo URL. Selezionare il pulsante "Avanti". Nella sezione successiva, selezionare "No, non voglio utilizzare una tecnologia server." Selezionare il pulsante "Avanti". Nella parte superiore, selezionare "Modifica copie sulla mia macchina". Fare clic sulla cartella a destra, quindi individuare la cartella che i file Web devono essere immagazzinati 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". Rivedere i tuoi dati e scegli "Fatto." Nella piccola finestra che è ancora aperta, selezionare "Fatto".

3

Una nuova cartella dovrebbe apparire nella finestra del file a destra in Dreamweaver. Questo è dove verranno archiviati i file Web. Nel menu principale, selezionare "File" e "Nuovo". Nella colonna sinistra della finestra selezionare il modello di pagina e nella colonna destra selezionare il modello HTML.

4

Il nuovo file ha bisogno di un nome. Andare di nuovo al menu principale e selezionare "File" e "Salva con nome". Dreamweaver vi chiederà di salvare il file. Scegliere "Sì". Nome del file e lasciare
"DWT" come l'estensione.

5

Nel codice sorgente, le aree contrassegnate "Modello iniziare modificabile" e "Modello fine modificabili" sono le regioni che saranno in grado di modificato una volta che gli elementi vengono inseriti all'interno di questi tag. Di seguito è riportato un esempio.

<!-TemplateBeginEditable nome = "doctitle"-->
< title > il tuo nuovo modello < / title >
<!---> TemplateEndEditable

6

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

7

Nuove aree modificabili devono essere create. Queste sono le aree che potranno essere modificate in tutto il sito. L'area del corpo principale potrebbe essere un esempio. Evidenziare l'area che deve essere modificato. Per creare questa nuova area modificabile, andare al menu principale e selezionare "Inserisci", quindi "Oggetto modello" e "Area modificabile". Apparirà una finestra e sarà dato un nome alla regione. Questo può essere rinominato, ma per ora basta lasciare il nome da solo. Selezionare "Ok". Ripetere questo passaggio per tutte le aree che hanno bisogno di essere letta o modificare ogni pagina nel tuo sito Web.

8

Per l'intero sito è stato creato un modello con aree modificabili. Questo modello può essere applicato a ogni nuova pagina del tuo sito Web creato all'interno di Dreamweaver. Per applicare il modello, selezionare la nuova pagina che verrà applicato per il modello. Vai al menu principale in Dreamweaver e selezionare "Modifica", quindi "modelli" e poi "Applica il modello di pagina". Tutte le caratteristiche del modello apparirà ora nella nuova pagina. Salvare il documento. Ripetere questo passaggio per ogni nuova pagina creata per il sito. Utilizzando il modello di Web si rivelerà per essere un ottimo strumento quando si costruisce il nuovo sito Web.

Consigli & Avvertenze

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