October 17
Modelli aiutare i web designer di risparmiare tempo riutilizzando elementi HTML. Un sito di vendita della macchina fotografica, per esempio, può essere necessario per visualizzare la stessa voce e il colore di sfondo su tutte le pagine del sito. Invece di impostare queste proprietà per ogni pagina HTML, sviluppatori di siti di creare un singolo modello e fanno di ogni pagina di riferimento tale modello. Se successivamente si decide di creare pagine con colori diversi, possono aggiornare il modello. Se si utilizza KompoZer, un editor HTML gratuito, cambiare il colore di un modello esistente utilizzando "CaScadeS" Editor del programma.
1 Avviare KompoZer e fare clic su "File". Fai clic su "Nuovo" quindi su "un modello vuoto." Un modello HTML vuoto viene visualizzato nella finestra di modifica.
2 Premere il tasto "Ctrl" e "S" e tipo "Test Modello 1" nella casella di testo "Titolo della pagina". Fai clic su "OK". La finestra "Salva pagina come" si apre e visualizza le cartelle dell'unità disco. Fare clic su una delle cartelle, e quindi digitare un "Test Modello 1" nella casella di testo "Nome del file". Fai clic su "Salva". KompoZer crea un nuovo modello e lo salva nella cartella selezionata.
3 Fare clic sul pulsante "CaScadeS" nella parte superiore della KompoZer per aprire la finestra fogli di stile CSS. Questa finestra consente di creare un nuovo foglio di stile per il modello.
4 Fai clic su "foglio di stile interno", quindi fare clic sulla casella a discesa si trova sul lato destro della finestra per visualizzare un elenco di elementi HTML che potete stile. Fare clic l'elemento "corpo" e poi cliccare su "Crea regola."
5 Fai clic su "Sfondo", quindi fare clic sul pulsante "Colore" per visualizzare la finestra di colore. Fare clic su uno dei colori nella finestra, e quindi fare clic su "OK". KompoZer imposta il colore del corpo del foglio di stile per il colore selezionato. Poiché il modello utilizza il foglio di stile, il suo colore mostrerà anche che il colore.
6 Fai clic su "Inserisci". Viene visualizzato un menu a discesa. Fai clic su HTML e quindi digitare il seguente codice nella casella di testo che appare:
<H1> Questo è il modello Rubrica </ h1>
Fai clic su "Inserisci" di nuovo. KompoZer aggiunge un titolo al modello. A questo punto, il modello contiene un titolo e un colore di sfondo che corrisponde al colore selezionato per il foglio di stile del modello.
7 Premere il tasto "Ctrl" e "N" per aprire la finestra Crea Nuovo documento. Fai clic su "un nuovo documento basato su un modello", e quindi fare clic sul pulsante "Cartella" per visualizzare la finestra "Scegli file". Individuare il file modello creato e fare doppio clic su tale file.
8 Fai clic su "Crea". Una nuova pagina HTML appare nell'editor. Perché utilizza il modello, questa pagina visualizzerà intestazione e il colore di sfondo del modello. Ogni pagina creata che fa riferimento questo modello mostrerà titolo e il colore di sfondo del modello. Se in seguito si decide che è necessario creare pagine che hanno colori differenti, è possibile farlo modificando il modello come mostrato nella sezione successiva.
9 Premere il tasto "Ctrl" e "O" per visualizzare la finestra Apri file HTML.
10 Fare clic su "File HTML" freccia a discesa e quindi fare clic su "Modelli HTML." Un elenco di modelli esistenti appare nella finestra.
11 Fare doppio clic sul modello creato per aprirla nell'editor. Il suo colore di sfondo corrisponde al colore impostato al momento della creazione del modello.
12 Fare clic sul pulsante "CaScadeS" per aprire la finestra di fogli di stile CSS. Clicca sul link "corpo" che si trova nel pannello di sinistra della finestra, e poi cliccare su "Sfondo".
13 Fare clic sul pulsante "Colore" per visualizzare la finestra di colore. Fare clic sul nuovo colore che si desidera utilizzare per il modello e fare clic su "OK". KompoZer cambia colore del modello a quello selezionato. I nuovi documenti HTML che si creano in base a questo modello utilizzeranno il nuovo colore.