Come assicurarsi una pagina Web è centrato su uno schermo

September 13

Centrare la pagina Web sullo schermo dà al vostro sito un aspetto più professionale e crea una migliore impressione sui vostri ospiti. La maggior parte dei siti web hanno una pagina centrato con un bordo distinto e margini su tutti e quattro i lati; il contenuto viene visualizzato all'interno delle 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, è necessario usare fogli di Cascade stile o CSS, per semplificare questo compito.

istruzione

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

2 Digitare il seguente codice nel documento, entrando tra l'apertura tag <head> e la chiusura </ head>:

<Style type = text / css>

centrato {

width: 800px;

margin: 0 auto;

}

</ Style>

3 Scorrere verso il basso al documento corpo e creare un contenitore "div" all'inizio del suo sito web; questo div deve contenere un parametro "ID" con un valore di "centrata" come mostrato nel seguente esempio:

<Div id = "centrato">

4 Alla fine del contenuto, vicino al fondo del documento HTML e prima del tag di chiusura </ body>, inserire un tag di chiusura "div" come segue:

</ Div>

5 Salvare il documento HTML modificato. Vedi il documento nel browser per verificare che la pagina Web è ora al centro dello schermo.

Consigli e avvertenze

  • Il contenitore div descritto al punto 3 è di 800 pixel in larghezza. È possibile aumentare o diminuire questo come si vuole, ma di tenere presente che 800 pixel funziona bene su schermi a bassa risoluzione. Questa impostazione è quindi compatibile con la maggior parte dei monitor. Un'altra impostazione ampiamente utilizzato dai web designer è una larghezza di 1024 pixel.