Theorie - website

   WEBSITE BOUWEN
1 / 35
next
Slide 1: Slide
D&pMiddelbare schoolvmbo b, kLeerjaar 3

This lesson contains 35 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 60 min

Items in this lesson

   WEBSITE BOUWEN

Slide 1 - Slide

This item has no instructions

Wat voor websites ken je?

Slide 2 - Mind map

This item has no instructions

Maak een screen shot van een webwinkel dat iets verkoopt

Slide 3 - Open question

This item has no instructions

Maak een screen shot van een site waar je het nieuws op kunt lezen /kijken

Slide 4 - Open question

This item has no instructions

Maak een screen shot van een site waar je met mensen kunt chatten

Slide 5 - Open question

This item has no instructions

  • 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.
Verschillende soorten websites

Slide 6 - Slide

This item has no instructions

Slide 7 - Slide

This item has no instructions

Slide 8 - Slide

This item has no instructions

Slide 9 - Slide

This item has no instructions

Slide 10 - Slide

This item has no instructions

De onderdelen van een website

Slide 11 - Slide

This item has no instructions

Upload een afbeelding van een webbrowser

Slide 12 - Open question

This item has no instructions

  • Een website is één of meerdere pagina's met tekst, plaatjes, video of geluid op internet.
  • Om naar een website te gaan heb je een webbrowser nodig. Dat is een computerprogramma om webpagina’s mee te bekijken. Bijvoorbeeld Safari, Internet Explorer, Google Chrome of Mozilla Firefox.

De onderdelen van een website

Slide 13 - Slide

This item has no instructions

Wat is een webbrowser?
A
Safari, Chrome, Internet Explorer
B
Een balk waar de URL in staat
C
Geen van beide
D
Weet ik niet

Slide 14 - Quiz

This item has no instructions

  • éé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

Slide 15 - Slide

This item has no instructions

Een server is een hele grote computer die met internet verbonden is en waarop websites staan. De server staat 24 uur per dag en 7 dagen in de week aan zodat een website altijd bereikbaar is.
Server

Slide 16 - Slide

Zonder een server kan je website ook niet online komen. bij overbelasting kan de server nooit uitvallen
Een website kun je laten draaien op de server van een hosting provider. Dat is een aanbieder van internetruimte. Deze ruimte kun je huren. Je huurt dan een stukje van de server.
Hosting provider

Slide 17 - Slide

Wordpress is een website bedrijf waar je online een website kan maken maar ook ruimte kan kopen op hun server.
Je betaald dan ruimte voor de online Cloud. 

En de provider zorgt er voor dat je foto's video's eventuele producten kan verkopen aan klanten
Een bedrijf dat internetruimte aanbied noem je?
A
Internet bedrijf
B
Provider
C
Hosting provider
D
Weet ik niet

Slide 18 - Quiz

This item has no instructions

Een server staat hoeveel uur per dag aan?
A
8 uur
B
4 uur
C
24 uur
D
Weet ik niet

Slide 19 - Quiz

This item has no instructions

Elke website heeft een homepagina. Dit is de pagina waar je op komt als je naar een website gaat. Op de homepagina vind je het 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. Vaak zijn onderwerpen die bij elkaar horen ondergebracht in een submenu.
Webpagina's

Slide 20 - Slide

Wordpress is een website bedrijf waar je online een website kan maken maar ook ruimte kan kopen op hun server.
Je betaald dan ruimte voor de online Cloud. 

En de provider zorgt er voor dat je foto's video's eventuele producten kan verkopen aan klanten
Indeling van een website
Eén van de meest gebruikte indelingen :

1. Header: De header is een blikvanger van de webpagina. 
Zorg voor een pakkende Header. Laat zien waar de website over gaat.
2. Navigatiemenu: Geef aan waar de bezoeker naar toe kan navigeren. 
De belangrijkste pagina's staan in het navigatiemenu.
3. Content: Hier zet je de afbeeldingen en tekst. 
Bedenk voor elke pagina een doel. 
4. Sidebar: Afhankelijk van het onderwerp veranderd de sidebar mee.
5. Footer: Onderaan de pagina. Wat kan erin: 
Herhaling van de belangrijkste pagina's
Contactgegevens 
Social Media. 


Slide 21 - Slide

This item has no instructions

Slide 22 - Slide

This item has no instructions

Slide 23 - Slide

This item has no instructions

Slide 24 - Slide

This item has no instructions

Wat is een hyperlink?
A
Link dat je doorstuurt naar een andere pagina
B
Link dat een bijlage opent
C
Koppeling dat je doorstuurt naar een andere pagina
D
weet ik niet

Slide 25 - Quiz

This item has no instructions

Slide 26 - Slide

Wordpress is een website bedrijf waar je online een website kan maken maar ook ruimte kan kopen op hun server.
Je betaald dan ruimte voor de online Cloud. 

En de provider zorgt er voor dat je foto's video's eventuele producten kan verkopen aan klanten

Een webadres bestaat uit verschillende onderdelen.
  • de extensie: het laatste stukje in de url, bijvoorbeeld .com of .nl
  • de domeinnaam: de naam van de website met de extensie
De domeinnaam is bijvoorbeeld bol.com.
De naam van de website bol.com is bol | De extensie is .com
  •  een host: de server waarop de website staat
  •  www.  staat voor world wide web. 


Webadres

Slide 27 - Slide

Elke website heeft een webadres. Dit is de naam die je moet intypen om naar de website te gaan.
Wat is de extensie van www.lidl.nl?
A
.com
B
.nl
C
.net
D
Weet ik niet

Slide 28 - Quiz

This item has no instructions

Wat is de domeinnaam van de www.lidl.nl met de extensie?
A
lidl.com
B
lidl.nl
C
lidl.net
D
Weet ik niet

Slide 29 - Quiz

This item has no instructions


  • Officieel begint een webadres met https://
  • Https staat voor Hypertext Transfer Protocol Secure. 
  • Hiermee kom je op een beveiligde website. Bijvoorbeeld bij internetbankieren. 
  • Je herkent het aan het slotje in de browserbalk.
  • Websites die (nog) niet op deze manier beveiligd zijn beginnen met http. 
Bezoek je zo'n website, dan geeft je computer vaak een waarschuwing dat de site mogelijk onveilig is.
https://

Slide 30 - Slide

Elke website heeft een webadres. Dit is de naam die je moet intypen om naar de website te gaan.
URL
Uniform Resource Locator

Slide 31 - Slide

This item has no instructions

Welke URL is juist?
A
zalando.nl
B
www.zalando.nl
C
www.zalando
D
zalando

Slide 32 - Quiz

This item has no instructions

Maak opdracht 3

Slide 33 - Slide

This item has no instructions

 Functioneel ontwerp

Slide 34 - Slide

Overzicht van waar welke knoppen komen en hoe je website eruit komt te zien voordat je het digitaal gaat ontwerpen.
  • een login voor een afgeschermd gedeelte voor klanten of leden
  • een zoekvenster
  • een contactformulier
  • Foto's en video's
  • een forum
  • social media links


Extra functionaliteiten
Functionaliteiten zijn dingen die je op een website kunt doen, bijvoorbeeld een vraag stellen, informatie lezen, een kaartje met de locatie van de winkels bekijken of een winkelmandje vullen.

Slide 35 - Slide

Elke website heeft een webadres. Dit is de naam die je moet intypen om naar de website te gaan.