Hvordan å kode websider
Koding ditt eget nettsted tar litt pre-planlegging, men det er en slutt givende og oppnåelig oppgave. Før du starter, planlegge ut arkitektur og innholdet på nettstedet - hvilke sider du vil ha, hvilken rekkefølge de vil gå inn og hva teksten, bilder og videoer går på hvilke sider.
Du vil bruke HTML, som står for Hypertext Markup Language. HTML er et sett med instruksjoner for en nettleser som sier, "Get dette innholdet, setter det her og at det ser ut som dette."
Som alle andre språk, har HTML en syntaks og ordforråd. Syntaksen er <start instruksjon> innhold relatert til undervisningen </ slutten av instruksjon>.
Bruksanvisning
Koding websider
1 Åpne nettutviklingsprogramvaren (se Resources for gratis og betalt programvare alternativer). Starte et nytt dokument ved å velge "File" og deretter "Ny". Lagre dokumentet som index.html - dette vil være din startside.
2 Åpne en <html> -taggen på toppen og legg til en avsluttende </ html> -taggen helt på slutten. Du vil kode websiden i mellom disse kodene, som lar nettleseren vet du er koding i HTML.
3 Åpne og lukke en <head> tag (bruk </ head> for å lukke den). Informasjon i hodet vises ikke på selve nettsiden når de vises i en nettleser; i stedet den inneholder informasjon om websiden.
4 Innenfor åpning og lukking hodet kodene, inkluderer hvilken av disse elementene være fornuftig for din nettside:
<Title> Tittelen på websiden </ title>
<Meta name = "description" content = "Noen beskrivelse av ditt web-side">
<Meta name = "søkeord" content = "kommaseparert søkeord som folk kan søke på for å finne ditt nettsted">
<Meta name = "forfatter" content = "Navnet og nettsiden til designer på web-siden">
<Link href = "http: //Location-of-a-stylesheet.css" type = "text / css" rel = "stylesheet">
5 Åpne en <body> -koden under den avsluttende </ head> -taggen, og lukk </ body> like over den avsluttende </ html> -taggen. Kroppen er der innholdet vil gå.
Coding Innholdstyper
6 Åpne et avsnitt tag <p> og begynne å skrive tekst. Du vil lukke ett avsnitt ved hjelp av en avsluttende </ p> tag, og starte en annen ved hjelp av en annen <p> tag. Avstanden mellom avsnittene vises automatisk.
Tekstformatering du kan bruke inkluderer:
<B> fet skrift </ b>
<I> kursiv </ b>
<U> understreket tekst </ b>
<Font color = "# ff0000"> denne teksten ville være lyse rødt; bruke den heksadesimale verdien av en farge for å endre skriftfarge </ font>
<a href="This"> http://www.ehow.com/ "rel =" nofollow "> Denne teksten vil være knyttet til nettstedet eHow.com </a>
7 Kode et bilde ved hjelp av en frittstående HTML tag med ulike attributter. For eksempel:
<Img border = "0" width = "200" height = "300" align = "right" vspace = "4" vspace = "6">
Dette eksemplet kaller i et bilde med tittelen "hvor-your-image-lives.jpg" uten ramme. Bildet viser 200 piksler bred og 300 piksler høyt, uansett hva den faktiske størrelsen på bildet som er på siden. Bildet vil bli justert til høyre, og det vil være fire piksler plass over og under det, samt seks piksler plass på hver side, for å tillate tekst brytes rundt det.
Du kan bruke samme link tag som i punkt 2, trinn 1 for å lage et bilde lenke ut:
<a href="<img"> http://www.ehow.com/"><img rel = "nofollow"> </a>
8 Legg til en video fra YouTube eller en annen videodeling ved å bruke den innebygde koden leveres av nettstedet.
Hint
- Lagre arbeidet ditt og sjekke det i en nettleser ofte. HTML er et sett med svært spesifikke instruksjoner, og eventuelle feil i vokabular eller syntaksen vil gjøre sidevisningen feil.