Wat is Dreamweaver? Uitleg voor beginners

Wat is Dreamweaver precies? Adobe Dreamweaver is een programma waarmee je websites bouwt en beheert. Je schrijft er HTML, CSS en JavaScript mee, je ziet direct hoe je pagina eruitziet en je kunt je bestanden vanuit hetzelfde programma naar je webserver sturen. Het is dus geen online websitebouwer zoals je die van hostingpartijen kent, maar een editor die op je eigen computer draait.

In dit artikel lees je wat Dreamweaver doet, voor wie het geschikt is, welke onderdelen je het eerst tegenkomt en hoe het zich verhoudt tot alternatieven. Zo weet je na het lezen of Dreamweaver past bij de manier waarop jij websites wilt maken.

Dreamweaver in het kort

Dreamweaver bestaat al sinds eind jaren negentig en is sinds 2005 een product van Adobe. Tegenwoordig is het onderdeel van Adobe Creative Cloud en werk je met een abonnement in plaats van een losse licentie. De actuele versie is Dreamweaver 21.8.1 (juli 2026). Die versie bevat vooral bugfixes; de grotere update 21.8 van april 2026 bracht onder meer bijgewerkte onderliggende libraries en ingebouwde server behaviors en database bindings, zodat je voor datagestuurde pagina’s geen extra extensies meer hoeft te installeren.

Het programma draait op Windows en macOS. Wat je ermee maakt, zijn gewone webbestanden: .html-, .css– en .js-bestanden, afbeeldingen en eventueel PHP. Die bestanden kun je bij elke hostingpartij online zetten. Je zit dus niet vast aan Adobe zodra je website eenmaal af is.

Wat kun je ermee?

Dreamweaver combineert een code-editor met een visuele voorvertoning. De belangrijkste taken waarvoor mensen het gebruiken:

• Statische websites bouwen: een portfolio, een website voor een vereniging of een kleine bedrijfssite met een handvol pagina’s.
• Code schrijven met hulp: kleurcodering, automatisch aanvullen van tags en CSS-eigenschappen en het markeren van fouten.
• Responsive layouts maken: met ingebouwde ondersteuning voor Bootstrap en een voorvertoning op verschillende schermbreedtes.
• Stijlen visueel beheren: via het paneel CSS Designer pas je CSS aan zonder alles uit je hoofd te hoeven typen.
• Bestanden beheren en publiceren: met het paneel Bestanden (Files) en een ingebouwde FTP- en SFTP-verbinding zet je wijzigingen direct online.
• Hergebruik: met sjablonen (.dwt) houd je kop, menu en voettekst op alle pagina’s gelijk.

Wil je weten hoe je het programma op je computer krijgt, lees dan eerst Dreamweaver downloaden en installeren.

Voor wie is Dreamweaver geschikt?

Dreamweaver zit tussen een simpele teksteditor en een kant-en-klare websitebouwer in. Dat maakt het vooral handig voor:

• Beginners die HTML en CSS willen leren: je ziet de code en het resultaat naast elkaar, waardoor je snel begrijpt wat een regel code doet.
• Hobbyisten en webbouwers die volledige controle over hun code willen, zonder afhankelijk te zijn van een CMS of plug-ins.
• Ontwerpers die al met Adobe-software werken en alles binnen Creative Cloud willen houden.
• Beheerders van bestaande Dreamweaver-sites, bijvoorbeeld sites die op sjablonen gebaseerd zijn en die je met Dreamweaver het makkelijkst blijft onderhouden.

Minder geschikt is Dreamweaver als je een website wilt waarop meerdere mensen via de browser teksten plaatsen, zoals een blog met veel auteurs of een webshop. Daarvoor ligt een CMS zoals WordPress meer voor de hand. Dreamweaver kun je wel gebruiken om de bestanden van zo’n project te bewerken, maar het vervangt geen contentbeheersysteem.

De belangrijkste onderdelen van de interface

Als je Dreamweaver voor het eerst opent, zie je veel panelen. Je hoeft ze niet allemaal meteen te kennen. Deze onderdelen gebruik je het vaakst:

Onderdeel	Waarvoor gebruik je het?
Documentvenster	Hier bewerk je de pagina in de weergave Code, Splitsen, Live of Ontwerp.
Bestanden (Files)	Overzicht van alle bestanden in je site, lokaal en op de server.
CSS Designer	Stijlbladen, media queries, selectors en eigenschappen beheren.
Invoegen (Insert)	Snel elementen toevoegen, zoals afbeeldingen, koppen, tabellen en Bootstrap-componenten.
Eigenschappen (Properties)	Kenmerken van het geselecteerde element aanpassen, zoals een link of de afmetingen van een afbeelding.
Git	Versiebeheer van je project, als je met een Git-repository werkt.

Het verschil tussen de vier weergaven is een van de eerste dingen die je moet snappen. In de weergaven Code, Splitsen, Live en Ontwerp uitgelegd lees je wanneer je welke weergave gebruikt.

Werken met een site: de basis

Dreamweaver werkt het prettigst als je eerst een site definieert. Dat doe je via Site > Nieuwe site (Site > New Site). Je geeft je project een naam en wijst een map op je computer aan waarin alle bestanden komen. Vanaf dat moment weet Dreamweaver welke bestanden bij elkaar horen. Dat heeft een paar voordelen:

• Links en afbeeldingspaden worden automatisch aangepast als je een bestand verplaatst of hernoemt in het paneel Bestanden.
• Je kunt later een server toevoegen en bestanden met Plaatsen (Put) uploaden of met Ophalen (Get) downloaden.
• Functies als sjablonen en sitebrede zoek-en-vervang werken alleen goed binnen een gedefinieerde site.

Bestaande sites beheer je via Site > Sites beheren (Manage Sites). Daar kun je een site bewerken, dupliceren, exporteren of uit de lijst verwijderen. Verwijderen uit de lijst laat je bestanden overigens gewoon staan.

Dreamweaver vergeleken met alternatieven

Er zijn veel manieren om een website te maken. Om te bepalen of Dreamweaver bij je past, helpt een eerlijke vergelijking:

• Gratis code-editors zoals Visual Studio Code zijn populair onder ontwikkelaars. Ze zijn sterk in code, maar hebben geen visuele weergave en geen ingebouwde CSS Designer. Dreamweaver is toegankelijker als je visueel wilt kunnen meekijken.
• Online websitebouwers werken met slepen en neerzetten. Dat gaat snel, maar je hebt weinig controle over de code en je site blijft bij die aanbieder.
• WordPress en andere CMS’en zijn ideaal voor sites waarop veel content wordt geplaatst. Ze vragen wel onderhoud: updates, plug-ins en beveiliging.

Dreamweaver is vooral sterk als je zelf de code in handen wilt hebben en toch visuele hulp wilt. Het nadeel is het abonnement: je betaalt doorlopend. De actuele prijs en de beschikbare abonnementsvormen vind je op de website van Adobe. Ook een gratis proefperiode wordt daar aangeboden.

Waar loop je als beginner tegenaan?

Een paar dingen zijn goed om vooraf te weten:

1. Dreamweaver leert je geen HTML vanzelf. De visuele hulpmiddelen helpen, maar je haalt het meeste uit het programma als je de basis van HTML en CSS begrijpt.
2. De weergave Ontwerp is beperkt. Moderne CSS-layouts toont die weergave niet altijd correct. De weergave Live geeft een betrouwbaarder beeld.
3. Bestandspaden zijn belangrijk. Werk altijd binnen je sitemap, anders kloppen links en afbeeldingen niet meer zodra je de site online zet.
4. Sneltoetsen besparen veel tijd. In het overzicht met handige Dreamweaver-sneltoetsen vind je de combinaties die je dagelijks gebruikt.

Wat er in elke versie is veranderd, staat in het overzicht van nieuwe functies op de helpsite van Adobe.

Conclusie

Dreamweaver is een volwaardige editor om websites te bouwen met echte HTML, CSS en JavaScript, met een visuele voorvertoning, CSS Designer, Bootstrap-ondersteuning, sjablonen en een ingebouwde FTP-verbinding. Het past goed bij beginners die code willen leren en bij webbouwers die controle willen houden over hun bestanden. Voor sites met veel redactionele content is een CMS vaak handiger. Wil je aan de slag, installeer dan de proefversie en bouw meteen een eerste pagina: daarmee leer je het programma het snelst kennen.

Veelgestelde vragen