Direct antwoord
Een website maken doe je door HTML, CSS en JavaScript te schrijven — de drie basistalen van het web. Concreet: installeer VS Code (gratis), maak een bestand aan dat eindigt op .html, typ je inhoud erin, en open het in je browser. Wil je dit stap voor stap leren? Begin dan met de HTML-track van mbo-sd.
Wat is een website precies?
Een website is een verzameling van bestanden die op een server staan. Die bestanden zijn geschreven in HTML — een opmaaktaal die browsers begrijpen. Wanneer jij een adres in je browser typt, stuurt de browser een verzoek naar een server. Die server stuurt het HTML-bestand terug. De browser leest dat bestand en tekent de pagina op je scherm.
Er zijn twee soorten websites: statische websites en dynamische websites. Een statische website bestaat uit vaste HTML-bestanden. Elke bezoeker ziet hetzelfde. Een dynamische website genereert de pagina op het moment dat je hem opvraagt — denk aan je tijdlijn op sociale media of een webshop waarbij elke gebruiker een eigen winkelmandje heeft. Voor statische websites heb je HTML en CSS nodig. Voor dynamische websites komt er ook een programmeertaal bij, zoals JavaScript of PHP.
Als je net begint, focus dan op statisch. Dat is veel sneller te leren en je kunt er al indrukwekkende dingen mee bouwen.
De drie bouwstenen van elke website
Elke moderne website is opgebouwd uit drie lagen. Ze werken altijd samen.
HTML — de structuur
HTML staat voor HyperText Markup Language. Het bepaalt wat er op de pagina staat: een kop, een alinea, een afbeelding, een link, een formulier. HTML is geen programmeertaal maar een opmaaktaal — je geeft inhoud een betekenis met zogenaamde tags.
Leer HTML via de HTML-leren pagina of ga direct naar les 1 van de HTML-track.
CSS — het uiterlijk
CSS staat voor Cascading Style Sheets. Het bepaalt hoe de HTML-elementen eruitzien: kleuren, lettertypen, marges, lay-out. Zonder CSS ziet een website eruit als een onopgemaakte tekstpagina. Met CSS maak je er iets moois van.
Leer CSS via de CSS-leren pagina of start met les 1 van de CSS-track.
JavaScript — de interactiviteit
JavaScript is een echte programmeertaal. Het voegt gedrag toe aan je website: een menu dat openklapt, een formulier dat invoer controleert, een knop die iets verandert zonder de pagina te herladen. JavaScript draait in de browser van de bezoeker.
Begin met JavaScript via de JavaScript-leren pagina of ga direct naar les 1 van de JavaScript-track.
Een eenvoudig HTML-voorbeeld ziet er zo uit:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>Mijn eerste website</title>
</head>
<body>
<h1>Hallo wereld!</h1>
<p>Dit is mijn eerste webpagina.</p>
<a href="https://mbo-sd.com">Ga naar mbo-sd</a>
</body>
</html>Website maken voor beginners — stap voor stap
Hier is het concrete stappenplan om je eerste werkende webpagina te maken. Elke stap is uitgewerkt in de lessen van mbo-sd.
Stap 1: VS Code installeren
VS Code is een gratis teksteditor van Microsoft die speciaal geschikt is voor het schrijven van code. Hij geeft kleur aan je code (syntax highlighting), vult automatisch aan en heeft duizenden extensies. Download VS Code gratis via de officiële site. In les 4 van de starttrack wordt dit stap voor stap uitgelegd.
Stap 2: Je eerste HTML-bestand aanmaken
Open VS Code, maak een nieuwe map aan (bijv. mijn-website), en maak daarin een bestand aan met de naam index.html. De naam index is de conventie voor de startpagina van een website. Les 1 van de HTML-track begeleidt je hier stap voor stap doorheen.
Stap 3: De basisstructuur van HTML
Elk HTML-bestand begint met een vaste structuur. Deze vertelt de browser wat voor soort bestand het is en hoe hij het moet lezen:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>De titel die in de browsertab staat</title>
</head>
<body>
<!-- Hier komt de inhoud die de bezoeker ziet -->
</body>
</html>
<!DOCTYPE html> vertelt de browser dat dit een HTML5-document is. <head> bevat informatie over de pagina (niet zichtbaar voor bezoekers). <body> bevat alles wat de bezoeker te zien krijgt.
Stap 4: CSS toevoegen voor opmaak
Als je basisstructuur staat, is het tijd om je pagina er goed uit te laten zien. CSS koppel je aan je HTML via een <link>-tag in de <head> die verwijst naar een apart CSS-bestand, of je schrijft het direct in een <style>-blok. Les 1 van de CSS-track laat zien hoe dit werkt.
Stap 5: Je website online zetten
Als je website klaar is om gedeeld te worden, zet je hem online. Dit heet deployment. Je hebt dan een hostingdienst nodig — een server die jouw bestanden opslaat en beschikbaar maakt. De deployment-track van mbo-sd legt dit stap voor stap uit, inclusief het koppelen van een domeinnaam.
Website bouwer of zelf coderen?
Er zijn tools waarmee je een website kunt maken zonder code te schrijven, zoals Wix, Squarespace of Webflow. Je kiest een template, sleept elementen op hun plek en klaar. Dat klinkt aantrekkelijk — en voor sommige situaties is het ook prima.
Maar er zijn nadelen. Je bent beperkt tot wat de tool toestaat. Wil je iets doen dat buiten de template valt, dan loop je al snel tegen een muur. En je betaalt maandelijks voor iets wat je niet echt begrijpt. Als de tool verdwijnt of de prijs verdubbelt, sta je met lege handen.
Zelf leren coderen geeft volledige controle. Je bouwt precies wat je in gedachten hebt. Je begrijpt hoe het werkt. En je opent de deur naar een carrière in webontwikkeling — een van de meest gevraagde beroepen van dit moment. mbo-sd is er specifiek voor mensen die de code zelf willen begrijpen, niet omheen willen lopen.
Hoelang duurt het om een website te leren maken?
Dit is een eerlijke vraag en die verdient een eerlijk antwoord.
Na 10 tot 20 uur heb je een werkende statische webpagina gemaakt met HTML en een beetje CSS. Je snapt de structuur, kunt tekst en afbeeldingen plaatsen en weet hoe je een pagina opent in de browser.
Na 100 uur kun je meerdere pagina's bouwen die er verzorgd uitzien op zowel desktop als mobiel. Je hebt een formulier gemaakt, je kent de basics van JavaScript en je kunt een eenvoudige website online zetten.
Na het volledige leerpad van mbo-sd — dat neerkomt op zo'n 35 tot 40 uur actief leren — kun je een complete webapplicatie bouwen: een back-end met PHP en Symfony, een database, een loginpagina, alles wat daarbij hoort. Inclusief git, de terminal en deployment.
De sleutel is consistentie. Een uur per dag is meer waard dan zeven uur op zaterdag. Bekijk het complete leerpad voor een overzicht van alle tracks.
Veelgestelde vragen over website maken
Heb ik een eigen domeinnaam nodig om te oefenen? +
file:/// in de adresbalk. Een domeinnaam heb je alleen nodig als je je website online wil zetten zodat andere mensen hem kunnen bezoeken.
Wat is het verschil tussen HTML en een website? +
Moet ik kunnen programmeren om een website te maken? +
Wat kost een website laten maken? +
Wat is het verschil tussen frontend en backend? +
Hoe zet ik mijn website online? +
Welke editor gebruik ik het beste voor HTML? +
Begin vandaag nog
Je hebt alles wat je nodig hebt om te beginnen. Geen voorkennis, geen betaling, geen registratie. Kies je startpunt hieronder.
Start met de webontwikkeling basics-track
🌐 Eerste HTML-lesDirect beginnen met je eerste webpagina
🗺️ Leerpad overzichtBekijk het volledige leerpad van begin tot eind
Deel deze pagina