ArtiklarGuiderVibe CodingVerktygResurserOmKontakt
← Alla artiklar

Hur webben fungerar – domäner, servrar och webbläsare

Simon Nyström3 min läsning

Förstå hur webben fungerar – från att du skriver en adress i webbläsaren till att sidan visas. Vi går igenom domännamn, DNS, servrar och HTTP.

Från noll till webbsida
1Hur webben fungerar – domäner, servrar och webbläsare2Din första HTML-sida3Styla med CSS – färger, typografi och layout4Bygg en komplett portfolio-sida5Lokal utvecklingsmiljö med XAMPP6Introduktion till PHP – dynamiskt innehåll7Grundläggande termer inom webbdesign – vad du bör känna till
Nästa →

Vad händer när du besöker en webbsida?

Varje gång du skriver en adress i webbläsaren – till exempel webbdesigna.se – startar en kedja av händelser som tar bara bråkdelar av en sekund. Låt oss bryta ner det steg för steg.

1. Domännamnet – webbens adressbok

Ett domännamn är den läsbara adressen du skriver in, till exempel google.se eller webbdesigna.se. Under ytan har varje dator på internet en numerisk adress som kallas IP-adress (till exempel 142.250.74.142). Domännamnet är helt enkelt ett smeknamn som pekar på den siffran.

Du registrerar domännamn via en domänregistrar som till exempel:

En .se-domän kostar vanligtvis runt 100–200 kr per år. Du äger inte domänen – du hyr den och måste förnya varje år.

2. DNS – översättaren

DNS (Domain Name System) är internets telefonkatalog. När du skriver webbdesigna.se frågar din dator en DNS-server: "Vilken IP-adress hör till det här namnet?" DNS-servern svarar med rätt IP, och din webbläsare vet nu var den ska koppla upp sig.

Tänk på det så här: Domännamnet är som ett kontaktnamn i din telefon. DNS är tjänsten som slår upp vilket telefonnummer som hör till namnet.

3. Webbservern – datorn som serverar sidan

En webbserver är en dator som alltid är påslagen och ansluten till internet. Den har ett enda jobb: att ta emot förfrågningar och skicka tillbaka filer – HTML, bilder, CSS och annat som bygger upp en webbsida.

Populära webbserverprogram inkluderar:

De flesta som börjar behöver inte sätta upp en egen server. Istället köper man webbhotell (shared hosting), där ett företag sköter servern åt dig.

4. HTTP – kommunikationsspråket

HTTP (HyperText Transfer Protocol) är det protokoll – alltså det "språk" – som webbläsaren och servern använder för att prata med varandra. Samtalet ser ungefär ut så här:

  1. Webbläsaren skickar en förfrågan: "Hej server, jag vill ha sidan /om"
  2. Servern svarar: "Här har du! Statuskod 200 (allt ok)" och skickar HTML-koden
  3. Webbläsaren tolkar HTML:en och visar sidan

Du har kanske sett https:// i adressfältet. S:et står för Secure och betyder att trafiken är krypterad. I dag bör alla sajter använda HTTPS.

5. Webbläsaren – din tolk

Webbläsaren (Chrome, Firefox, Safari, Edge) tar emot HTML, CSS och JavaScript från servern och renderar (ritar upp) det som en visuell sida. Det är webbläsaren som bestämmer hur text, bilder och knappar ser ut på skärmen.

Hela flödet i ett nötskal

Du skriver: webbdesigna.se
↓
DNS slår upp IP-adressen
↓
Webbläsaren skickar HTTP-förfrågan till servern
↓
Servern skickar tillbaka HTML, CSS, bilder
↓
Webbläsaren renderar allt → du ser sidan

Vanliga begrepp du stöter på

BegreppFörklaring
URLHela adressen, t.ex. https://webbdesigna.se/artiklar
IP-adressDatorns numeriska adress på internet
SSL/TLSKrypteringen som ger HTTPS
HostingTjänsten som lagrar din sajt på en server
FTPProtokoll för att ladda upp filer till servern

Vad är nästa steg?

Nu vet du vad som händer bakom kulisserna. I nästa del av guiden ska du skapa din allra första HTML-sida – och se resultatet direkt i webbläsaren.


Vad händer härnäst?

Nu vet du hur webben fungerar bakom kulisserna – domäner, DNS, servrar och HTTP. I nästa artikel tar vi steget från teori till praktik:

👉 Din första HTML-sida – du skapar din allra första webbsida med HTML och öppnar den i webbläsaren.

Vill du snabbt se en översikt över vanliga termer? Kolla in Grundläggande termer inom webbdesign.

Nästa →Din första HTML-sida

Vill du jämföra verktyg?

Jämför de bästa vibe coding-plattformarna →