Lesbrief 2

• Economie & Ondernemen
• Middelbare school
• vmbo b, k
• Leerjaar 4

Presentatie & styling

Lesbrief 2;

Een website ontwerpen

Website

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

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.

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

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.

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.

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.

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. 

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?

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.

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.

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. 

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

Bekijk de afbeelding. Hoe noem je het bovenste deel van de website?

1. footer
2. header
3. homepage
4. body

Bekijk de afbeelding. Hoe noem je het onderste deel van de website?

1. footer
2. header
3. homepage
4. body

Bekijk de afbeelding. Hoe heet het omcirkelde deel?

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

Bekijk de afbeelding. Hoe heet het omcirkelde deel?

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.

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!

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).

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. 

De groene button is een voorbeeld van Call to action

1. Waar
2. Niet waar

Leg uit wat conversie is