May 2
La maggior parte dei siti web moderni impiegano layout di pagina a larghezza fissa, che definisce la larghezza degli elementi della pagina utilizzando i valori assoluti come pixel. Questo metodo di solito funziona bene, poiché la maggior parte i visitatori del sito usano il computer desktop e laptop con schermi di dimensioni simili. Tuttavia, alcuni disegni richiedono il contenuto di una pagina in scala e riempire la finestra del browser, se lo schermo è piccolo come quello di un telefono cellulare, o grande come un monitor 30 pollici. Il raggiungimento di questo risultato richiede un layout relativo alla larghezza, che è possibile creare attraverso alcune semplici modifiche al codice HTML della pagina.
1 Aprire la pagina Web e visualizzare il codice HTML. Se si utilizza un editor di Web visivo, come ad esempio Microsoft Expression Web o FrontPage, aprire la pagina e quindi modificare la modalità di visualizzazione a vista Codice. Questo ti permette di vedere e modificare il codice che controlla il contenuto e l'aspetto della pagina Web. Se si utilizza un programma di modifica del testo, invece, è sufficiente aprire la pagina in editor di testo.
2 Trova il tag <body>, che si trova nella parte superiore del codice HTML della pagina. Premere il tasto "Enter" per inserire una riga vuota direttamente sotto questo tag.
3 Copiare la riga di codice elencato di seguito e quindi incollarlo sulla riga vuota si è creato nel passaggio precedente:
<Div style = "display: block; width: 100%">
Questo codice crea una divisione di pagina che occupa l'intera larghezza della finestra del browser.
4 Trova il </ body> tag, che si trova nella parte inferiore del codice HTML della pagina. Premere il tasto "Enter" per inserire una riga vuota direttamente sopra questo tag.
5 Aggiungere la seguente riga di codice alla riga vuota si è creato nel passaggio precedente:
</ Div>
Questo codice chiude il tag <div> è stata aperta al punto 3.
6 Modificare qualsiasi elemento di layout assolutamente dimensioni rimanenti a dimensioni relative. Ad esempio, se si dispone di un ampio tavolo da 750-pixel si trova all'interno dell'elemento DIV si è creato nei passaggi precedenti, modificare il valore di larghezza da "750" a "100%" - o qualsiasi valore si adatta meglio il layout della pagina. Con la definizione di un valore relativo alla larghezza, si assicura che tutti gli elementi del layout saranno in scala di dimensioni con il DIV come le dimensioni della finestra del browser.