Hvordan bygge en nettside med HTML-koder

December 27

Hånd-koding HTML er et kraftig ferdighet som vil tillate deg å tilpasse alle aspekter av din nettside, finne og fikse feil, og ta full kontroll over din nettside layout. En web-side kan lages ved hjelp av en håndfull av HTML-koder kalt "tags" og "attributter." Bygge en hel nettside bare ved å opprette flere nettsider og laste dem opp til ditt nettsted.

Bruksanvisning

1 Lær det grunnleggende om HTML-koding ved å fullføre opplæringen på http://www.w3schools.com/html.

2 Opprett en ny fil i Notepad ++. Lagre filen på datamaskinen din, velge "Hypertext Markup Language fil" i "Lagre som type" drop down menyen. Hjemmesider er vanligvis heter index.html eller home.html.

3 Bygg grunnskjelettet av websiden, som begynner med <html> -taggen og slutter med </ html> -taggen. Mellom <head> og </ head> taggene, tilsett <title> og </ title> tags, og gi en tittel for din nettside mellom dem. Tilsett <body> og </ body> -kodene etter </ head> -taggen.

4 Lag din web side innhold ved å legge til tekst mellom <body> og </ body> tags, rundt hvert avsnitt med <p> og </ p> koder. Formater overskrifter ved å bruke overskriftskodene (<h1> </ h1> gjennom <H6> </ h6>). Lenke til andre nettsider og nettsteder ved hjelp av <a href="web address"> </a> koder. Lagre arbeidet ofte.

5 Validere din nettside på http://validator.w3.org. Velg "Bekreft ved File Upload" -kategorien. Bla for nettsiden din fil. Velg "Flere alternativer" og velg "UTF-8" for "Character Encoding" og "HTML 4.01 Transitional" for "Document Type." Trykk på "Sjekk" for å utføre valideringen. Validator vil hjelpe deg å identifisere feil, for eksempel manglende tagger og attributter.

6 Gjennom arbeidet ditt ved å åpne filen i en nettleser. Oppdater siden for å se endringene du gjør.

7 Last opp filen til ditt nettsted og besøke nettadressen til den nye siden til å vurdere det.

8 Opprett flere nettsider for nettstedet ditt ved å gjenta disse trinnene. Gi hver ny fil et annet filnavn.

Hint

Test drive din nettside i forskjellige nettlesere som Firefox og Safari, eller bruke en nettleser testing tjeneste som http: //browsershots.org.Provide besøkende med enkel navigering på nettstedet ditt ved å gi en oversikt over nettstedets sider linket på hjemmesiden din side, og en link på hver side for å gå tilbake til hjemmesiden din. Legge til et nettsted meny til hver side vil gi ditt nettsted et polert og profesjonelt feel.Go utover enkel HTML. Lær CSS (Cascading Style Sheets) ved å fullføre opplæringen på http://www.w3schools.com/css. HTML har bare begrensede formateringsmuligheter. CSS kan du bruke avansert layout, stil og farge for å designe websidene page.For kule animerte menyer eller andre spesielle effekter på websiden din, se etter nyttige cut-and-paste Javascripts på Javascript Kilde http: //javascript.internet com. Ta kontroll og bygge din egen unike effekter ved å lære Javascript på http://www.w3schools.com/js.