WYSIWYG-editors: webdesign puur en simpel

Met een ‘WYSIWYG-editor’ kun je zelfs als beginner aantrekkelijke websites bouwen. Maar zo’n editor is ook handig voor wie snel een landingpage wil bouwen of gewoon HTML en CSS wil oefenen.

In het begin was er het web en dat bestond uit de opmaaktaal HTML. Weliswaar is dat een vrij eenvoudige programmeertaal, maar toch is webdesign met een teksteditor niet voor iedereen zo gemakkelijk. Dit is precies de reden waarom er al snel webeditors op WYSIWYG-basis beschikbaar kwamen. Die afkorting staat voor ‘What you see is what you get’ en betekent dat je een website via een grafische interface bouwt. Je ziet het resultaat zodra je begint te bewerken.

Als je zo’n programma gebruikt bij het ontwerpen van je website, kun je elementen invoegen, verplaatsen en wijzigen en wordt de benodigde HTML-code automatisch op de achtergrond gegenereerd. Dit gaat heel intuïtief en daarom werken onder andere STRATO Sitebuilder en STRATO Webshop volgens dit principe.

WYSIWYG is vooral praktisch voor beginners

Het WYSIWYG-idee is dus heel erg handig voor beginners. Naast onze sitebuilder en webshop bestaan er nog talloze WYSIWYG-programma’s van andere aanbieders – voor Windows, Linux en macOS. Deze software is niet altijd zo gemakkelijk te gebruiken als STRATO Sitebuilder, maar je kunt er wel rechtstreeks in de HTML-code van je site mee werken, als dat nodig is. Zo kunnen startende webbouwers vrij eenvoudig met HTML en CSS aan de slag. Ze zien het effect van de veranderingen immers zowel in de code als in de preview.

WYSIWYG is stabiel, flexibel en mobiel

De statische website die je met zo’n editor bouwt, is zeer stabiel en snel door het ontbreken van dynamische elementen. Je kunt de site naar elke webspace uploaden. De hosting hoeft namelijk alleen HTML en CSS te ondersteunen. Ook back-ups of verhuizingen zijn geen probleem: kopieer de site naar een nieuwe plek en klaar. Maar een site die je met een WYSIWYG-editor hebt gebouwd, voldoet misschien niet aan alle eisen die je stelt. Wie bijvoorbeeld een website met dynamische content nodig heeft, grotere projecten plant of de website via de browser direct op de server wil bouwen, heeft een alternatief nodig. Je kunt dan een flat-file CMS of bijvoorbeeld WordPress kiezen. Die laatste heeft zelfs een eigen WYSIWYG-editor.

Welke gratis WYSIWYG-editors zijn er?

Helaas zijn het juist deze gemakkelijk verkrijgbare contentmanagementsystemen die de laatste jaren een scheefgroei in de beschikbare WYSIWYG-editors hebben veroorzaakt. Dit is vooral voor beginners jammer, want bekende programma’s als Microsoft FrontPage of Apple iWeb zijn inmiddels niet meer verkrijgbaar. Wel zijn er tegenwoordig nog andere praktische, gratis WYSIWYG-editors beschikbaar, die we hieronder voor je op een rij zetten.

• BlueGriffon
  BlueGriffon is een open source-project dat de voortzetting is van de bekende WYSIWYG-editor uit de Netscape-browser. Intussen heeft dit project verschillende namen gehad en zijn er talloze verbeteringen doorgevoerd. De editor is daarom ook geschikt voor moderne websites. BlueGriffon is nog steeds gratis verkrijgbaar en vormt een perfecte instap in de wereld van websiteontwerp. Er is ook een betaalde premiumlicentie beschikbaar. De belangrijkste voordelen daarvan zijn een handleiding en (als je de Epub-licentie kiest) het maken van e-books. De betaalde versie biedt verder gratis websitesjablonen en een previewfunctie van de mobiele site. BlueGriffon is beschikbaar voor Windows, Mac en Linux en vormt een goede manier om te beginnen met WYSIWYG-webdesign.
• NetObjects Fusion Essentials
  NetObjects Fusion Essentials werkt volgens een soortgelijk concept. Deze gratis WYSIWYG-editor is de basisversie van de NetObjects-software en is voldoende om de eerste stappen in visueel webdesign te zetten. Wil je meer? Dan kun je afzonderlijke modules kopen of de volledige versie, waarin alle functies aanwezig zijn. NetObjects Fusion Essentials is alleen beschikbaar voor Windows-gebruikers.
• Rocket Cake
  De instapversie van Rocket Cake van Ambiera is ook gratis. Deze WYSIWYG-editor voor Mac en Windows legt de nadruk op geavanceerde functionaliteit, veel opties en een krachtige previewfunctie. Net als bij BlueGriffon en NetObjects is de gratis basisversie meer dan voldoende om een fraaie website mee te bouwen. Ook omdat de voordelige premiumversie beperkt blijft tot een paar extra’s, zoals handmatige codesnippets en premiumsupport.
• Word en OpenOffice/LibreOffice
  Voor heel eenvoudige websites kun je tekstverwerkers als Microsoft of OpenOffice en LibreOffice gebruiken. Daarmee is het namelijk ook mogelijk om eenvoudige websites te bouwen, die je dan in HTML-formaat opslaat met de functie ‘Opslaan als’. Deze HTML-exportfunctie is vrij basic, maar kan toch heel handig zijn voor eenvoudige sites.

WYSIWYG voor ervaren gebruikers? Dat bestaat nog!

Natuurlijk zijn er ook ervaren gebruikers die met WYSIWYG-editors willen werken, zelfs al hebben ze veel ervaring in webdesign of zelfs als professionele ontwerpers. Ze doen dat gewoon omdat het hun werk gemakkelijker maakt. Adobe Dreamweaver is gericht op deze groep gebruikers. Dit geavanceerde programma maakt het bouwen van complexe websites mogelijk. Het sluit naadloos aan op andere Adobe-producten zoals Photoshop. Maar deze software is niet geschikt voor beginners: het programma heeft talloze functies en is ook relatief duur, omdat je een maandabonnement moet afsluiten.

Mooie websites in een handomdraai

WYSIWYG-editors kunnen een goede start bieden voor beginnende webdesigners. Ze helpen niet alleen bij het ontwerpen, maar ook bij het begrijpen van de technologie erachter. Met een WYSIWYG-editor kun je aantrekkelijke websites bouwen, ongeacht je ervaring, omdat zo’n editor intuïtieve functies biedt. Het is ook een eenvoudig alternatief voor WordPress en andere CMS-oplossingen. Tot slot bespaart het je veel werk als je snel en gemakkelijk een statische website, web-visitekaartjes of landingpages wilt bouwen.