D&P - Website
WEBSITE BOUWEN
Lesduur is: 60 minOnderdelen in deze les
WEBSITE BOUWEN
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
Wat voor websites ken je?
Deze slide heeft geen instructies
Maak een screen shot van een webwinkel dat iets verkoopt
Deze slide heeft geen instructies
Maak een screen shot van een site waar je het nieuws op kunt lezen /kijken
Deze slide heeft geen instructies
Maak een screen shot van een site waar je met mensen kunt chatten
Deze slide heeft geen instructies
Maak een screen shot van een site waar je iets op kunt doen, website bouwen, spelletjes spelen?
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
Deze slide heeft geen instructies
Deze slide heeft geen instructies
Deze slide heeft geen instructies
Deze slide heeft geen instructies
De onderdelen van een website
Deze slide heeft geen instructies
Upload een afbeelding van een webbrowser
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
Wat is een webbrowser?
Safari, Chrome, Internet Explorer
Een balk waar de URL in staat
Geen van beide
Weet ik niet
Deze slide heeft geen instructies
éé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
Deze slide heeft geen instructies
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
Deze slide heeft geen instructies
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?
Internet bedrijf
Provider
Hosting provider
Weet ik niet
Deze slide heeft geen instructies
Een server staat hoeveel uur per dag aan?
8 uur
4 uur
24 uur
Weet ik niet
Deze slide heeft geen instructies
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?
Link dat je doorstuurt naar een andere pagina
Link dat een bijlage opent
Koppeling dat je doorstuurt naar een andere pagina
weet ik niet
Deze slide heeft geen instructies
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?
.com
.nl
.net
Weet ik niet
Deze slide heeft geen instructies
Wat is de domeinnaam van de www.lidl.nl met de extensie?
lidl.com
lidl.nl
lidl.net
Weet ik niet
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
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.
Maak een indeling voor een website.
Sleep de juiste onderdelen op de juiste plek
Header
Logo
Navigatiemenu
Content
Sidebar
Footer
Sociaalmedia links
Deze slide heeft geen instructies
Maak opdracht 1 en 2
Deze slide heeft geen instructies