web

templateCome costruire più pagine web che hanno un unico schema ma contenuti diversi.

          il mio computer  
 

Introduzione ai Template

Pubblicato il: 6-2-2025

Ultima Modifica: 7-2-2025

  

 File con Estensione .DWT

I file con estensione .dwt (Dreamweaver Template) sono modelli di pagina utilizzati principalmente in Adobe Dreamweaver per creare e gestire siti web con una struttura coerente. Grazie ai template, è possibile garantire uniformità tra più pagine di un sito, facilitando l'aggiornamento e la manutenzione.

Vantaggi dell'Uso dei Template .DWT

1. Coerenza Grafica e Strutturale

Uno dei principali vantaggi dell'uso dei file .dwt è che tutte le pagine create da un template condividono lo stesso layout e design, evitando disallineamenti e differenze estetiche tra le varie pagine del sito.

2. Facilità di Aggiornamento

Modificando il file .dwt, è possibile aggiornare automaticamente tutte le pagine che lo utilizzano. Ad esempio, se si cambia il menu di navigazione nel template, tutte le pagine collegate verranno aggiornate automaticamente.

3. Risparmio di Tempo

Grazie ai template, non è necessario modificare manualmente ogni pagina web. Questo riduce notevolmente il tempo richiesto per aggiornamenti globali, specialmente in siti con molte pagine.

Creazione di un Template .DWT in Adobe Dreamweaver

Passaggi per Creare un File .DWT

  1. Aprire Adobe Dreamweaver e creare un nuovo documento HTML.
  2. Strutturare la Pagina con i vari elementi fissi (header, menu di navigazione, footer, ecc.).
  3. Definire le Aree Modificabili utilizzando l'opzione "Modifica > Modelli > Nuova area modificabile".
  4. Salvare il File come Template selezionando "File > Salva come modello" e assegnando un nome.
  5. Applicare il Template alle nuove pagine tramite "File > Nuovo da modello".

Definizione delle Aree Modificabili nei Template .DWT

Le aree modificabili consentono di stabilire quali parti del template potranno essere personalizzate in ogni pagina creata dal modello. Per definire un'area modificabile, si utilizza il seguente codice:

<!-- TemplateBeginEditable name="contenuto" -->
<p>Questo testo può essere modificato nelle pagine derivate dal template.</p>
<!-- TemplateEndEditable -->
 

Ad esempio, in un sito con una struttura fissa per header e footer, ma con un contenuto variabile per ogni pagina, si può definire un'area modificabile all'interno della sezione principale:

<!DOCTYPE html>
<html>
<head>
    <title>Template Esempio</title>
</head>
<body>
    <header>
        <h1>Il Mio Sito</h1>
    </header>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">Chi Siamo</a></li>
            <li><a href="contact.html">Contatti</a></li>
        </ul>
    </nav>
    <main>
        <!-- TemplateBeginEditable name="contenuto" -->
        <p>Qui andrà il contenuto personalizzato per ogni pagina.</p>
        <!-- TemplateEndEditable -->
    </main>
    <footer>
        <p>&copy; 2025 Il Mio Sito</p>
    </footer>
</body>
</html>
 

In questo modo, ogni pagina creata da questo template potrà modificare solo la sezione contrassegnata come modificabile.

Applicazione di un Template a una Pagina Esistente

Se si ha già una pagina HTML e si desidera applicare un template, si può procedere come segue:

  1. Aprire la pagina HTML in Dreamweaver.
  2. Selezionare "Modifica > Modelli > Applica modello alla pagina".
  3. Scegliere il template desiderato.
  4. Dreamweaver chiederà di associare le aree esistenti alle aree modificabili definite nel template.
  5. Salvare la pagina per applicare il template.

Gestione delle Modifiche nei Template

Se si aggiorna il template principale, Dreamweaver chiederà se si desidera aggiornare anche tutte le pagine associate. Questa funzione è particolarmente utile quando si effettuano modifiche globali, come l'aggiornamento di un logo, la modifica del menu o l'aggiunta di un nuovo elemento grafico.

Ad esempio, se si decide di aggiungere un nuovo link al menu di navigazione nel template, Dreamweaver aggiornerà automaticamente tutte le pagine che utilizzano quel modello, senza dover modificare ogni file individualmente.

Conclusioni

L'uso dei template .dwt rappresenta una soluzione efficiente per la gestione di siti web con molte pagine, garantendo uniformità e facilitando gli aggiornamenti. Grazie alle aree modificabili, è possibile mantenere la flessibilità necessaria per personalizzare ogni pagina senza compromettere la struttura generale del sito.

Se lavori con Adobe Dreamweaver, imparare a sfruttare i template .dwt può migliorare notevolmente il tuo flusso di lavoro, rendendo la gestione del sito più semplice e veloce.