Webdesign - Fase 1: Ontwerp Merletcollege

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 4,5

website 1 ontwerp  Merletcollege

Website maken

Fase 1: ontwerp

Leerdoel

Aan het eind van deze les ken je de de zes stappen die je moet doorlopen van fase 1 van webdesign, het ontwerpen van de website zelf.

Noem twee richtlijnen waaraan je je moet houden bij het ontwerpen van een website.

Ontwerpen

Het ontwerpen van een website begint niet met het coderen. Wil je de 6 richtlijnen goed verwerken in je website dan moet je eerst goed hebben nagedacht over wat voor website je precies gaat ontwerpen.

Stap 1: het doel

Als eerste moet je het doel van de website duidelijk krijgen. Wat kan een bezoeker met de website? Je hebt uitgewerkt uit welke pagina's de website gaat bestaan en welke informatie op welke pagina komt te staan.

Stap 2: De sitemap

Als tweede moet je nadeken over de route die bezoekers kunnen nemen om bij bepaalde informatie te komen. Je gaat een sitemap maken. Dit is een soort overzicht van de menustructuur / navigatie.

 Stap 3: De kleurenstaal

Voordat je een website gaat bouwen moeten de kleuren die je gaat gebruiken al bekend zijn. Stel de kleuren af op het doel van je website en zorg ervoor dat je niet te veel verschillende kleuren gebruikt.

Stap 4: Het paginaontwerp (1)

Als het doel, de sitemap en de kleurenstijl bekend zijn kan er begonnen worden met het ontwerp van de verschillende pagina's. Vaak is de voorpagina anders vormgegeven dan de pagina's met informatie. De pagina met contactgegevens ziet er vaak ook anders uit. 

Stap 4: Het paginaontwerp (2)

Een paginaontwerp kan je heel gemakkelijk maken met bijvoorbeeld Microsoft Word

Stap 5: Evalueren

Als het ontwerp klaar is, is het belangrijk om het ontwerp te evalueren voordat je aan stap 6 begint. In die stap moet je namelijk de juiste afmetingen gaan bepalen. Het is beter om eerst het ontwerp te evalueren, zodat je niet alle afmetingen opnieuw moet aanpassen als het ontwerp niet goed blijkt te zijn. Het evalueren doe je aan de hand van de zes ontwerprichtlijnen.

Stap 6: De schematische tekening

De laatste fase van het ontwerpen van de website is de schematische tekening. Hierin ga je per pagina zo gedetailleerd mogelijk proberen te omschrijven hoe de opmaak van alle onderdelen is.