Sommario:
Video: CSS3 Avanzato - 3.1 - Posizionamento 1 (relative) 2024
Molti programmi di progettazione Web vantano dei propri modelli HTML. Ciò che intendono veramente è che includono alcuni disegni di pagina già pronti con il programma. Dreamweaver fa ancora qualche passo avanti con questo concetto fornendo funzionalità di progettazione del modello che consentono di creare il progetto di base di una pagina e quindi controllare quali sezioni possono e non possono essere modificate. Questa è una caratteristica preziosa se stai lavorando con un team di sviluppatori con vari livelli di abilità. Ad esempio, se stai costruendo un sito per una società immobiliare e vuoi consentire ai dipendenti di aggiornare le schede di vendita senza essere in grado di rovinare il design della pagina, un modello può essere la soluzione perfetta.
I modelli vengono utilizzati al meglio quando si creano un numero di pagine che condividono determinate caratteristiche, come il colore di sfondo o gli elementi di navigazione. Anziché impostare le proprietà corrette per ogni nuova pagina o apportare le stesse modifiche a pagina dopo pagina, è possibile utilizzare un modello per apportare modifiche a più pagine contemporaneamente.
Rimanere fedele al modello
Uno dei grandi vantaggi nell'utilizzo della funzione di modello di Dreamweaver è che è possibile specificare quali aree del modello possono essere modificate. Ciò è particolarmente utile se stai lavorando con persone che hanno vari livelli di abilità in HTML e vuoi un designer più avanzato per creare una pagina che una persona meno esperta non possa rovinare in seguito. Con questo obiettivo in mente, un modello ha regioni modificabili e regioni bloccate (non modificabili). Usa regioni modificabili per il contenuto che cambia, come ad esempio una descrizione del prodotto. Utilizza le regioni bloccate per contenuti statici e immutabili, ad esempio un logo o elementi di navigazione del sito.
È possibile modificare un modello anche dopo averlo usato per creare documenti. Quindi quando si aggiornano i documenti che utilizzano il modello, le sezioni non modificabili di tali documenti vengono aggiornate per corrispondere alle modifiche apportate nel modello.
Durante la modifica del modello stesso, è possibile apportare modifiche a qualsiasi parte del file, che si tratti delle regioni modificabili o bloccate. Durante la modifica di un documento creato da un modello, tuttavia, è possibile apportare modifiche solo alle aree modificabili del documento. Se si torna indietro e si modifica un modello dopo che è stato creato, Dreamweaver offre la possibilità di applicare tali modifiche a tutte le pagine create con quel modello o solo alla pagina che si sta modificando.
Creazione di modelli
La creazione di un modello è facile come la creazione di qualsiasi altro file in Dreamweaver, come si può vedere nei seguenti passaggi. È possibile iniziare con un documento HTML esistente e modificarlo in base alle proprie esigenze oppure è possibile creare un documento completamente nuovo.Quando si salva un file come modello, il file viene archiviato automaticamente nella cartella Templates della cartella principale del sito Web. I modelli devono essere salvati in questa cartella comune per il corretto funzionamento delle funzionalità automatiche di Dreamweaver. Se non si dispone già di una cartella Modelli nel sito Web, Dreamweaver ne crea automaticamente uno quando si memorizza il primo modello.
Le funzioni Modello funzionano solo se il sito Web è stato definito in Dreamweaver
Tutti gli elementi in un modello sono bloccati per impostazione predefinita, tranne la sezione del titolo del documento, indicata dai tag. (La sezione del titolo del documento non bloccata è un miglioramento in Dreamweaver 4: in Dreamweaver 3 non è possibile modificare l'area del titolo.). Affinché il modello sia utile per la creazione di nuove pagine, è necessario modificare anche altre aree della pagina. Ricorda che puoi sempre tornare al modello e rendere più aree modificabili o rimuovere la possibilità di modificare alcune aree in seguito.
Per creare un modello con aree modificabili, attenersi alla seguente procedura:
1. Scegli Finestra -> Modelli.
2. Nel pannello Modelli, fai clic sulla freccia nell'angolo in alto a destra e scegli Nuovo modello dal menu a discesa che si apre.
Un nuovo modello senza titolo viene aggiunto all'elenco dei modelli nel pannello.
3. Con il modello ancora selezionato, digita un nome per il modello proprio come faresti con il nome di qualsiasi file nel Finder su un Mac o su Explorer su un PC.
Il nuovo modello viene aggiunto all'elenco Modelli per sito.
4. Dopo aver chiamato il nuovo modello, fai doppio clic sul nome per aprirlo.
La pagina del modello si apre in Dreamweaver come qualsiasi altra pagina HTML, tranne che il nome del file termina con l'estensione. dwt.
Ora puoi modificare questa pagina come faresti con qualsiasi altra pagina HTML, inserendo immagini, testo, tabelle e così via.
5. Scegli Modifica -> Proprietà pagina per specificare colori di sfondo, testo e collegamento.
Successivamente, collochi testo o immagini sulla pagina come segnaposto per informazioni che potresti voler cambiare in futuro.
6. Per rendere modificabile un'immagine o un'area di testo, selezionare l'immagine o il testo, quindi selezionare Modifica -> Modelli -> Nuova area modificabile. (L'immagine o il testo che si seleziona come modificabile diventa un'area che può essere modificata in qualsiasi pagina creata con il modello. Le aree che non vengono contrassegnate come modificabili verranno corrette e possono essere modificate solo se si modifica il modello stesso.)
Si apre la finestra di dialogo Nuova regione modificabile.
7. Nella casella di testo Nome, digitare un nome per la regione modificabile.
Il testo o l'immagine è evidenziato nel modello, a indicare che è modificabile. Puoi dare un nome alla regione tutto ciò che desideri, ma scegliere qualcosa che corrisponda al tipo di informazioni che stai per inserire nell'area ti rende più facile ricordare.
8. Per rendere modificabili altre immagini o aree di testo, ripetere i passaggi 6 e 7.
9. Salva il tuo modello e chiudi il file quando hai finito.
Puoi rendere modificabile un'intera tabella o una singola cella di tabella, ma non puoi rendere tutte le celle modificabili tutte contemporaneamente, a meno che non le abbiate prima unite.Devi selezionare ogni cella una alla volta se vuoi rendere modificabili alcune delle celle di una tabella, ma non altre. Anche i livelli e i contenuti dei livelli vengono trattati come elementi separati, ma possono essere contrassegnati come modificabili. Rendere modificabile un livello ti consente di cambiare la posizione di quel livello. Rendere modificabile il contenuto del livello significa che puoi modificare il contenuto del livello, ad esempio il testo o l'immagine nel livello.
