Utilizzare Cascading Style Sheets (CSS) per mantenere la formattazione coerente su tutte le pagine Web. È possibile controllare il layout per una singola pagina utilizzando un foglio di stile interno. Gestire l'aspetto di un intero sito creando un file CSS separato per condividere regole di formato con tutti i tuoi file di pagina HTML. Creazione di una barra di intestazione da visualizzare in ogni pagina è un buon punto di partenza. Inserire in questa sezione di codice in ogni pagina sul tuo sito o usarlo come punto di partenza per un foglio di stile esterno.

Istruzioni

1

Creare un'etichetta per la barra di intestazione. Per questo esempio, utilizzare:

hdrbar { 2

Definire le dimensioni del banner. Per ottenere risultati coerenti su una varietà di dimensioni dello schermo, è possibile definire la larghezza come percentuale della pagina. Specificare l'altezza di visualizzazione utilizzando pixel nel codice:

Larghezza: 100%;

Altezza: 80px;

3

Specificare il tipo di bordo e il colore aggiungendo:

confine: nero a tinta unita;

4

Impostare i colori di sfondo e di testo e chiudere la definizione della barra di intestazione con il codice:

sfondo: blu;

colore: nero;

}

Consigli & Avvertenze

• Inserire il testo nella barra di intestazione con un tag < div > con questo esempio: < div id = "hdrbar" > questo viene visualizzato nell'intestazione. < / div >
• Testare il codice su almeno due diversi browser prima di pubblicare il tuo sito. Piccole differenze nel modo in cui Internet Explorer, Firefox, Chrome e Opera è scritti spesso producono risultati non coerenti con i CSS.