May 7
Alcune pagine web sono progettati per apparire con una larghezza statica, costante rimanente anche se la finestra del browser web è più ampio rispetto al contenuto, o se il contenuto è più larga della finestra e deve scorrere cadere lateralmente. Altre pagine web hanno una larghezza flessibile che consente di regolare al volo in base alla larghezza della finestra del browser di un utente. Alcune pagine web Internet o Intranet può essere necessario una larghezza statica, forse per mantenere il layout grafico desiderato dal progettista web, o per visualizzare report formattati in modo coerente da un computer all'altro su un sito intranet. La creazione di una pagina web statica larghezza è facile una volta il markup CSS corretto viene aggiunto al codice HTML della pagina web.
1 Aprire l'editor di testo per creare un nuovo file di testo.
2 Copiare il seguente codice HTML e CSS nel editor di testo:
<Html>
<Head>
<Title> pagina Web con larghezza fissa </ title>
</ Head>
<Body>
<Div style = "width: 500px">
Questa è una linea di prova per mostrare come la larghezza correzione della pagina web. Per regolare la larghezza della pagina, modificare il valore della larghezza situato nel tag div.
</ Div>
</ Body>
</ Html>
3 Salvare il file come "test.html" sul computer.
4 Aprire il file salvato in un browser web. Per iniziare, aprire una finestra del browser Web, tenere premuto il tasto "Ctrl" nell'angolo in basso a sinistra della tastiera (o su computer Apple Macintosh, il "comando" chiave / quadrifoglio alla sinistra della barra spaziatrice) e digitare la lettera "O." Se la piccola finestra che appare include un pulsante "Sfoglia ...", fare clic su tale pulsante.
Nella finestra di dialogo file, la cartella in cui è stato salvato il file "test.html" sul computer, fare clic sul file per evidenziarlo e quindi fare clic sul pulsante "Apri" nell'angolo in basso a destra della finestra di dialogo file.
5 Modificare il file "test.html" nel editor di testo per regolare la larghezza della pagina web, ri-salvare il file e quindi ricaricare la pagina nel browser web per vedere i risultati.
Se si desidera rendere la pagina più ampio, il cambiamento "width: 500px" ad un numero maggiore come ad esempio "width: 800px"; per rendere la pagina più stretto, il cambiamento "width: 500px" a "width: 250px" o qualche altro numero minore di vostra scelta.
6 Posto simile tag "div" con stile di markup tutto il codice HTML all'interno delle proprie pagine web, specificando la larghezza statica che si desidera browser web da utilizzare quando si visualizza il contenuto.