Come creare file di intestazione in Dreamweaver

May 25

Come creare file di intestazione in Dreamweaver


Un colpo di testa pagina Web si estende in genere la parte superiore della pagina e contiene una bandiera e navigazione caratteristiche, come una barra dei menu. Molti siti sono costituiti da più pagine con la stessa intestazione. Molti designer creare intestazioni come pagine separate e utilizzare un tipo di file chiamato un server-side include - spesso chiamato semplicemente un "include" - per inserire i file in cima alla pagina. Include sono frammenti di codice inserito nelle pagine Web interne. Il vantaggio di Include è che, si dovrebbe essere necessario modificare l'intestazione, è possibile modificare il proprio file di intestazione, ed il cambiamento viene visualizzato su ogni pagina in cui è stato utilizzato un include per inserire il file di intestazione --- ti risparmio tempo e la fatica di fare la stessa modifica a più pagine. Adobe Dreamweaver, un programma volto creazione di pagine web e la modifica, ha un built-in include funzionalità.

istruzione

Creare il file di intestazione

1 Inizia 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 ed il "1 colonna fissa, centrato" Layout, e quindi fare clic su "Crea".

2 Inserire l'immagine del banner nel documento e creare la barra di navigazione, menu, o pulsanti. Rendere l'intestazione l'esatta dimensione che si desidera che appaia nella pagina Web principale. Per esempio, se si desidera che il colpo di testa di essere 300 pixel di altezza per 900 pixel di larghezza, gli elementi della pagina - l'immagine del banner e funzioni di navigazione --- dovrebbe inserirsi in uno spazio che dimensioni.

Per inserire l'immagine del banner, fare clic sul menu "Inserisci" e scegliere "Immagine". Ciò apre la finestra di dialogo Seleziona origine immagine. Individuare il file, selezionarlo e scegliere "OK".

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

3 Salvare la pagina come "header.html." Assicurarsi di salvare la pagina nella stessa directory della pagina in cui si desidera inserire l'intestazione. Se il sito ha diversi comprende, è necessario creare una sottodirectory nella directory principale del sito. La maggior parte dei progettisti chiamano 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 selezionare "Apri". Verrà visualizzata la finestra di dialogo Apri. Individuare il file, selezionarlo e scegliere "Apri".

5 Fare clic nell'angolo in alto a destra della pagina per inserire il cursore.

6 Fare clic sul menu "Inserisci" e scegliere "Includi lato server." Si apre la finestra di dialogo Seleziona file.

7 Selezionare "header.html" e fare clic su "OK". Inserti Dreamweaver header.html nella parte superiore della pagina Web.

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

Consigli e avvertenze

  • È inoltre possibile utilizzare Include per piè di pagina, barre laterali, e altre sezioni di pagina.
  • Quando si carica le pagine Web al server Web, fare in modo che anche di caricare i file include. In caso contrario, essi non verranno visualizzati nelle pagine Web.

Articoli Correlati