Centratura pagina Web sullo schermo dà al vostro sito un aspetto più professionale e crea una migliore impressione sui visitatori. Maggior parte dei siti hanno una pagina centrata con un bordo distinto e margini su tutti e quattro i lati; il contenuto viene visualizzato all'interno di tabelle. Questa struttura rende un sito più navigabile e più facile da leggere. Se si desidera che la pagina Web per essere centrato su tutti i browser, sarà necessario utilizzare fogli di stile o CSS, per semplificare questa attività.

Istruzioni

1

Aprire la pagina Web che si desidera centrare utilizzando blocco note o qualsiasi editor di testo.

2

Digitare il seguente codice nel documento, entrando tra i tag di apertura < head > e il tag di chiusura < / head >:

< style type = text/css >

centrato () {

Larghezza: 800px;

margin: 0 auto;

}

< / stile >

3

Scorrere il documento di corpo e creare un "div" contenitore all'inizio dei tuoi contenuti; questo div deve contenere un parametro "ID" con un valore di "centrato", come illustrato nell'esempio seguente:

< div id = "centrato" >

4

Alla fine del contenuto, nella parte inferiore del documento HTML e prima della chiusura < / body > tag, inserire un tag di chiusura "div" come segue:

< / div >

5

Salvare il documento HTML modificato. Visualizzare il documento nel browser per verificare che la pagina Web è ora centrata sullo schermo.

Consigli & Avvertenze

• Il div contenitore descritto nel passaggio 3 è 800 pixel di larghezza. È possibile aumentare o diminuire questo come si desidera, ma tenete a mente che 800 pixel funziona bene su schermi a bassa risoluzione. Questa impostazione è quindi compatibile con la maggior parte dei monitor. Un'altra impostazione ampiamente utilizzata dai Web Designer è una larghezza di 1024 pixel.