Website maken D&P

• Dienstverlening en Producten
• Middelbare school
• vmbo g, mavo
• Leerjaar 3

Hoe voel je je?

1. 
2. 
3. 

Website maken D&P

Wat komt er bij kijken en wat moet je weten

Terugblikken en vooruit kijken

We kijken terug op het campingbezoek.

Start & terugblik campingbezoek (15 min)

o Klassikaal gesprek:

- Hoe hebben jullie het campingbezoek ervaren?

- Wat viel je op?

- Wat zou jij verbeteren?

- Werkboekje-opdracht:

- Schrijf: 3 dingen leuk, 2 dingen minder, 1 verbeteridee.

WEBSITES BEKIJKEN

Websitevergelijking in duo’s (25 min)

o Leerlingen bekijken 6 websites: 

Landal, Roompot, ANWB Camping, Natuurhuisje.nl, Camping.info, Natuurkampeerterreinen.

o Checklist in werkboekje:

- Navigatie (menu) → makkelijk of moeilijk?

- Kleuren → rustig of druk?

- Foto’s → duidelijk of verwarrend?

- Tekst → kort & duidelijk of te lang?

Volgende stap

o Terugkoppeling per duo: beste & slechtste site. Presenteren doen we voor de klas.

- Cijfers geven (10 min)

Leerlingen geven elk site een rapportcijfer en motiveren dit in werkboekje.

Pak je laptop erbij, we gaan beginnen.

Vooruitblik

• Website maken op papier
• Praktijkopdracht plus cijfer
• Programma RocketCake
• Zelf een website ontwerpen

Wat hoort er bij een website?

Lesdoelen

Doel 1: leerlingen kunnen kritisch zijn over de aangereikte websites

Doel 2: Leerlingen kunnen uitleggen wat een hyperlink is

doel 3: Leerlingen benoemen wat een cloud is

Doel 4: Leerlingen noemen 3 verschillende soorten websites op

Doel 5: leerlingen noemen 3 begrippen op die horen bij een website

Doel 6: leerlingen kiezen een land uit om hun website over te maken

• één of meer webpagina’s met tekst, plaatjes en filmpjes
  
• een webadres 
• een plek op een server waarop je de website zet, zodat bezoekers deze online (via internet) kunnen bekijken.

Voor een website zijn drie zaken nodig:

Webadres voorbeeld: www.jd.nl

Server

Om je website te laten draaien moet deze op een server staan

wat is een server?  

https://schooltv.nl/video/wat-doet-een-server-een-computer-die-taken-uitvoert-voor-andere-computers/#q=internet 

Webadres

Is de naam die je intypt als je bij de site wil komen.

Een onderdeel van je webadres is de domeinnaam. 

Domeinnaam is de naam van de website met de extensie .

Dus www.hema.nl (domeinnaam =hema en extensie.nl)

Een internetadres is opgebouwd uit verschillende onderdelen, deze staan hieronder.

Wat is de juiste volgorde van de onderdelen?

Zet in de juiste volgorde.

1

2

3

4

HTTPS

.nl

Domeinnaam

WWW

Webbrowsers

Om de gewenste informatie te vinden heb je een browser nodig, hieronder zie je enkele voorbeelden.

Wat is een URL? 

Afkorting van 'uniform resource locator'.

Nederlands woord voor URL is webadres. 

Een URL geeft een uniek internetadres voor een website of een bestand dat op internet staat. 

Net als je huis heeft ook iedere website zijn eigen adres.

Hyperlink

is een verbinding naar een andere webpagina of een ander document, bijvoorbeeld een document, foto of video.

Soorten websites

• webwinkel (wehkamp.nl)
• nieuwssite (nos.nl)
• Brandingsite ( merkbelevingssite) zoals pepsicola.com 
• Servicesite/dienstverleningssite (bv klantenservice/helpdesk)
• Communitysite (datingsites of ideeënplatform )

Webdesign

• Je houdt rekening met de doelgroep.
• Je luistert goed naar de wensen van de klant.
• Je bedenkt een mooie, aantrekkelijke vormgeving. Je gebruikt elke keer je gekozen kleuren.
• De website moet gebruiksvriendelijk zijn. Dit betekent dat iedereen die de website bezoekt daarop gemakkelijk kan vinden wat hij zoekt.

Wat is de cloud?

1. Heel veel servers met elkaar verbonden via een netwerk
2. Een groot draadloos netwerk waaraan iedereen verbonden is
3. Een grote harde schijf die ergens in een bunker staat
4. Een wolk met straling voor communicatie

Opdracht

1. Zoek een website die slordig, onoverzichtelijk en onduidelijk is - noteer het webadres
   
2. Zoek een website die duidelijk en overzichtelijk is, met  kwalitatief goede fotos - noteer het webadres
   
3. Geef bij beide webshops aan wat je goed vindt (top) en wat je niet goed vindt (flop) op een post-it
4. Wat neem jij hiervan mee in je eigenwebsite? Schrijf dit op de top post-it. 
   

_{Terugkomen op de lesdoelen} 

Doel 1: leerlingen kunnen kritisch zijn over de aangereikte websites

Doel 2: Leerlingen kunnen uitleggen wat een hyperlink is

doel 3: Leerlingen benoemen wat een cloud is

Doel 4: Leerlingen noemen 3 verschillende soorten websites op

Doel 5: leerlingen noemen 3 begrippen op die horen bij een website

Doel 6: leerlingen kiezen een land uit om hun website over te maken

Website op papier

Intro & uitleg (5 min) 

Leerlingen ontwerpen een campingwebsite met 5 pagina’s:

Home

Accommodaties

Activiteiten (met weekprogramma)

Kosten

Contact

(teken ook de header, footer en de foto's en tekst vlakken)

Schets per pagina (25 min)

Leerlingen tekenen indeling per pagina (menu, tekstvakken, foto’s).

Teksten schrijven (10 min)

Voorbeeld tekst voor 2 pagina’s:

Activiteitenpagina → schrijf een dag uit het weekprogramma.

Kostenpagina → maak een prijsoverzicht.

Koppelen & bespreken (10 min)

Leerlingen leggen hun ontwerp uit aan buurman/vrouw.

3-4 leerlingen tonen hun schets klassikaal.

Vooruitblikken: Volgende les ontwerpen we de website op RocketCake 

Hoe voel jij je na deze les?

1. 
2. 
3. 
4.