Nwlapcug.com


Come liquefare pagine su una struttura di pagina Web, così essi mostrano correttamente

Come liquefare pagine su una struttura di pagina Web, così essi mostrano correttamente


Una pagina Web con un layout"liquido" conserva il formato e l'organizzazione su qualsiasi browser, indipendentemente dalle dimensioni del monitor e risoluzione. Si estende e si restringe per adattarla alla finestra del browser, ed elementi di formato di pagina, colonne e intestazioni, conservano la loro proporzioni uno a altro in modo che il sito viene visualizzato nel modo desiderato. Cascading Style Sheets (CSS) funziona con il vostro esistente HTML HyperText Markup Language () per creare questo effetto. Liquefare le pagine Web di vostra scelta in modo che sono più user friendly e visualizzati correttamente.

Istruzioni

1

Aprire applicazione editor di testo del tuo computer e avviare un nuovo documento.

2

Digitare "corpo", seguire questo con apertura e chiusura tra parentesi graffe e immettere "Larghezza:;" in mezzo. Per illustrare:

corpo {larghezza:;}

La regola CSS corpo controlla l'aspetto generale della pagina Web.

3

Immettere "100%" dopo l'entrata di larghezza per specificare che si desidera che la pagina per ridurre a icona o espandere a qualsiasi dimensione di schermo, pur mantenendo intatta la progettazione della pagina. Digitare il codice come segue:

corpo {width: 100%;}

4

Salvare il file con un "CSS" termina (estensione) e collocare il documento sul vostro host Web nella stessa directory in cui memorizzare il tuo altre pagine del sito Web. Registrare la posizione di indirizzo URL, ad esempio "http://www.yoursite.com/style.css," per collegare correttamente questo documento nel passaggio successivo.

5

Lanciare il vostro documento di pagina Web e posizionare il cursore tra le "< testa >< / testa >" tag nella parte superiore del codice. Collegare il tuo file CSS per applicare lo stile, digitando quanto segue:

< testa >< link rel = "stylesheet" type = "text/css" href = "http://www.yoursite.com/style.css" / >< / testa >

6

Continuare a collegare il tuo file CSS a tutte le pagine Web che si desidera applicare il formato e salvare i documenti. Caricare i file al tuo host Web affinché le pagine visualizzano lo stile di liquefatto.