Introductie voor een webdesign

 

 

 

 

Het bouwen van een website: Inleiding

 

Welk type websites zijn er?

Er zijn meerdere soorten websites. Websites die gebouwd zijn met een softwaretool, zoals Dreamweaver of MS Expression. Websites die gebouwd zijn met een Content Management Systeem (CMS), deze type websites worden veel gebruikt als Intranets van bedrijven of binnen bepaalde web communities en social webmedia omgevingen. En er zijn websites die gebouwd zijn met zogenaamde web blog tools, zoals Wordpress, Blogger en Typepad. Voor de laatste type website heb je geen specialistische kennis nodig om een webpagina te maken. Tevens kun je met de laatste type een webpagina onderhouden via een gewone webbrowser. Een voordeel van deze blog tools is ook dat deze volledig gratis zijn. Een voorbeeld van een Wordpress website kunt u hier vinden.

Ook zijn er (meer complexe) websites die met ASP (Active Server pages) en PHP werken. Dit zijn websites die veel interactiviteit kennen en onder andere met databases werken. Ook zijn er websites die met Java of Ajax zijn gebouwd. Vaak zijn dit zogenaamde Portal websites.

 

In ons advies focussen we ons alleen op de traditionele HTML website die 'op maat' gemaakt kan worden en gebouwd en onderhouden wordt via een softwaretool. Dit soort websites doen het gewoon goed bij zowel de bezoekers als de zoekmachines.

Wilt u weten hoe u een gratis web blog website maakt, kijk dan in onze monstergids. Daar heb ik een en ander uitgelegd.

 

Welke tool moet ik gebruiken om een website te bouwen?

Er zijn vrij veel tools (ook gratis) op de markt om een website te bouwen. Zelfs met het bekende Notepad (kladblok van Windows) kun je een webpagina maken, maar deze kent geen validatie checks dus liever niet.

Het beste is om een programma te nemen waarmee je zelf de HTML en CSS broncode kan aanpassen en valideren en waarmee je offline de resultaten in je browser kan bekijken.

Er zijn bekende en minder bekende softwaretools op de markt, maar twee vis ik er even uit: Adobe Dreamweaver en MS FrontPage (FP). Dreamweaver is een professioneel allround webdeveloper's tool die vrijwel alles in zich heeft wat een webdeveloper nodig heeft om een website te bouwen. Dit pakket is daarom een zeer populaire ontwikkeltool.

MS FrontPage is onderdeel van de Microsoft Office familie en kan ook geschikt zijn om een prima functionele website te maken (hoewel de haren van sommige 'die hard' developers nu recht overeind gaan staan). De laatste versie van FP die Microsoft heeft uitgegeven is FrontPage 2003 (Microsoft is daarna overgegaan naar Expression web, een meer geavanceerde ontwikkeltool). FP 2003 is zeker nog via een medium als Marktplaats nog makkelijk te verkrijgen.

Zoals bij vele MS (Microsoft Windows) programma's zijn er soms features die alleen correct functioneren binnen de MS omgeving. Dit geldt ook voor enkele features binnen FP. Maar zolang je deze specifieke MS features niet gebruikt (wat ook niet hoeft), kun je een prima (conform standaard W3C richtlijnen) functionerende website ontwerpen en onderhouden. FP heeft dezelfde look&feel als alle andere MS programma's, zoals Word en PowerPoint. Daarom zal voor menig persoon FP een vrij makkelijk te gebruiken programma zijn.

Deze site onder andere is qua basis gemaakt in FP. Zolang je de HEAD sectie gewoon met de hand maakt en geen opmaakcode gebruikt in de HTML (maar deze verwerkt in een CSS), dus alleen maar platte tekst gebruikt voor de HTML pagina's, hoef je niet bang te zijn dat er ongewenste (validatie) dingen gebeuren.

 

Regels  voor het ontwerpen van een website

Webontwerp is niet wit of zwart. Op dit moment  -en zover we in de toekomst kunnen kijken- is er maar één regel waaraan een webontwerper zich houdt en dat is dat er geen strakke regels zijn.

Natuurlijk zijn er richtlijnen ontstaan die adviseren dat een website aan bepaalde (technische) voorwaarden moet voldoen, zoals een acceptabele loadtime, geen pagina's dieper dan 3x klikken, geen lichte tekstkleuren op donkere achtergronden, etc.

Maar dit heeft alles te maken met de succesfactoren: keywords, content, site structuur, usability en interactie ontwerp. Iedere webontwerper houdt daar rekening mee en zal zich houden aan wat 'bewezen' werkt en vermijdt wat ten nadele is van deze succesfactoren.

Belangrijk is wel om de richtlijnen die SE' s voorschrijven te hanteren. Deze richtlijnen hebben meer te maken met SEO en niet zozeer de look & feel van een website.
In de volgende hoofdstukken zullen we wel dieper in gaan op de richtlijnen die voor iedere website geldt.

 

Ik adviseer u om op deze website meer te lezen over website usability en writing for the web.

 

Resumé

Laat u niet te veel afleiden of beïnvloeden door de vele (verschillende) adviezen, meningen en richtlijnen die te vinden zijn bij organisaties waarbij webontwerp een product is. Het advies van de ene hoeft niet leidend te zijn boven een ander advies. Dit hangt geheel van uw eisen, wensen en doelstelling af.
Uw primaire doelstelling zal zijn dat u een website wilt die naar uw tevredenheid ontworpen wordt, makkelijk te onderhouden is, ontworpen is volgens de geldende  (SEO) richtlijnen en een functionele bijdrage kan leveren aan uw organisatie of instelling. Dus: bruikbaar, toegankelijk en succesvol. Met welk softwarepakket dat gedaan wordt en welke ontwerptechnieken daarvoor gebruikt worden, is in deze dan minder relevant.