HTML-Editors
Vormgeven met HTML-Editors
Het werken met HTML-Editors maakte mij zo enthousiast, dat ik snel van start ging met een webdesign cursus door opleidingsinstituut NHA. Daarbij maakte ik o.a. handig gebruik van de HTML-Kit, om de basisbegrippen van HTML-codes te leren.
Omdat HTML voor het bouwen van websites, één van de meest gebruikte opmaaktalen is, kan ik je adviseren hier wat meer kennis over op te doen. Bovendien is het niet moeilijk en kan iedereen het leren.
HTML Implanteren
Hoe vindt je het trouwens als er editors bestaan, waarmee je de HTML-codes kunt verbeteren? Of waarmee je er minimaal voor kunt zorgen dat je geschreven codes geen of minder fouten zullen bevatten?
Door de HTML eerst met behulp van een HTML-Editor te schrijven en de codes daarna in de CMS te implanteren. Zelfs een meester in coderen maakt wel eens een tikfoutje, na een hele dag codes schrijven!
Zo’n HTML-Editor helpt je bij het ondervangen van fouten. Dit zodat je niet handmatig honderden regels codes langs hoeft te gaan, om te zien waar het nou exact mis ging!
Naast de HTML broncode wordt er door bepaalde editors, ook gecodeerd op bijvoorbeeld PHP, zodat je over meer mogelijkheden beschikt. Zeker leerzaam wanneer je graag als webdesigner, jezelf verder wilt ontwikkelen.
Vormgeven met HTML-Kit
De HTML-kit is zo ongeveer de meest simpele webbuilder, waarmee je grotendeels zelf codes moet schrijven. Dat is al mogelijk met het schrijfprogramma Kladblok, al zul je dan wel alle toegepaste codes moeten coderen.
Belangrijkste Eigenschappen van HTML-Kit:
• HTML Kit herkent onderdelen van de HTML taal en geeft die in kleuren aan
• Typfouten worden door de verschillende kleuren snel herkend
• Het schakelen tussen de browser en de editor, is niet moeilijk
Ontwerpen met ‘Split View’
HTML Kit herkent alle html-elementen en zet deze voor je op een rij zodra je begint met typen. Wanneer je op ‘Split View’ klikt, wordt het beeldscherm automatisch in twee delen opgesplitst.
Links zie je de originele code die je zelf gemaakt hebt en rechts de geoptimaliseerde code. Indien je een typefout gemaakt hebt door bijv. een ‘<‘ tag te vergeten, dan wordt dat in het rechtervenster aangegeven en gecorrigeerd.
HTML Kit | www.htmlkit.com
Gebruikers-Interface van de HTML-Kit:
![]() |
Werken met KompoZer?
Mede daarom is de KompoZer een aanrader omdat je met deze editor, naast knippen en plakken in het W.Y.S.I.W.Y.G-gedeelte, ook de broncode kan wijzigen en aanpassen.
In het W.Y.S.I.W.Y.G-gedeelte zie je de opmaak zoals deze wordt weergegeven op de webpagina en staat daarom voor: What You See Is What You Get.
Deze HTML-Editors zijn gratis te downloaden en direct te gebruiken! Wanneer je dat doet met KompoZer, zal je gaan merken dat je hiermee heel makkelijk diverse codes kunt aanmaken.
Bezoek ook: CMS
Tabellen maken
Verder kun je met de KompoZer ook éénvoudig tabellen aanmaken. Er is zelfs een optie om automatisch een CSS bij te houden.
Met behulp van de knop ‘bekijken’, is direct het resultaat van de webpagina met een (vooraf ingestelde) webbrowser te controleren.
Bezoek ook: CSS
KompoZer | www.kompozer.net
Gebruikers-Interface van KompoZer:
![]() |
Bladeren Home
Kennisbank
HTML
HTML-Editors
• Elementen en Attributen
• Tabellen in HTML
• HTML-Kleurcodes
• Hyperlinks