Sviluppo Web è duro per i perfezionisti insieme a chi è abituato a layout di stampa. Non solo siti Web visualizzabili in modo diverso su diversi monitor, ma possono anche visualizzare in modo diverso nei diversi browser, sistemi operativi e configurazioni utente. Va bene. Ci sono ancora una serie di strumenti a vostra disposizione per la creazione di un look per il tuo sito come possibile come uniforme, e ciò che è noto come un layout a larghezza fissa è il modo migliore e più semplice per iniziare.

Istruzioni

1

Aprire un file HTML sul tuo sito Web da modificare.

2

Direttamente sotto il tag < body > nella parte superiore del file, aggiungere la seguente riga:

< div id = "wrapper" >

Allo stesso modo, direttamente sopra il < / body > tag vicino alla fine del file, aggiungere la seguente riga:

< / div >

Quello che stai facendo è avvolgere l'intero contenuto della pagina Web all'interno di una divisione che è possibile disegnare in un certo modo di apparire quanto più possibile simile su diversi monitor. Se il tuo sito ha un sacco di pagine HTML, sarà necessario eseguire questa operazione per ogni pagina.

3

Aprire il foglio di stile del tuo sito Web da modificare. Se il vostro sito non ha un foglio di stile (che sarà un file con estensione CSS, acronimo di Cascading Style Sheets), creare un nuovo documento di testo, salvarlo come "Style. css" e caricarlo sul server.

4

Aggiungere il codice seguente al foglio di stile:

{div #wrapper
margin: 0 auto;
Larghezza: 750px;
}

Questo compie due cose. "Auto margin: 0;" imposta il margine superiore e inferiore del wrapper a zero e la sinistra e destra del wrapper su "auto", che si centra nella pagina.

"Larghezza: 750px;" nel frattempo imposta la larghezza del wrapper per 750 pixel. Su monitor di grandi dimensioni o moderno questo aspetto piuttosto magro, ma alcuni vecchi monitor ancora hanno una risoluzione dello schermo di soli 800 x 600 pixel. Se non siete preoccupati per la (dichiaratamente piuttosto piccola) percentuale della popolazione che ancora ha una risoluzione di 800 pixel-ampio schermo, probabilmente è possibile fino al numero 950 o 1.000.

5

Assicurarsi che il foglio di stile è legato alle altre pagine sul tuo sito, includendo la riga in un punto qualsiasi tra il < head > e < / head > tag delle pagine HTML:

< link rel = "stylesheet" href="style.css" type = "text/css" / >

Assicurarsi che il valore dopo "href" è il nome del file preciso del tuo foglio di stile e assicurarsi che sia nella stessa directory come file HTML. Quando hai finito, avrete un sito Web che rimane statico con una larghezza fissa non importa quali dimensioni del monitor il tuo sito è visualizzato su.