Codifica il proprio sito Web richiede una pre-pianificazione, ma è un compito alla fine gratificante e realizzabile. Prima di iniziare, pianificare l'architettura e il contenuto del sito, quali pagine si avrà, quale ordine si rivolgeranno in e quali testo, immagini e video andrà sulle pagine.
Si utilizzerà HTML, acronimo di hypertext markup language. HTML è un insieme di istruzioni per un browser web che dice: "Ottenere questo contenuto, metterlo qui e farlo sembrare come questo."
Come qualsiasi altra lingua, HTML ha una sintassi e un vocabolario. La sintassi è contenuto < inizio istruzione > legato all'istruzione < / fine di istruzioni >.
Istruzioni
Codifica di pagine Web
1
Aprire il software di sviluppo (Vedi le risorse sezione gratis e opzioni software a pagamento). Avviare un nuovo documento selezionando "File" e quindi "nuovo". Salvare il documento come index. html..--questa sarà la tua home page.
2
Aprire un tag < html > nella parte superiore e aggiungere una chiusura < / html > tag alla fine. Si codificherà il pagina web tra questi tag, che consente al browser di web sapere che si esegue la codifica HTML.
3
Aprire e chiudere un tag < head > (utilizzare < / head > per chiuderlo). Informazioni nella testa non visualizzerà la pagina web quando visualizzati in un browser; include invece informazioni sulla pagina web.
4
All'interno l'apertura e chiusura tag testa, includere a seconda di quale di questi elementi ha senso per la tua pagina web particolare:
< title > il titolo della pagina Web < / title >
< nome meta = "description" content = "Testo per descrivere la tua pagina web" >
< nome meta = "keywords" content = "keywords delimitato da virgole che persone potrebbe cercare di trovare il tuo sito web" >
< nome meta = "autore" content = "Il nome e il sito Web della finestra di progettazione della pagina web" >
< link href = "l'http://Location-of-a-stylesheet.css" type = "text/css" rel = "stylesheet" >
5
Un tag < body > sotto il tag di chiusura < / head > di aprire e chiudere il < / body > appena sopra la chiusura < / html > tag. Il corpo è dove andrà il tuo contenuto.
Codifica dei tipi di contenuto
6
Aprire un tag di paragrafo < p > e iniziare a digitare il testo. Si potrà chiudere un paragrafo utilizzando un tag di chiusura </p > e avviare un altro utilizzando un altro tag < p >. Spaziatura tra i paragrafi verrà visualizzate automaticamente.
È possibile utilizzare la formattazione del testo comprende:
testo in grassetto < b > </b >
< i > corsivo </b >
< u > testo </b > sottolineato
< colore del carattere = "#ff0000" > questo testo sarebbe rosso brillante; utilizzare il valore esadecimale di un colore per cambiare il colore del carattere < / font >
< a href = "This" > http://www.ehow.com/ "rel ="nofollow"> questo testo sarà collegato al eHow.com del sito < /a >
7
Codice un'immagine utilizzando un tag autonomo HTML con vari attributi. Per esempio:
< img border = "0" width = "200" height = "300" align = "right" vspace = "4" hspace = "6" >
Questo esempio viene chiamato in un quadro intitolato "dove-your-immagine-lives.jpg" senza un bordo. L'immagine verrà visualizzata a 200 pixel di larghezza e 300 pixel di altezza, non importa quale sia la dimensione effettiva dell'immagine nella pagina. L'immagine verrà allineato a destra e ci saranno quattro pixel di spazio sopra e sotto di essa, come pure sei pixel di spazio su entrambi i lati, per consentire al testo di avvolgere intorno ad esso.
È possibile utilizzare lo stesso tag di collegamento come in sezione 2, passaggio 1 per fare una foto link:
< a href = "& lt; img" > http://www.ehow.com/ "> & lt; img rel ="nofollow">< /a >
8
Aggiungere un video da YouTube o un altro sito di video sharing utilizzando il codice di embed fornito dal sito.
Consigli & Avvertenze
- Salvare il lavoro e controllare frequentemente in un browser web. HTML è un insieme di istruzioni molto specifiche, e gli eventuali errori nel vocabolario o sintassi farà la pagina non vengono visualizzati correttamente.