Steg-for-steg instruksjoner om hvordan å bygge et nettsted

Steg-for-steg instruksjoner om hvordan å bygge et nettsted


Mens mange nettsteder og dataprogrammer eksisterer for å veilede deg gjennom prosessen med å bygge et nettsted, er den beste måten å lære på er gjennom en tekst editor. En tekst editor vil gi deg mest kontroll over ditt nettsted. Nettsteder hovedsak er HTML-dokumenter som bruker kodetagger (søkeord omgitt av vinkelparenteser, for eksempel <p>) for å beskrive funksjonene på hver side av nettstedet. For å opprette en nettside, trenger du ikke en vertstjeneste, men for å gjøre siden tilgjengelig på Internett, vil du trenge en slik tjeneste.

Bruksanvisning

1 Åpne et tekstredigeringsprogram, for eksempel Notisblokk. Lag elementene som trengs for nettsiden din ved å skrive følgende kode inn i teksteditor:

<Html>

<Head>

<Title> Min webside </ title>

</ Head>

<Body>

<H1> My First Heading </ h1>

<P> Skriv tekst i dette avsnittet for å lage et avsnitt. </ P>

<a href="This"> http://www.example.com "> Dette er en link til et eksempel side på nettet. </a>

<P> Nedenfor er et lite bilde. </ P>

<Img width = "250" height = "200" />

</ Body>

</ Html>

Bytt ut ordene inni <title>, <h1>, <p> og <a> koder med teksten du ønsker. Gjenta <p> og </ p> tagger rundt hver ekstra ledd.

2 Legg stil til siden din ved å sette den inn i HTML-dokumentet. Dette oppnås ved hjelp av "style" attributt. Hvis du ønsker å legge til farge og endre skriften på teksten, legge style = "font-family: Helvetica, farge: orange; font-size: 30px" til <p> tag. Du kan også legge til en annen bakgrunnsfarge ved å legge style = "background-color: grå" i <body> -taggen. Merk at du kan bruke heksadesimale fargekoder for flere forskjellige farger; diagrammer som inneholder denne informasjonen er lett tilgjengelig på nettet. HTML-koden nå skal se slik ut:

<Html>

<Head>

<Title> Min webside </ title>

</ Head>

<Body style = "background-color: grå">

<H1> My First Heading </ h1>

<P style = "font-family: Helvetica, farge: orange; font-size: 30px;">. Skriv tekst i dette avsnittet for å lage et avsnitt </ p>

<a href="This"> http://www.example.com "> Dette er en link til et eksempel side på nettet. </a>

<P> Nedenfor er et lite bilde. </ P>

<Img width = "250" height = "200" />

</ Body>

</ Html>

3 Lagre HTML-dokument ved hjelp av en ".html" eller ".htm" forlengelse (for eksempel "example.htm"). Begge utvidelsene vil tjene samme formål; man er ikke bedre enn den andre.

4 Laste filene som brukes til å lage en webside (HTML-dokument og bilder) til din hosting leverandør server. Dette er vanligvis ikke vanskelig; bare finne den delen av leverandørens nettside som sier noe sånt som "filbehandler," og bruke den medfølgende programmet til å laste opp filer.

5 Åpne din foretrukne nettleser og vise nettsiden din. Du kan gjøre dette ved å gå til din nettside eller bare åpne HTML-dokumentet i en nettleser. Det er viktig å sjekke nettsiden i en nettleser for å se endringene. Du bør også sjekke nettsidene dine i ulike nettlesere (f.eks Firefox, Internet Explorer, Safari og Chrome) og med forskjellige plattformer (for eksempel Microsoft Windows, Mac OS X og Linux Ubuntu). Ulike nettlesere og plattformer viser nettsider annerledes.

Hint

  • Lær CSS for å lage stil med et annet dokument. Dette vil tillate deg å lage flere sider med lignende stil uten å måtte skrive hver linje av stilen.
  • Lær PHP og Javascript for å legge interesse og funksjonalitet til siden din.
  • Hvis du ikke ønsker å lære HTML, se inn hosting-tjenester som gir et nettsted bygge verktøy eller bruke en WYSIWYG program.
  • Din hjemmeside mest sannsynlig vil trenge å bli kalt "index.htm", "index.html" eller "index.php" for det du skal vise på nettet.
  • Bildet som brukes i dette eksemplet må lastes opp til den samme katalogen til det å laste på ditt nettsted. Det må lagres i samme mappe eller katalog (for eksempel "Mine dokumenter") for at det skal vises i nettleseren din når du viser HTML-filer.