Probeer een prompt:
Studenten krijgen de opdracht — bouw een projectsite, een portfolio voor stages of een pagina voor de vereniging — met een deadline en zonder budget voor een designer. AI-tools zetten een korte beschrijving om in een complete website: hero, secties, galerij en contact, met vier lay-outs om uit te kiezen. Je besteedt je tijd aan de echte inhoud en het onderzoek, niet aan vechten met een sjabloon om twee uur 's nachts. Begin bij AI-websitesjablonen, plaats je werk erin en publiceer een snelle, echte site — en omdat de code netjes exporteert, kun je hem openen en precies zien hoe de HTML en CSS in elkaar zitten.
Een beoordeelde projectsite wordt beoordeeld op duidelijkheid en op tijd inleveren, niet op pixelperfect design. Een structuur die goed scoort:
Genereer het hele geraamte met een prompt en plak vervolgens je onderzochte inhoud erin. Wat vroeger een avond vol gevecht met de lay-out was, wordt een avond besteed aan de echte opdracht.
Aanmeldingen vragen steeds vaker om een link, en een eigen pagina komt serieuzer over dan een map in een gedeelde drive. Wat erop moet staan:
Omdat je een eigen domein kunt koppelen en de code kunt exporteren, overleeft het portfolio elke afzonderlijke opdracht — het blijft van jou en je kunt het bijwerken van je eerste studiejaar tot je eerste baan.
Voor studenten die leren programmeren is een AI-bouwer meer dan een snelkoppeling — de export is een uitgewerkt voorbeeld om te bestuderen:
Je gaat van een gegenereerde pagina naar begrijpen hoe de HTML wordt gegenereerd — een veel beter startpunt dan een lege editor.
1. Beschrijf de opdracht
Schrijf een prompt met je onderwerp en de gewenste secties — project, portfolio, vereniging of evenement. De AI-websitemaker levert binnen enkele minuten een volledig concept, met vier lay-outs om de beste keuze te maken.
2. Voeg je echte inhoud toe
Vervang de placeholders door je eigen onderzoek, projectbeschrijvingen, afbeeldingen en links. Houd elke sectie gericht op één idee en voeg een bronnenlijst toe — de details die van een demo een afgerond, beoordeeld werkstuk maken.
3. Verfijn in gewone taal
Pas de site aan via de chat-editor — "maak de hero korter", "voeg een teamsectie toe" — of bewerk blokken rechtstreeks. Geen CSS-kennis nodig om het er vóór de deadline goed uit te laten zien.
4. Publiceer of exporteer
Publiceer op gratis Mobirise-hosting om een link in te leveren, of exporteer de HTML, CSS en JavaScript naar je eigen domein. Open voor een programmeervak de export en bestudeer hoe de persoonlijke website is opgebouwd.
Live sites gemaakt door de community — het soort projecten, portfolio's en developerpagina's die studenten daadwerkelijk bouwen en publiceren. Klik op een kaart om de echte site te openen.
Deze samengestelde scenario's laten de meest voorkomende manieren zien waarop studenten de bouwer gebruiken — zie ze als startblauwdrukken, niet als klantbeoordelingen:
Voor actuele, onafhankelijke feedback over het platform, kijk op Trustpilot, Capterra en G2 — en sorteer op datum: recente reviews van de AI-bouwer zeggen meer dan het historische gemiddelde.
| Builder | AI-functies | Code-export | Gratis abonnement |
|---|---|---|---|
| Mobirise AI | Site uit tekst en afbeelding, 4 varianten, bewerken via chat | Volledige HTML/CSS/JS | Ja — 3 sites |
| 8B AI Builder | AI-gegenereerde content en indeling | Beperkt | Ja |
| Wix AI | ADI, contentsuggesties | Nee | Ja (met advertenties) |
| GoDaddy | Snelle AI-setup | Nee | Proefperiode |
| Squarespace AI | AI voor teksten en visuals | Nee | Proefperiode |
| WordPress + plugins | Afhankelijk van plugins | Ja (self-hosted) | Kern is gratis |