Modello Web dinamico

Un modello Web dinamico è una copia master basata su HTML di una pagina Web che è possibile creare per contenere impostazioni, formattazione ed elementi di pagina come testo, grafica, layout di pagina, stili e aree di una pagina Web che possono essere modificate.

Quando si allega un modello Web dinamico alle pagine di un sito Web, tale modello definisce il layout per quelle pagine. Puoi utilizzare un numero qualsiasi di modelli Web dinamici in un sito Web e allegare un modello Web dinamico a tutte le pagine che desideri.

Utilizzando modelli Web dinamici, è possibile creare pagine HTML che condividono lo stesso layout. Oltre a fornire un layout condiviso, puoi rendere disponibili alcune regioni in un modello per la modifica, impedendo al contempo modifiche ad altre regioni in quel modello.

Ciò significa che puoi consentire ad altri di aggiungere e modificare il contenuto, pur mantenendo il layout delle pagine e il modello stesso.

La necessità di modelli Web dinamici

Il concetto più importante del design del sito Web è mantenere un aspetto coerente per il tuo sito e con Dynamic Web Template puoi ottenerlo. Il modello Web dinamico fornisce:

  • Pagine di base come Sitemap, Contatti, Informazioni e pagine di ricerca. Un visitatore dovrebbe essere in grado di raggiungere la tua home page da qualsiasi pagina del sito.

  • Navigazione coerente in tutto il tuo sito.

  • Aspetto coerente in tutto il sito.

Crea un modello web dinamico

Per creare un modello DWT (Dynamic Web Template), inizia con una pagina HTML vuota e la salvi come file *.dwt file. Andiamo passo dopo passo e impariamo di più al riguardo.

Step 1 - Apri il file index.html e seleziona File → Save As… opzione di menu, che aprirà la finestra di dialogo Salva con nome.

Seleziona il modello Web dinamico (* .dwt) dal menu a discesa Salva come e cambia il nome del file dall'indice al master.dwt e fare clic sul pulsante Salva.

Step 2- Ora vedrai un nuovo file master.dwt creato nell'elenco delle cartelle. Creiamo un nuovo file HTML e chiamiamolo index_2.html. Apriamo il file master.dwt e nella Vista Progettazione o nella Vista Codice, fare clic con il pulsante destro del mouse all'interno dei tag <div> del contenuto principale.

Step 3 - Dal menu, seleziona Gestisci regioni modificabili ... che aprirà la finestra di dialogo Regioni modificabili.

Step 4- In Nome regione, digitare un nome per la regione modificabile, quindi fare clic su Aggiungi. Ripeti per aggiungere ulteriori regioni modificabili, se lo desideri.

Step 5- Dopo aver aggiunto tutte le regioni modificabili, fare clic su Chiudi. Ora vai al file index_2.html e selezionalo anche nell'elenco delle cartelle.

Step 6 - Vai al menu Formato e seleziona Dynamic Web Template → Attach Dynamic Web Template… che aprirà la finestra di dialogo Allega modello web dinamico.

Step 7 - Seleziona il file Dynamic Web Templateche qui è il file master.dwt e fare clic sul pulsante Apri. Riceverai un messaggio di avviso. Fare clic su Sì.

Step 8- Puoi vedere che lo stesso modello è applicato al file index_2.html. Allo stesso modo, puoi aggiungere lo stesso modello a tutte le pagine HTML che desideri sul sito web.

Step 9- In questa pagina puoi modificare solo la sezione dei contenuti principali. Se sposti il ​​mouse sull'altra sezione, vedrai che non è modificabile e anche il cursore del mouse si trasforma nel cerchio della croce rossa.

Step 10 - Per vedere come appare, vai al menu File e seleziona Anteprima nel tuo browser.