Een brief typen kun je in Word doen, een afbeelding verkleinen in Paint, surfen met Internet Explorer enzovoort. Om je website in elkaar te steken, heb je ook een computerprogramma nodig: een tekstverwerker voor webpagina's, ofwel een editor genaamd.

Dit artikel laat je kennis maken met de verschillende soorten editors die er bestaan om een website te ontwerpen en plaatst de voor- en nadelen op een rijtje.

Teksteditor

De goedkoopste oplossing om een website te ontwerpen is het gebruiken van een simpele teksteditor. Elk besturingssysteem heeft standaard zo'n programma aan boord:

• Kladblok voor Windows
• TextEdit voor Mac
• Vi voor Linux
• ...

Veel meer dan platte tekst (dit is tekst zonder opmaak) typen kun je hiermee niet doen, maar meer moet dat niet zijn om je codes te typen aangezien het hier ook om platte tekst gaat.

Nadeel is wel dat je alle codes min of meer uit het hoofd zult moeten leren én zelf moet intypen. Al gauw wordt dit een onoverzichtelijke boel als je de codetaal niet goed beheerst, meer iets voor echte kenners dus.

HTML-editor

Je kunt ook gebruik maken van een HTML-editor. Dit is een programma dat (in beperkte mate) code voor je schrijft en die structuur steekt in je code d.m.v. inspringingen, kleuren,...

Het kleuren van codes wordt ook syntax highlighting genoemd.

Een aantal goede én gratis HTML-editors op een rij:

• 1st Page 2000 v2.0 Final
• Notepad++
• TextWrangler (voor Mac-gebruikers)

De meeste HTML-editors "kennen" trouwens ook andere programmeertalen waardoor ook die codes netjes zullen opgemaakt worden met inspringingen, kleuren enzovoort.

WYSIWYG-editor

Je kunt ook gebruik maken van een WYSIWYG-editor. WYSIWYG staat voor What You See Is What You Get hetgeen betekent dat je zelf helemaal geen code moet kennen om een webpagina te maken.

Hoe de website er uiteindelijk zal uitzien, zie je meteen in je programma. Een beetje zoals je een document zou opmaken in je tekstverwerker dus. Als je in de broncode zou duiken (want dat kan ook), zou je zien dat zoals bij een HTML-editor ook de codes mooi zijn opgemaakt d.m.v. inspringingen, kleuren enzovoort.

Goede WYSIWYG-editors zijn:

• Microsoft FrontPage
• Macromedia Dreamweaver

Nadeel is wel dat deze programma's zeer duur zijn in aanschaf. Een gratis alternatief is dan NVU, een editor gemaakt door de Mozilla-gemeenschap.

Wat kiezen?

Wat je nu het beste kiest, hangt vooral af van deze factoren:

• Hoe jij je ideale werkomgeving ziet
  Zit je graag tussen de code te typen, hou je het liever basic,...
• Hoe intens je bezig wilt zijn met het ontwerpen van je website
  Als je alle codes zelf moet typen, leer je natuurlijk wel het snelste hoe (X)HTML, CSS enz. in elkaar zit. Het is later ook gemakkelijker om iets aan te passen aangezien je weet hoe de code in elkaar steekt.
• Hoeveel tijd je hebt om je website te ontwerpen
  Het spreekt vanzelf dat je meer tijd verliest met het handmatig invoeren van codes.
• Hoeveel controle je wilt over de broncode
  WYSIWYG-editors steken vaak overtollige codes in je webpagina's, waardoor je pagina langer moet laden en je broncode minder overzichtelijk wordt.

Als je echter geen tijd of zin hebt om je te verdiepen in de code, kun je best gebruik maken van een WYSIWYG-editor zoals FrontPage of Dreamweaver. Dit programma schrijft dan de code voor jou en je moet je er verder niets van aantrekken.