Webdesign

Webdesign

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

Je docent geeft je je huiswerkopdracht.

De volgende les neem je deze ingevuld mee. De opdracht ziet er als volgt uit:

/userfiles/0dc4e789cb09ce53bedd691259a864eb7708b5e0.htm

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. 

 

  • Het arrangement Webdesign is gemaakt met Wikiwijs van Kennisnet. Wikiwijs is hét onderwijsplatform waar je leermiddelen zoekt, maakt en deelt.

    Auteur
    Anja Schoots Je moet eerst inloggen om feedback aan de auteur te kunnen geven.
    Laatst gewijzigd
    2016-08-06 13:04:56
    Licentie

    Dit lesmateriaal is gepubliceerd onder de Creative Commons Naamsvermelding 3.0 Nederlands licentie. Dit houdt in dat je onder de voorwaarde van naamsvermelding vrij bent om:

    • het werk te delen - te kopiëren, te verspreiden en door te geven via elk medium of bestandsformaat
    • het werk te bewerken - te remixen, te veranderen en afgeleide werken te maken
    • voor alle doeleinden, inclusief commerciële doeleinden.

    Meer informatie over de CC Naamsvermelding 3.0 Nederland licentie.

    Aanvullende informatie over dit lesmateriaal

    Van dit lesmateriaal is de volgende aanvullende informatie beschikbaar:

    Toelichting
    Een webpagina schrijven
    Leerniveau
    MBO, Niveau 4: Middenkaderopleiding;
    Leerinhoud en doelen
    Nederlands; Schrijfvaardigheid;
    Eindgebruiker
    leerling/student
    Moeilijkheidsgraad
    gemiddeld

    Gebruikte Wikiwijs Arrangementen

    Schoots, Anja. (2016).

    Topkok

    https://maken.wikiwijs.nl/82828/Topkok

  • Downloaden

    Het volledige arrangement is in de onderstaande formaten te downloaden.

    Metadata

    LTI

    Leeromgevingen die gebruik maken van LTI kunnen Wikiwijs arrangementen en toetsen afspelen en resultaten terugkoppelen. Hiervoor moet de leeromgeving wel bij Wikiwijs aangemeld zijn. Wil je gebruik maken van de LTI koppeling? Meld je aan via info@wikiwijs.nl met het verzoek om een LTI koppeling aan te gaan.

    Maak je al gebruik van LTI? Gebruik dan de onderstaande Launch URL’s.

    Arrangement

    IMSCC package

    Wil je de Launch URL’s niet los kopiëren, maar in één keer downloaden? Download dan de IMSCC package.

    Meer informatie voor ontwikkelaars

    Wikiwijs lesmateriaal kan worden gebruikt in een externe leeromgeving. Er kunnen koppelingen worden gemaakt en het lesmateriaal kan op verschillende manieren worden geëxporteerd. Meer informatie hierover kun je vinden op onze Developers Wiki.