Lesbrief 2

Presentatie & styling

Lesbrief 2;
Een website ontwerpen
1 / 25
next
Slide 1: Slide
Economie & OndernemenMiddelbare schoolvmbo b, kLeerjaar 4

This lesson contains 25 slides, with interactive quizzes, text slides and 1 video.

time-iconLesson duration is: 45 min

Items in this lesson

Presentatie & styling

Lesbrief 2;
Een website ontwerpen

Slide 1 - Slide

Website
Een website is één of meerdere pagina's met tekst, plaatjes, video of geluid op internet.

Slide 2 - Slide

Verschillende soorten websites
Er zijn verschillende soorten websites:
  • websites waar je iets kunt kopen
  • websites waar je informatie kunt vinden over een onderwerp
  • websites waar je met andere mensen kunt praten over een onderwerp
  • websites waar je dingen kunt doen, zoals spelletjes spelen of een website bouwen.

Slide 3 - Slide

Waarom hebben bedrijven een website?
  • goede manier om reclame te maken
  • website is 24 uur per dag bereikbaar
  • bezoekers van de website kunnen een goede indruk van het bedrijf krijgen
  • je kunt ermee laten zien wat je doet en hoe je werk eruit ziet
  • alle informatie over het bedrijf staat netjes bij elkaar

Slide 4 - Slide

Indeling website
De homepage is de 'thuispagina' van een website. Via de naam van de website kom je op de homepage terecht.
Vaak is de homepage vooral een sfeermaker. Daarnaast laat de homepagina zien wat je allemaal op de website kunt vinden.
Via de homepage kun je vaak doorklikken naar andere delen van de website.

Slide 5 - Slide

Indeling website
Op de homepagina vind je ook een menubalk (navigatiemenu). In het navigatiemenu staan verschillende knoppen. Hiermee kun je naar de andere pagina’s van de website gaan.
De manier waarop je door een website heen kunt klikken noem je navigeren.

Slide 6 - Slide

Hamburgermenu
In een website die je via je telefoon bekijkt is vaak geen ruimte voor een menubalk, daarom vind je het menu van de website vaak achter een symbool met drie op elkaar gestapelde streepjes. Het lijkt een beetje op een hamburger, vandaar dat we dit symbool 'hamburgermenu' noemen.

Slide 7 - Slide

Indeling website
Bij het ontwerpen van een website moet je rekening houden met de indeling. In het filmpje op de volgende slide wordt hierover meer verteld. 

Slide 8 - Slide

Slide 9 - Video

Functionaliteiten ven een website
Met de functionaliteiten van een website bedoelen we: 
Wat kan de website? 
Voorbeelden van functionaliteiten van een website zijn:
  • Kun je er iets kopen?
  • Is er een zoekfunctie?
  • Kun je met een helpdesk chatten?
  • Worden er reviews van klanten getoond?
  • Is er een plattegrond te zien met daarop de locatie van het bedrijf?

Slide 10 - Slide

Functioneel ontwerp
Als je een website ontwerpt voor een klant, maak je een functioneel ontwerp. Dit is een schets waarin je beschrijft welke functionaliteiten de website moet hebben.

Slide 11 - Slide

Navigatie structuur
In het functioneel ontwerp laat je ook duidelijk de navigatiestructuur zien.

De navigatiestructuur laat alle webpagina’s van de website zien.


De navigatiestructuur laat zien hoe de gebruiker door de website kan navigeren.

Slide 12 - Slide

Kruimelpad
Het kruimelpad laat de weg van de homepagina tot de pagina waar de bezoeker zich op bevindt zien. 

Het kruimelpad is een soort beknopte routekaart voor bezoekers. 

Slide 13 - Slide

Omschrijf in je eigen woorden wat het begrip 'homepage' betekend?

Slide 14 - Open question

Bekijk de afbeelding. Hoe noem je het bovenste deel van de website?
A
footer
B
header
C
homepage
D
body

Slide 15 - Quiz

Bekijk de afbeelding. Hoe noem je het onderste deel van de website?
A
footer
B
header
C
homepage
D
body

Slide 16 - Quiz

Bekijk de afbeelding. Hoe heet het omcirkelde deel?

Slide 17 - Open question

Hoe noemen we een schets waarin je beschrijft welke functionaliteiten de website moet hebben?

Slide 18 - Open question

Bekijk de afbeelding. Hoe heet het omcirkelde deel?

Slide 19 - Open question

Conversie
Wanneer je een website hebt, wil je natuurlijk dat je bezoekers niet alleen je pagina’s bekijken. Je website heeft een doel, namelijk dat bezoekers klant van je worden. Je wilt dat ze dingen van je kopen of dat ze een afspraak met je willen maken. Dit noem je conversie.

Conversie is een ander woord voor verandering. De bezoeker van jouw website moet veranderen in een koper.

Slide 20 - Slide

Call to action
‘Call to action’ = een oproep tot actie.

Een 'Call to action' button is een knop op een website met daarachter een hyperlink die je oproept tot actie!

Slide 21 - Slide

Call to action
Een button (een knop) op een website die oproept tot actie, noemen we een 'Call to action button'.
Met deze button kan een klant bijvoorbeeld iets downloaden, iets in zijn winkelmandje stoppen of zich ergens voor inschrijven. 
(bekijk de voorbeelden hieronder).

Slide 22 - Slide

Hyperlink
Een hyperlink of link is een verwijzing naar een andere webpagina, een andere website of naar bijv. een filmpje.
Door op de link te klikken, kom je op een ander deel van internet terecht.
Je kunt zo verwijzen naar een andere pagina van je eigen website, maar ook naar een pagina van iemand anders. 

Slide 23 - Slide

De groene button is een voorbeeld van Call to action
A
Waar
B
Niet waar

Slide 24 - Quiz

Leg uit wat conversie is

Slide 25 - Open question