Come creare un nuovo modello di Dreamweaver - dummies

Si crea un nuovo modello in Dreamweaver usando la stessa finestra di dialogo Nuovo documento che si utilizza per creare qualsiasi altro tipo di pagina. Per creare un modello di Dreamweaver, segui questi passaggi:

1. Scegli File → Nuovo.

   Si apre la finestra di dialogo Nuovo documento.

2. Nell'elenco a sinistra, fare clic sull'opzione Pagina vuota.

   

3. Nell'elenco Tipo di pagina, selezionare Modello HTML.

4. Nell'area Layout, scegliere di creare una pagina vuota o selezionare un layout CSS predefinito.

   Le numerose opzioni di layout CSS di Dreamweaver forniscono un ottimo vantaggio per la creazione di un nuovo design di pagina.

5. Fai clic sul pulsante Crea.

   Viene creato un nuovo modello vuoto che viene aperto nell'area di lavoro principale e la finestra di dialogo Nuovo documento viene chiusa.

6. Scegli File → Salva.

   Riceverai un avviso (se non lo hai disabilitato), affermando che il modello non ha regioni modificabili e chiede se vuoi davvero salvarlo. Fare clic su OK per chiudere la finestra di dialogo di avviso e continuare. Dreamweaver ti dà questo avviso perché un modello senza aree modificabili non è utile. Trovate le istruzioni per creare regioni modificabili nel passaggio 9.

7. Fare clic su OK per salvare la pagina come è per ora.

   Viene visualizzata la finestra Salva come modello con la cartella Modelli aperta. Se non si dispone già di una cartella denominata Modelli nella cartella del sito locale, Dreamweaver ne creerà uno al momento della creazione e del salvataggio del primo modello.

   Per funzionare correttamente, i modelli di Dreamweaver devono essere salvati in una cartella denominata Modelli (con una maiuscola T ) nella cartella del sito locale, che è visibile nel pannello File. Se si modifica il nome della cartella o si sposta la cartella Modelli in una sottocartella, i modelli non funzioneranno più correttamente.

8. Crea un disegno per la pagina aggiungendo immagini, testo e altri elementi come faresti in qualsiasi altro file di Dreamweaver.

   Ricorda che crei un design di pagina in un modello proprio come faresti in qualsiasi altra pagina web. Spetta a te includere le immagini e il testo che verranno sostituiti nelle pagine create dal modello o semplicemente creare lo scheletro di una pagina.

9. Per creare un'area modificabile:

   1. Selezionare qualsiasi immagine, blocco di testo o area del contenuto.

      Spesso l'opzione migliore è selezionare un'intera area di una pagina in modo che tutto in quella sezione possa essere modificato. Se hai progettato le tue pagine con tag e CSS, una buona opzione è selezionare il tag per un'intera sezione, ad esempio il tag in stile con lo stile di classe mainContent.

      Un modo pratico per selezionare una sezione circondata da un tag è posizionare il cursore ovunque in quell'area della pagina, quindi utilizzare il selettore di tag nella parte inferiore dell'area di lavoro per selezionare il tag.

   2. Scegli Inserisci → Modello → Regione modificabile.

      Si apre la finestra di dialogo Nuova regione modificabile.

      

   3. Assegna un nome alla nuova regione modificabile.

      Scegli qualcosa che identifica il tipo di contenuto, ad esempio titolo o contenuto principale. La regione definita come modificabile diventa un'area che può essere modificata in qualsiasi pagina creata dal modello. Puoi avere più aree modificabili in un modello. Ogni regione modificabile deve avere un nome diverso; i nomi non possono usare spazi o caratteri speciali, ma caratteri di sottolineatura e trattini sono a posto.

   4. Fare clic su OK.

      Una casella blu acqua (con una linguetta blu acqua nella parte superiore sinistra della finestra) circonda la regione modificabile. Il nome inserito nella finestra di dialogo Nuova regione modificabile viene visualizzato nella scheda.

10. Al termine della progettazione della pagina e aggiungi tutte le regioni modificabili che desideri, scegli File → Salva per salvare il modello.

    Quando si salva una nuova pagina modello o si salva una pagina esistente come modello, Dreamweaver aggiunge automaticamente. estensione dwt e salva il file nella cartella Templates.

Se si salva un modello prima di specificare eventuali aree modificabili, Dreamweaver ti avvisa perché i modelli non sono utili senza regioni modificabili. Non è necessario creare aree modificabili prima di salvare un modello, ma non è possibile apportare modifiche alle pagine create da un modello finché non si creano una o più regioni modificabili. Puoi sempre tornare indietro e aggiungere regioni modificabili in un secondo momento.

Adobe ha aggiunto un nuovo pannello Inserisci modelli in Dreamweaver CC. Puoi utilizzare questo nuovo pannello al posto delle voci di menu quando lavori con i modelli. Le funzionalità funzionano allo stesso modo: basta fare clic sull'icona corrispondente nel pannello Inserisci modelli, come ad esempio l'icona Regione modificabile.