D&P les 2 - Website

• D&p
• Middelbare school
• vmbo b, k
• Leerjaar 3

   WEBSITE BOUWEN

• Je kunt verschillende websites herkennen 
• Je weet verschillende knoppen te benoemen van een website
• Je kunt opnoemen waar een server en hosting provider voor is.
• Je weet hoe je zelfstandig een schets kan maken voor jouw eigen website

Leerdoelen

Wat voor websites ken je?

Maak een screen shot van een webwinkel dat iets verkoopt

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

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

Maak een screen shot van een site waar je iets op kunt doen, website bouwen, spelletjes spelen?

• 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

De onderdelen van een website

Upload een afbeelding van een webbrowser

• 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

Wat is een webbrowser?

1. Safari, Chrome, Internet Explorer
2. Een balk waar de URL in staat
3. Geen van beide
4. Weet ik niet

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

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

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

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

www.festival-trek.nl

szigetfestival.com

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

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?

1. Internet bedrijf
2. Provider
3. Hosting provider
4. Weet ik niet

Een server staat hoeveel uur per dag aan?

1. 8 uur
2. 4 uur
3. 24 uur
4. Weet ik niet

De header vind je altijd bovenaan een pagina en loopt over de hele breedte. De header bevat vaak het logo en soms ook beeld.

De footer is de afsluitende balk onderaan de pagina. De footer kan verschillende informatie bevatten. Bijvoorbeeld verwijzingen naar social media, links naar voorwaarden, privacyverklaring, contactgegevens of een lijstje met de meest recente berichten.

Header  staat vaak stil en een banner dat kan vaak ook nog bewegen

Header en footer

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

Wat is een hyperlink?

1. Link dat je doorstuurt naar een andere pagina
2. Link dat een bijlage opent
3. Koppeling dat je doorstuurt naar een andere pagina
4. weet ik niet

Hyperlink voorbeeld

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

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?

1. .com
2. .nl
3. .net
4. Weet ik niet

Wat is de domeinnaam van de www.lidl.nl met de extensie?

1. lidl.com
2. lidl.nl
3. lidl.net
4. Weet ik niet

• 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://

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

URL

Uniform Resource Locator

Opdracht

 Functioneel ontwerp

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.

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