Hur webben fungerar – domäner, servrar och webbläsare
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.
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:
- Loopia – populär i Sverige, bra support på svenska
- Binero – svensk leverantör med webbhotell
- Namecheap – internationell och prisvärd
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:
- Apache – den klassiska webbservern, används av miljoner sajter
- Nginx – snabb och effektiv, populär för moderna sajter
- Node.js – kör JavaScript på servern
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:
- Webbläsaren skickar en förfrågan: "Hej server, jag vill ha sidan /om"
- Servern svarar: "Här har du! Statuskod 200 (allt ok)" och skickar HTML-koden
- 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å
| Begrepp | Förklaring |
|---|---|
| URL | Hela adressen, t.ex. https://webbdesigna.se/artiklar |
| IP-adress | Datorns numeriska adress på internet |
| SSL/TLS | Krypteringen som ger HTTPS |
| Hosting | Tjänsten som lagrar din sajt på en server |
| FTP | Protokoll 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.
Vill du jämföra verktyg?
Jämför de bästa vibe coding-plattformarna →