Webdesign - Fase 1: Ontwerp Merletcollege

website 1 ontwerp  Merletcollege
1 / 12
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 4,5

In deze les zitten 12 slides, met interactieve quiz en tekstslides.

time-iconLesduur is: 50 min

Onderdelen in deze les

website 1 ontwerp  Merletcollege

Slide 1 - Tekstslide

Website maken





Fase 1: ontwerp

Slide 2 - Tekstslide

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.

Slide 3 - Tekstslide

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

Slide 4 - Open vraag

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.

Slide 5 - Tekstslide

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.

Slide 6 - Tekstslide

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.

Slide 7 - Tekstslide

 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.

Slide 8 - Tekstslide

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. 

Slide 9 - Tekstslide

Stap 4: Het paginaontwerp (2)
Een paginaontwerp kan je heel gemakkelijk maken met bijvoorbeeld Microsoft Word


Slide 10 - Tekstslide

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.

Slide 11 - Tekstslide

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.

Slide 12 - Tekstslide