Come per liquefare le pagine in una pagina Web Design Quindi, essi mostrano correttamente

May 14

Come per liquefare le pagine in una pagina Web Design Quindi, essi mostrano correttamente


Una pagina Web con un "layout di liquido" mantiene il suo formato e organizzazione su qualsiasi browser, indipendentemente dalle dimensioni del monitor e la risoluzione. Si estende e si restringe per adattarsi alla finestra del browser, e gli elementi del formato pagina, come le colonne e le intestazioni, conservano le loro proporzioni tra di loro in modo che il sito appare come si intende. Cascading Style Sheets (CSS) lavorano con il vostro attuale HyperText Markup Language (HTML) per creare questo effetto. Liquefare il pagine Web desiderati in modo che siano più facili da usare, e presentarsi in modo corretto.

istruzione

1 Aprire editor di testo del computer e lanciare un nuovo documento.

2 Tipo "corpo", seguire questo con apertura e chiusura parentesi graffe e immettere "width:;" nel mezzo. Illustrare:

body {width:; }

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

3 Inserire "100%", dopo la voce di larghezza per specificare che si desidera che la pagina per ridurre al minimo o espandere a qualsiasi dimensione del monitor, mantenendo la struttura della pagina intatto. Digitare il codice come segue:

body {width: 100%; }

4 Salvare il file con un "CSS" fine (estensione) e posizionare il documento sul vostro host Web nella stessa directory in cui memorizzare le altre pagine del sito web. Registrare la posizione indirizzo URL, come ad esempio "http://www.yoursite.com/style.css," per collegare correttamente il documento nella fase successiva.

5 Avviare il documento di una pagina Web e posizionare il cursore tra le "<head> </ head>" tag nella parte superiore del codice. Collega il tuo file CSS per applicare lo stile digitando la seguente:

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

6 Continuare a collegare il vostro file CSS per le pagine Web che si desidera applicare il formato di e salvare i documenti. Caricare i file di nuovo al vostro Web host in modo che le pagine visualizzano lo stile liquefatto.