May 6
Come si progetta siti web per la visualizzazione pubblica, può essere difficile per creare pagine che si adattano tutte le risoluzioni del monitor (pixel sullo schermo), perché gli spettatori possono massimizzare i loro finestre del browser web e alcune schermate sono così grandi che il vostro sito potrebbe essere visualizzato con spazio extra tutto intorno esso. Utilizzare Cascading Style Sheets (CSS) in congiunzione con il HyperText Markup Language (HTML) per rendere il sito flessibile in modo che si adatta a risoluzioni maggiori, pur mantenendo le sue proporzioni.
1 Avviare un editor di testo HTML e iniziare una nuova pagina.
2 Inserire uno stile "corpo" con un attributo "larghezza" di fare una regola che controlla la larghezza delle pagine. Per esempio:
body {width:}
3 Digitare un valore del 100 percento (%) dopo il colon per consentire alla pagina di regolare con qualsiasi tipo di risoluzione del monitor. Per esempio:
body {width: 100%; }
4 Salvare il file con l'estensione CSS e posizionarlo sul vostro host web nella stessa directory che a mantenere i file web in. Assicurarsi di annotare il percorso in modo che si può collegare ad esso.
5 Aprire tutte le pagine del sito web e individuare il "<head> </ head>" parte in alto del codice. Aggiungere un link al tuo file CSS (Fase 4) tra questi elementi e ripetere questa operazione per tutte le pagine del tuo sito web. Illustrare:
<Head>
<Link href = "http://www.yourdomain.com/example.css" rel =" stylesheet "type =" text / css "media =" screen ">
</ Head>
6 Salvare il file e mettere tutte le pagine web indietro sul vostro host web. Se si decide di cambiare questa larghezza in seguito, modificare il file CSS e rimetterla sul vostro host in modo che tutte le pagine web vengono aggiornate automaticamente.