Hvordan komme i gang med å gjøre en webside

October 29

Alle kan lære å lage nettsider. Det er ikke nødvendig å gå til et kurs, som du kan lære deg grunnleggende webdesign og utvikling ferdigheter gratis ved hjelp av Internett-ressurser. Det er mange ulike teknologier som brukes på nettet i dag, og ved å starte med enkle strukturer du vil være i stand til å arbeide mot mer avanserte elementer i bare en kort tid. For første websider, er det best å holde seg til HTML og CSS.

Bruksanvisning

1 Lag en enkel HTML-side ved hjelp av koder. En mal for en typisk webside kan se slik ut:

<Html>
<Head>
<Title> Min første web side </ title>
</ Head>
<Body>
<Div>
<H1> My First Web Page </ h1>
<P>
Min første ledd
</ P>
</ Div>
</ Body>
</ Html>

Skriv inn denne koden i en fil ved hjelp av en tekst editor program som Notepad og lagre den et sted på datamaskinen din som "mypage.html". Åpne filen i nettleseren (Internet Explorer, Firefox, Chrome eller Safari). Du skal se en overskrift og et avsnitt med tekst.

2 Eksperimenter med HTML-koden ved å gjøre endringer i den og forfriskende det i nettleseren din for å se hvilken effekt de har. HTML-innhold er "merket" med tagger som <head>, <body> og <div>. Det finnes mange tilgjengelige koder som nettlesere er i stand til å gjengi. Alt innhold på nettstedet ditt, fra tekst til bilder, video og alle andre medier, må vises mellom taggene i HTML. Hvis HTML er ikke "velformet", dvs. ikke riktig strukturert, så det kan ikke vises riktig på besøkende til nettstedet ditt.

3 Legg stil regler til din webside ved hjelp av CSS. Cascading Style Sheets er den mest brukte måten å skreddersy det visuelle inntrykket av nettsteder. Man kan anvende CSS-regler på en rekke måter, men den mest effektive er å skape en separat fil. Åpne en ny fil i en tekst editor og lagre det som "somestyle.css", skriv deretter inn følgende tekst, sparer når du er ferdig:

h1
{Color: # FF0000;}

Skriv inn denne koden i HTML-filen i hodet delen (før den avsluttende </ head> tag):

Lagre endringene og laste HTML-filen i nettleseren på nytt. Overskriften teksten skal nå være rødfarget. Du kan bruke CSS til å skreddersy alle aspekter av det visuelle utseende på siden din, inkludert farge, layout og bakgrunnsbilder.

4 Legg forskjellige koder i HTML. Bruk ressurser på å utforske de forskjellige koder som er tilgjengelige. Se deg rundt på forskjellige nettsteder og se siden kilden ved hjelp av nettleseren din menyer. Ikke bli skremt av mengden med kode som vises på mange nettsteder, da disse skal ha blitt bygget gradvis over tid, og legger hvert element i sving. Omfatter ulike typer medier på siden din, for eksempel bilder, med <img> -taggen:

Dette eksempelet kode vil vise et bilde som er i en katalog som heter "bilder", sitter i samme katalog som HTML-side.

5 Laste opp filer til en webserver. Hvis du ennå ikke har en konto med en web vert kan du bruke en lokal server, som er programvare du kan laste ned å kjøre på datamaskinen din som reproduserer funksjonen til en webserver. Test din side i ulike nettlesere og merker hvor annerledes det ser ut i dem. Legg elementer av forskjellig innhold til siden din over tid, og husk å teste den hver gang du gjør en endring.

Hint

Hold innhold og formatering for ditt nettsted separat ved bruk av eksterne stilregler som skal diktere hvordan området skal se ut. Bruk de tilgjengelige validatorer å sjekke at nettstedet er strukturert på riktig måte, da dette gjør det mer sannsynlig å vises på samme måte til forskjellige besøkende.
Husk at dine websider kan vises veldig forskjellig på folk ved hjelp av ulike, nettlesere, enheter og operativsystemer som dette er nesten alltid tilfelle.