Un'intestazione di pagina Web, in genere, si estende su parte superiore della pagina e contiene un banner immagine funzioni e di navigazione, ad esempio una barra dei menu. Molti siti costituiti da più pagine con la stessa intestazione. Molti designer creare intestazioni come pagine separate e utilizzare un tipo di file denominato un Server-Side Include - spesso chiamato semplicemente un "Include"..--per inserire i file all'inizio della pagina. Include sono frammenti di codice inserito all'interno di pagine Web. Il vantaggio del include è che, se avete bisogno di modificare l'intestazione, è possibile modificare solo il file di intestazione e il display cambia in ogni pagina in cui hai utilizzato una direttiva Include per inserire il file di intestazione---risparmiando il tempo e la briga di fare la stessa modifica a più pagine. Adobe Dreamweaver, un leader nella creazione di pagine Web e un programma di editing, dispone di una funzionalità incorporata di inclusione.

Istruzioni

Creare il File di intestazione

1

Iniziare una nuova pagina in Dreamweaver: fare clic sul menu "File" e scegliere nuovo. Verrà visualizzata la finestra di dialogo nuovo documento. Scegliere "HTML" per il tipo di pagina e il "1 colonna fissata, centrata" Layout e quindi fare clic su "Crea".

2

Inserire il banner immagine nel documento e creare la tua barra di navigazione, menu o pulsanti. Rende l'intestazione la dimensione esatta che si desidera venga visualizzato nella pagina Web principale. Ad esempio, se si desidera che l'intestazione di essere 300 pixel di altezza per 900 pixel di larghezza, gli elementi della pagina..--il banner immagine caratteristiche e navigazione---dovrebbero andare bene in uno spazio che la dimensione.

Per inserire l'immagine banner, fare clic sul menu "Inserisci" e scegliere "Immagine". Verrà visualizzata la finestra di dialogo Seleziona immagine. Individuare il file, selezionarlo e quindi scegliere "OK".

È possibile inserire una barra dei menu con l'opzione di barra di Menu Spry di Dreamweaver. Fare clic sul menu "Inserisci", scegliere "Spry" e poi scegli "Barra di Menu Spry" dal menu a comparsa.

3

Salvare la pagina come "header. html." Assicurarsi di che salvare questa pagina nella stessa directory della pagina in cui si desidera inserire l'intestazione. Se il vostro sito ha molti include, è necessario creare una sottodirectory nella directory principale del sito. Maggior parte dei progettisti denominare questa directory "include".

Inserire l'intestazione in una pagina Web

4

Aprire la pagina in cui si desidera inserire l'intestazione: fare clic sul menu "File" e scegliere "Apri". Verrà visualizzata la finestra di dialogo Apri. Individuare il file, selezionarlo e quindi scegliere "Apri".

5

Scegliere l'angolo superiore destro della pagina per inserire il cursore.

6

Fare clic sul menu "Inserisci" e scegliere "Server-Side Include." Verrà visualizzata la finestra di dialogo Seleziona File.

7

Selezionare "header. html" e fare clic su "OK". Dreamweaver inserisce header. html all'inizio della pagina Web.

8

Fare clic sul pulsante "Live View" che si trova sotto la barra dei menu per vedere come appare la pagina con il comprendono.

Consigli & Avvertenze

• È anche possibile utilizzare include per piè di pagina, intestazioni laterali e altre sezioni di pagina.
• Quando si carica le pagine Web al server Web, assicurarsi di caricare anche i file di inclusione. In caso contrario, essi non visualizzare nelle pagine Web.