March 8
Durante la creazione di siti web, di tenere presente che oltre ad avere contenuti utili, il display deve essere accessibile e conveniente per il pubblico. Ad esempio, se si crea layout di pagina che sono troppo larghe, molti utenti devono scorrere per vedere i dati e se si fanno questi troppo piccolo, i visitatori finiscono con un sacco di spazio in più intorno alla vostra pagina. Utilizzando Cascading Style Sheets (CSS), è possibile applicare un paio di buone pratiche durante la fase di progettazione del tuo sito web.
1 Avviare un HyperText Markup Language (HTML) editor di testo e iniziare una nuova pagina.
2 Digitare in uno stile "corpo" e immettere un attributo "larghezza" per controllare il comportamento orizzontale del tuo sito. Per esempio:
body {width:}
3 Inserire "100%", dopo i due punti per abilitare la pagina Web per adattarsi alle diverse risoluzioni del monitor. Per esempio:
body {width: 100%; }
4 Salvare il documento con estensione CSS e posizionarlo sul vostro host Web nella stessa directory che contiene altri file sul web. Assicurati di ricordare questa posizione per collegare correttamente alle pagine del sito web.
5 Collega il tuo file CSS esterno a qualsiasi pagina che si crea per il tuo sito inserendo la posizione tra la "<head> </ head>" parte in alto del codice. Illustrare:
<Head>
<Link href = "http://www.domain.com/sample.css" rel =" stylesheet "type =" text / css "media =" screen ">
</ Head>
6 Avviare un editor di testo HTML e creare un nuovo documento.
7 Digitare in uno stile "corpo" e immettere un attributo "larghezza" per controllare la dimensione orizzontale del vostro sito. Per esempio:
body {width:}
8 Digitare "760px" dopo i due punti per creare una larghezza che ospita la più bassa risoluzione dello schermo comune di "800px." Non si usa la misura 800 pixel perché l'extra 40 pixel assicura che i visitatori non finiscono con barre di scorrimento sul navigatore finestra. Illustrare:
body {width: 760px; }
9 Salvare il documento con estensione CSS, posizionarlo sul vostro Web host nella stessa cartella che contiene i file di altri siti web e annotare il percorso in modo da poter correttamente collegarlo alle pagine Web.
10 Allegare il file CSS esterno a qualsiasi pagina che si crea per il tuo sito digitando la posizione tra le "<head> </ head>" elementi. Per esempio:
<Head>
<Link href = "http://www.domain.com/example.css" rel =" stylesheet "type =" text / css "media =" screen ">
</ Head