Lage hjemmeside fra bunnen av: dette trenger du av verktøy og kunnskap

Å lage en hjemmeside fra bunnen av krever overraskende lite utstyr: en teksteditor, grunnleggende kunnskap om HTML og CSS, en nettleser – og hvis siden skal ut på nett, et domene og et webhotell. Alt du trenger for å komme i gang finnes gratis, og har du en vanlig Windows-, Mac- eller Linux-maskin, har du allerede det meste. I denne guiden går vi gjennom nøyaktig hva du trenger, hvilke programmer som er verdt å bruke, hva de koster i 2026, og de vanligste fellene nybegynnere går i.

Hva trenger du egentlig for å lage en hjemmeside?

Det korte svaret er fire ting: et program å skrive koden i, litt kunnskap om HTML og CSS, en nettleser til å se resultatet, og – kun hvis siden skal være tilgjengelig for andre – et domene og et webhotell. Du trenger verken dyre programmer eller internett for å øve: en nettside er bare en tekstfil som nettleseren leser.

Du kan dele behovene inn i to nivåer. For å lære og bygge en enkel side holder det med en gratis teksteditor og en nettleser. For å publisere siden slik at andre kan besøke den, trenger du i tillegg et domenenavn og plass på en server (webhotell). Resten – grafikkprogrammer, visuelle byggeverktøy og rammeverk – er hjelpemidler som gjør jobben raskere eller penere, men som ikke er strengt nødvendige.

HTML og CSS – grunnmuren i enhver nettside

HTML og CSS er de to språkene som alle nettsider er bygget på, og dette er den viktigste kunnskapen du kan skaffe deg. HTML bestemmer innholdet og strukturen, mens CSS bestemmer utseendet. Lærer du disse to, forstår du hvordan omtrent hele weben henger sammen – også når du senere bruker ferdige verktøy som WordPress.

Hva er HTML?

HTML (HyperText Markup Language) er «skjelettet» på en nettside og brukes til å definere innhold som overskrifter, avsnitt, lenker, bilder og lister. Innholdet merkes med såkalte tagger som står inni vinkelparenteser. En lenke til VG Nett skrives for eksempel slik:

<a href=»https://www.vg.no»>VG Nett</a>

Teksten mellom taggene er det brukeren ser, mens href forteller nettleseren hvor lenken peker. Vil du se hvordan dette fungerer i praksis, har vi en egen gjennomgang av hvordan du lager en HTML-lenke.

Hva er CSS?

CSS (Cascading Style Sheets) styrer utseendet på nettsiden – farger, skrifttyper, avstander, plassering og responsivt design for mobil. Der HTML sier «dette er en overskrift», sier CSS «overskriften skal være blå, midtstilt og 32 piksler stor». Du kan for eksempel lære deg å sentrere skrift og innhold med CSS på noen få minutter.

Et godt sted å begynne helt gratis er W3Schools.com, der du finner enkle guider og praktiske oppgaver du kan prøve direkte i nettleseren. For den offisielle og mest utfyllende dokumentasjonen er MDN Web Docs standarden som proffe utviklere bruker.

Velg et program å skrive koden i (teksteditor)

Du skriver HTML og CSS i en teksteditor, og den trenger ikke koste noe. En teksteditor er et program for ren tekst, i motsetning til Word, som legger inn skjult formatering som ødelegger koden. Nedenfor er alternativene som er verdt å kjenne til.

Notepad og Notepad++

Notepad (Notisblokk) følger med Windows og er fullt brukbart til å skrive HTML, men det mangler hjelpemidler. Du kan skrive koden, lagre filen som for eksempel index.html og åpne den i nettleseren for å se resultatet – helt uten internett. Ulempen er at Notepad ikke fargelegger koden eller hjelper deg å finne skrivefeil.

Derfor bruker mange Notepad++ i stedet. Det er et gratis program som blant annet fargekoder tagger og attributter, nummererer linjer og gjør det mye lettere å se feil – spesielt når du er fersk. Notepad++ er fortsatt aktivt vedlikeholdt (versjon 8.9.x i 2026) og kan lastes ned gratis fra notepad-plus-plus.org.

Visual Studio Code

Visual Studio Code (VS Code) er i dag den mest brukte gratiseditoren for nettutvikling, og er et naturlig valg hvis du vil bygge videre. Programmet er gratis, kommer fra Microsoft og finnes til Windows, macOS og Linux. Det har autofullføring, innebygd forhåndsvisning via utvidelser, feilmarkering og støtte for alle de vanlige webspråkene. For en nybegynner som tenker å lære mer, er VS Code et tryggere langsiktig valg enn Notepad++, selv om begge er gratis.

Andre editorer og nettbaserte verktøy

Det finnes flere gode alternativer: Sublime Text er rask og lett (gratis å prøve, men krever betalt lisens for fast bruk), mens nettbaserte redigeringsverktøy lar deg skrive og teste kode direkte i nettleseren uten å installere noe. Trenger du flere gratis verktøy til nettsiden, har vi samlet mange nyttige i oversikten over gratis programmer.

Visuelle verktøy: Dreamweaver og dagens alternativer

Et visuelt verktøy lar deg bygge nettsider ved å «tegne» dem i stedet for å skrive all koden selv. Det mest kjente er Adobe Dreamweaver, et såkalt WYSIWYG-program – «What You See Is What You Get» – der du kan sette opp bokser og elementer visuelt og se koden og resultatet side om side.

Fordelen er at du kan komme et stykke på vei uten dype HTML-kunnskaper, og at det kan rette og vise resultatet mens du lærer. Ulempen er prisen og at verktøyet i dag er mindre vanlig enn før. Dreamweaver selges kun som abonnement via Adobe, og koster NOK 320 per måned (ettårsplan fakturert månedlig) for enkeltappen, bekreftet på Adobes norske nettsider i oktober 2026. Det finnes ingen engangslisens lenger.

For de fleste nybegynnere er abonnementet vanskelig å forsvare. Vil du ha en visuell løsning uten å kode, er en moderne nettsidebygger (se lenger ned) som regel både billigere og enklere. Vil du derimot virkelig lære håndverket, lærer du mer av å skrive koden selv i en gratis editor.

Lag grafikk: Photoshop og gratis alternativer

For å gi hjemmesiden et godt visuelt uttrykk trenger du ofte et bilderedigeringsprogram til logoer, knapper, bannere og bakgrunner. Det mest kjente er Adobe Photoshop, som også selges som abonnement hos Adobe. Enkeltappen koster NOK 320 per måned, mens «Foto»-abonnementet – som inkluderer Photoshop, Lightroom og 1 TB skylagring – koster NOK 293,75 per måned (begge ettårsplan fakturert månedlig, verifisert oktober 2026).

Du trenger imidlertid ikke betale for å lage god grafikk. GIMP er et gratis og åpent bilderedigeringsprogram til Windows, macOS og Linux, Photopea kjører rett i nettleseren og åpner til og med Photoshop-filer, og Canva er populært for enkle grafiske elementer. Vi har en egen oversikt over gratis alternativer til Photoshop hvis du vil sammenligne dem.

Et godt tips er å ikke lage alt selv. Det finnes mengder av lisensfrie og gratis bilder du trygt kan bruke, noe som sparer mye tid når du skal fylle siden med innhold.

Trenger du domene og webhotell?

For at andre skal kunne besøke siden din, trenger du et domene og et webhotell – men ikke mens du bare øver. Et domene er adressen folk skriver inn (for eksempel dittnavn.no), mens et webhotell er plassen på en server der filene dine ligger. Så lenge du lærer og tester lokalt på din egen maskin, koster det ingenting.

Når siden skal publiseres, registrerer du et domene hos en domeneforhandler og leier serverplass hos en webhotelltilbyder. Pris varierer, men et .no-domene koster typisk et par hundre kroner i året, og enkelt webhotell starter på noen titalls kroner i måneden. Er du usikker på navnevalget, har vi en guide til hvordan du finner riktig domene.

Kode selv eller bruke WordPress og nettsidebyggere?

Det store valget er om du vil kode alt fra bunnen av eller bruke et ferdig system, og svaret avhenger av målet ditt. Å kode selv gir full kontroll og er den beste måten å forstå web på, men tar lengre tid. Et publiseringssystem eller en nettsidebygger lar deg få en profesjonell side raskt, men med mindre kontroll over detaljene.

• Kode fra bunnen (HTML/CSS): gratis, full kontroll, best for læring og helt enkle sider. Krever at du skriver alt selv.
• WordPress: gratis programvare som driver en stor andel av verdens nettsteder. Du installerer ferdige temaer og utvidelser og slipper å kode. Se gjerne vår oversikt over WordPress-design for norske bloggere.
• Nettsidebyggere (Wix, Squarespace, WordPress.com): alt-i-ett-løsninger der domene, hosting og design følger med mot en månedspris. Enklest for den som bare vil ha en side raskt opp.

En vanlig vei er å lære grunnleggende HTML og CSS først, og deretter bruke WordPress til selve nettstedet. Da forstår du hva som skjer «under panseret» og kan tilpasse koden når de ferdige verktøyene ikke strekker til.

Vanlige feil når du lager en hjemmeside fra bunnen av

De fleste nybegynnere går i noen av de samme fellene, og de er lette å unngå når du kjenner til dem. Her er de vanligste:

• Å betale for verktøy før du trenger dem. Mange tror de må kjøpe Dreamweaver eller Photoshop først. Start gratis – betal eventuelt senere når du vet hva du faktisk trenger.
• Å skrive koden i Word. Tekstbehandlere legger inn skjult formatering som ødelegger HTML. Bruk en teksteditor som Notepad++ eller VS Code.
• Å hoppe over CSS. HTML alene gir en grå, ustrukturert side. Lær CSS parallelt fra start.
• Å glemme mobil. Over halvparten av trafikken er på mobil. Lag responsivt design slik at siden fungerer på små skjermer.
• Å stjele bilder og tekst. Bruk bare innhold du har lov til å bruke, og hold deg til lisensfrie bilder.
• Å ville ha alt perfekt med en gang. Bygg en enkel side først, publiser den, og forbedre den gradvis.

Slik kommer du i gang – steg for steg

Du kan ha en fungerende testside oppe i løpet av en ettermiddag hvis du følger en enkel fremgangsmåte. Slik gjør du det:

1. Last ned en gratis teksteditor (Notepad++ eller VS Code).
2. Lær de mest grunnleggende HTML-taggene for overskrifter, avsnitt, lenker og bilder.
3. Opprett en fil, lagre den som index.html og åpne den i nettleseren.
4. Legg til CSS for farger, skrift og plassering.
5. Lag enkel grafikk med GIMP eller Photopea, eller bruk lisensfrie bilder.
6. Når du er fornøyd: kjøp domene og webhotell, og last opp filene – eller sett opp WordPress.

Denne guiden passer for nybegynnere som vil forstå hvordan nettsider faktisk bygges, for den som vil lage en enkel side billigst mulig, og for alle som senere vil bruke WordPress med litt kodekunnskap i bunn.

Vanlige spørsmål (FAQ)

Er det gratis å lage en hjemmeside?

Ja, å lære og bygge en enkel hjemmeside er helt gratis. Du trenger bare en gratis teksteditor og en nettleser, og begge følger som regel med datamaskinen. Kostnader oppstår først når du vil publisere siden på nett og trenger domene og webhotell, eller hvis du velger å betale for verktøy som Photoshop eller Dreamweaver.

Må jeg kunne programmere for å lage en nettside?

Nei, ikke nødvendigvis. Vil du kode fra bunnen av, trenger du grunnleggende HTML og CSS, men det kan læres på kort tid. Alternativt kan du bruke WordPress eller en nettsidebygger som Wix eller Squarespace, der du setter opp siden visuelt uten å skrive kode.

Hvilket program bør jeg skrive koden i?

Til å begynne med holder det med Notepad++ eller Visual Studio Code, som begge er gratis. VS Code er det mest brukte valget blant utviklere i 2026 og et godt langsiktig valg, mens Notepad++ er lett og enkelt å komme i gang med. Unngå tekstbehandlere som Word.

Hva koster Photoshop og Dreamweaver i dag?

Begge selges kun som abonnement hos Adobe. I oktober 2026 koster både Photoshop og Dreamweaver som enkeltapp NOK 320 per måned, mens Adobes «Foto»-abonnement med Photoshop og Lightroom koster NOK 293,75 per måned. Det finnes gode gratisalternativer som GIMP og Photopea.

Trenger jeg domene og webhotell for å øve?

Nei. Du kan lage og teste nettsider helt lokalt på din egen maskin uten internett, ved å åpne HTML-filene i nettleseren. Domene og webhotell trenger du først når siden skal være tilgjengelig for andre på nett.