Utilizzare i modelli di Dreamweaver per progettare un layout di pagina “bloccato” e creare documenti basati sul modello che ereditano il relativo layout di pagina.
Un modello è un tipo speciale di documento che usi per progettare un layout di pagina "fisso"; puoi quindi creare documenti basati sul modello che ereditano il suo layout di pagina. Durante la progettazione di un modello, specifichi come "modificabile" quale contenuto gli utenti possono modificare in un documento basato su quel modello. I modelli consentono agli autori di modelli di controllare quali elementi di pagina gli utenti di modelli, come writer, artisti grafici o altri sviluppatori web, possono modificare. Ci sono diversi tipi di aree di modello che l'autore del modello può includere in un documento.
I modelli ti consentono di controllare un'area di progettazione ampia e riutilizzare layout completi.Se desideri riutilizzare singoli elementi di progettazione, come le informazioni sul copyright di un sito o un logo, crea elementi di libreria.
Mediante i modelli potete aggiornare più pagine contemporaneamente. Un documento creato da un modello rimane collegato a quel modello (a meno che non scolleghi il documento successivamente). Puoi modificare un modello e aggiornare immediatamente il design in tutti i documenti basati su di esso.
i modelli di Dreamweaver si differenziano da quelli di alcuni altri software di Adobe Creative Cloud, poiché per impostazione predefinita le sezioni delle pagine dei modelli di Dreamweaver sono bloccate (o non modificabili).
Tipi di aree dei modelli
Quando salvate un documento come modello, la maggior parte delle aree del documento sono bloccate. Come autore del modello, dovete specificare quali aree di un documento basato sul modello saranno modificabili inserendo nel modello aree o parametri modificabili.
Durante la creazione del modello, potete cambiare sia le aree modificabili che quelle bloccate. Nei documenti basati sul modello, al contrario, potete intervenire solo sulle aree modificabili, mentre quelle bloccate non possono essere alterate in alcun modo.
Esistono quattro tipi di aree dei modelli:
Area modificabile: un'area non bloccata di un documento basato su un modello, ovvero una sezione modificabile da parte degli utenti del modello. Potete specificare come modificabile qualsiasi area di un modello. Per essere valido, un modello deve contenere almeno un'area modificabile; in caso contrario, non è possibile cambiare le pagine basate su di esso. Per informazioni dettagliate sulle aree modificabili, consultate Creare aree modificabili nei modelli.
Area ripetuta: una sezione del layout di un documento impostata in modo che l'utente possa aggiungere o eliminare le copie dell'area ripetuta in un documento basato sul modello, se necessario. Ad esempio, potete impostare la ripetizione di una riga di tabella. In genere, le sezioni ripetute sono modificabili per consentire agli utenti del modello di modificare il contenuto nell'elemento ripetuto; la struttura, invece, è controllata dall'autore del modello.
In un modello potete inserire due tipi di aree ripetute: aree ripetute e tabelle ripetute. Per informazioni sul funzionamento delle aree ripetute, consultate Creare aree e tabelle ripetute nei modelli in Dreamweaver.
Area opzionale: una sezione di un modello riservata al contenuto (ad esempio testo o immagini) che può essere visualizzato o meno in un documento. Nella pagina basata sul modello, gli utenti del modello generalmente controllano se il contenuto viene visualizzato o meno. Per ulteriori informazioni, consultate la sezione Area opzionale.
Attributo di tag modificabile: consente di sbloccare un attributo di tag in un modello affinché possa essere modificato in una pagina basata sul modello. Ad esempio, potete “bloccare” un'immagine visualizzata nel documento, ma consentire agli utenti del modello di impostarne l'allineamento a destra, a sinistra o al centro. Per ulteriori informazioni, consultate Definire attributi di tag modificabili in Dreamweaver.
Collegamenti nei modelli
Quando crei un file modello salvando una pagina esistente come modello, il nuovo modello nella cartella Templates e eventuali collegamenti nel file vengono aggiornati in modo che i loro percorsi relativi al documento siano corretti. Successivamente, quando crei un documento basato su quel modello e lo salvi, tutti i collegamenti relativi al documento vengono aggiornati nuovamente per continuare a puntare ai file corretti.
Quando aggiungi un nuovo collegamento relativo al documento a un file modello, è facile inserire il nome del percorso sbagliato se digiti il percorso nella casella di testo del collegamento nel controllo Proprietà. Il percorso corretto in un file modello è il percorso dalla cartella Templates al documento collegato, non il percorso dalla cartella del documento basato sul modello al documento collegato. Assicurati che esistano i percorsi corretti per i collegamenti utilizzando l'icona della cartella o l'icona Punta al file nel controllo Proprietà quando crei collegamenti nei modelli.
Script del server nei modelli e nei documenti basati su modelli
Alcuni script del server vengono inseriti all'inizio o alla fine del documento (prima del tag <html> o dopo il tag </html>). Tali script richiedono un trattamento speciale nei modelli e nei documenti basati su modelli. Normalmente, se apporti modifiche al codice script prima del tag <html> o dopo il tag </html> in un modello, le modifiche non vengono copiate nei documenti basati su quel modello. Questo può causare errori del server se altri script del server, all'interno del corpo principale del modello, dipendevano dagli script che non vengono copiati. Un avviso ti avverte se modifichi script prima del tag <html> o dopo il tag </html> in un modello.
Per evitare questo problema, puoi inserire il seguente codice nella sezione head del modello:
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
Quando questo codice è in un modello, le modifiche agli script prima del tag <html> o dopo il tag </html> vengono copiate nei documenti basati su quel modello. Tuttavia, non sarai più in grado di modificare questi script nei documenti basati sul modello. Pertanto, puoi scegliere di modificare questi script nel modello o nei documenti basati sul modello, ma non entrambi.
Parametri di modello
I parametri del modello indicano valori per controllare il contenuto nei documenti basati su un modello. Usa i parametri del modello per aree facoltative o attributi tag modificabili, oppure per impostare valori da passare a un documento allegato. Per ogni parametro, seleziona un nome, un tipo di dati e un valore predefinito. Ogni parametro deve avere un nome univoco con distinzione maiuscole/minuscole. Devono essere uno dei cinque tipi di dati consentiti: testo, booleano, colore, URL o numero.
I parametri di modello vengono passati al documento come parametri di istanza. Nella maggior parte dei casi, l'utente del modello può modificare il valore predefinito del parametro per personalizzare ciò che appare in un documento basato su modello. In altri casi, l'autore del modello potrebbe determinare ciò che appare nel documento, in base al valore di un'espressione del modello.
Espressioni modello
Le espressioni del modello sono istruzioni che calcolano o valutano un valore.
Puoi usare un'espressione per archiviare un valore e visualizzarlo in un documento. Ad esempio, un'espressione può essere semplice come il valore di un parametro, come @@(Param)@@, o abbastanza complessa da calcolare valori che alternano il colore di sfondo in una riga di tabella, come @@((_index & 1) ? red : blue)@@.
Potete inoltre definire le espressioni modello per le condizioni if e multiple-if. Quando un'espressione viene utilizzata in un'istruzione condizionale, viene valutata da Dreamweaver come true o false. Se la condizione è vera, l'area facoltativa appare nel documento basato su modello; se è falsa, non appare.
Puoi definire espressioni nella vista Codice o nella finestra di dialogo Area facoltativa quando inserisci un'area facoltativa.
Nella vista Codice, esistono due modi per definire le espressioni del modello: utilizzare il commento <!-- TemplateExpr expr="your expresson"--> oppure @@(your expression)@@.Quando inserisci l'espressione nel codice del modello, un marcatore dell'espressione appare nella vista Progettazione. Quando applichi il modello, Dreamweaver valuta l'espressione e visualizza il valore nel documento basato su modello.
Linguaggio delle espressioni modello
Il linguaggio delle espressioni del modello è un piccolo sottoinsieme di JavaScript e usa la sintassi e le regole di precedenza di JavaScript. Usa gli operatori JavaScript per scrivere un'espressione come questa:
@@(firstName+lastName)@@
Sono supportati i seguenti operatori e funzionalità:
valori letterali numerici, valori letterali di stringa (solo sintassi con virgolette doppie), valori letterali booleani (vero o falso)
riferimento di variabile (vedi l'elenco delle variabili definite più avanti in questa sezione)
riferimenti di campo (operatore “punto”)
operatori unari: +, -, ~, !
operatori binari: +, -, *, /, %, &, |, ^, &&, ||, <, <=, >, >=, ==, !=, <<, >>
operatore condizionale: ?:
parentesi: ()
I seguenti tipi di dati sono utilizzati: booleano, virgola mobile IEEE 64‑bpc, stringa e oggetto. I modelli di Dreamweaver non supportano l'uso dei tipi JavaScript «null» o «undefined».Né consentono la conversione implicita di tipi scalari in un oggetto; quindi, l'espressione "abc".length genererebbe un errore, invece di produrre il valore 3.
Gli unici oggetti disponibili sono quelli definiti dal modello di oggetto dell'espressione. Le seguenti variabili sono definite:
_document
Contiene i dati del modello a livello di documento con un campo per ogni parametro nel modello.
_repeat
Definito solo per le espressioni che appaiono all'interno di un'area ripetuta. Fornisce informazioni predefinite sull'area.
_index
L'indice numerico (da 0) dell'elemento corrente.
_numRows
Il numero totale di elementi nell'area ripetuta.
_isFirst
Vero se la voce corrente è la prima voce nella sua area ripetuta.
_isLast
Vero se la voce corrente è l'ultima voce nella sua area ripetuta
_prevRecord
L'oggetto _repeat per l'elemento precedente. È un errore accedere a questa proprietà per la prima voce nell'area.
_nextRecord
L'oggetto _repeat per l'elemento successivo. È un errore accedere a questa proprietà per l'ultima voce nell'area.
_parent
In un'area ripetuta annidata, questo fornisce l'oggetto _repeat per l'area ripetuta che la racchiude (esterna). È un errore accedere a questa proprietà al di fuori di un'area ripetuta annidata.
Durante la valutazione dell'espressione, tutti i campi dell'oggetto _document e dell'oggetto _repeat sono implicitamente disponibili. Ad esempio, puoi inserire title invece di _document.title per accedere al parametro del titolo del documento.
Nei casi in cui si verifica un conflitto di campi, i campi dell'oggetto _repeat hanno la precedenza sui campi dell'oggetto _document.Pertanto, non dovresti aver bisogno di fare riferimento esplicitamente a _document o _repeat, tranne per il fatto che _document potrebbe essere necessario all'interno di un'area ripetuta per fare riferimento ai parametri del documento nascosti dai parametri dell'area ripetuta.
Quando vengono utilizzate aree ripetute annidate, solo i campi delle aree ripetute più interne sono disponibili implicitamente.È necessario fare riferimento in modo esplicito alle aree esterne mediante la variabile _parent.
Condizione If multipla nel codice del modello
Puoi definire espressioni di modello per condizioni if e if-multiple. Questo esempio dimostra come definire un parametro denominato "Dept", impostare un valore iniziale e definire una condizione if-multiple che determina quale logo visualizzare.
Il seguente è un esempio del codice che potresti inserire nella sezione head del modello:
<!-- TemplateParam name="Dept" type="number" value="1" -->
La seguente istruzione condizionale controlla il valore assegnato al parametro Dept. Quando la condizione è vera o è soddisfatta, viene visualizzata l'immagine appropriata.
<!-- TemplateBeginMultipleIf -->
<!-- controlla il valore di Dept e mostra l'immagine appropriata-->
<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause-->
<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->
Quando crei un documento basato su modello, i parametri del modello vengono passati automaticamente ad esso.L'utente del modello determina quale immagine visualizzare.
Altri contenuti simili
- Creazione di un modello di Dreamweaver
- Modificare il contenuto di un documento basato su un modello
- Creazione di aree modificabili nei modelli
- Creazione di aree ripetute nei modelli
- Uso delle aree opzionali nei modelli
- Definizione di attributi di tag modificabili nei modelli
- Percorsi relativi ai documenti
- Modificare le proprietà del modello
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
