Welkom!
Beeld en inhoud: alles klopt met elkaar
Je weet dat bedrijven met tekst en beeld indruk willen maken op hun doelgroep. Van tevoren wordt goed nagedacht over het taalgebruik en de associaties die dat bij de doelgroep oproept. Het beeld moet de boodschap ondersteunen.
Voor webpagina's zijn er specifieke eisen. Het internet is een vluchtig medium, mensen zijn geneigd snel door te klikken. Om te voorkomen dat de boodschap niet overkomt, zijn er bepaalde trucs die je kunt toepassen. Daarover gaat deze lessenserie.
Doelen en werkwijze
Wat ga je leren?
- Je leert welke specifieke eisen er aan tekst en opmaak worden gesteld voor een website.
- Je leert websites beoordelen aan de hand van deze eisen.
- Je leert verbetertips te formuleren.
- Je leert hoe je in korte tijd een goede website kunt maken waar beeld en tekst elkaar ondersteunen en die aansluit op de doelgroep.
Hoe ga je dat leren?
De eerste les beoordeel je een aantal websites. Je vult een reflectieformulier in. Samen met klasgenoten wissel je ideeën uit. Je krijgt een opdracht voor de tweede les mee: het schrijfplan. Huiswerk voor de volgende les is om dit schrijfplan vast in te vullen.
De tweede les maak je een website met Weebly. Op basis van je schrijfplan bouw je de site en zorg je voor een aantrekkelijke vormgeving. In tweetallen beoordeel je elkaars website.
De opdracht: les 1
1. Beoordeel de volgende sites (klik op de afbeelding voor de link):
1. 
2. 
3. 
4. 
Schrijf je reflectie op het reflectieformulier dat je van je docent hebt gekregen. Hieronder zie je een voorbeeld. Onder het kopje 'eisen webdesign' vind je meer informatie over waar een goede website aan moet voldoen.
2. Als de docent het aangeeft, wissel je je reflectie uit met een klasgenoot. Wat is jullie opgevallen? Zijn er verschillen in jullie beoordeling? Zijn er zaken die je nog wilt veranderen op je reflectieformulier: doe dat dan nu.
3. Bespreek met elkaar wat je geleerd hebt deze les.
4. Je ontvangt je huiswerkopdracht van je docent.
Voorbeeld reflectieformulier (als je erop klikt, opent het volledige formulier):

Eisen webdesign
Een webpagina is overzichtelijk:
- Het menu is makkelijk te vinden, met begrijpelijke termen erop.
- Er is niet te veel afleiding door een overdaad aan plaatjes en kleurtjes.
De tekst:
- Is kort: een schermtekst lezen mensen trager dan een gewone tekst.
- Is bondig: mensen klikken snel door, dus houd de tekst kort en concreet.
- Duidelijk: de lezer begrijpt meteen wat hij op de website kan vinden.
- Heeft alinea's: dit maakt de lezer duidelijk wat hij kan vinden op de pagina.
- Is interactief: je leidt de lezer naar wat hij moet doen, zoals aanmelden, een contactformulier invullen, liken of doorklikken. Je spreekt de lezer direct aan met je of u (dus niet 'op deze site is informatie te vinden over....' maar 'je/u vindt hier ....').
- Heeft duidelijke linkteksten (een steekwoord waaruit blijkt wat er achter de link te vinden is).
De opbouw:
- De tekst begint met het belangrijkste (geen uitgebreide inleiding of achtergrondinformatie). De lezer moet meteen zien waar het om gaat.
- Er zijn korte paragrafen met aansprekende kopjes (kopjes die aansluiten op wat de lezer zoekt).
Huiswerkopdracht
Les 2: webdesign en feedback
Website maken
Maak een Weebly pagina aan. Bouw deze pagina op met behulp van je schrijfplan.
Controleren
Controleer je tekst op spelling en formulering.
Feedback geven
De docent geeft aan wanneer je elkaar feedback gaat geven. Dit doe je in tweetallen.
Reflecteren
Wat heb je geleerd deze les? Wat wil je zeker onthouden voor de toekomst? Wat wist je al?
Feedbackformulier
De docent deelt de feedbackformulieren uit.
