Website bouwen H4.

Hoofdstuk 4 
Website ontwerpen en maken 
1 / 38
volgende
Slide 1: Tekstslide
Dienstverlening en ProductenMiddelbare schoolvmbo kLeerjaar 4

In deze les zitten 38 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

Hoofdstuk 4 
Website ontwerpen en maken 

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Doelen van de les
Aan het einde van het hoofdstuk weet je meer over:
  • Websites met verschillende doelen;
  • Webhosting en domeinnamen;
  • Kosten voor het vastleggen, bouwen en onderhouden van websites;
  • het ontwerp van een website;
  • werken in een website builder;
  • het onderhouden van een website 

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Doelen van een website 
  • Je hebt altijd een zender die een boodschap wil overbrengen
  • Je hebt altijd een ontvanger die de boodschap binnen krijgt 

Slide 3 - Tekstslide

De zender bouwt de website en de ontvanger bezoekt de website

Een aantrekkelijke website zorgt ervoor dat je de bezoekers vasthoudt en zelfs terug komt.
Verschillende doelen 

Slide 4 - Tekstslide

Informeren: wikipedia, rijksoverheid.nl
Verkopen: coolblue, bol.com
Informatie zoeken: Google, bing
verbinden: Facebook, instagram, tiktok
diensten aanbieden: klm.nl of 9292 (informatie openbaar vervoer)

Webhosting en domein


WWW. RVEC.nl
World Wide Web 
Domeinnaam
Extensie 

Slide 5 - Tekstslide

Een website heeft een domein op het world wide webb (www)
Een domein is de plek waar de website staat, daarom heb je een domeinnaam nodig. 
Aan de hand van de domeinnaam kunnen anderen jouw domein vinden.
Een domeinnaam eindigt altijd op .nl .eu. com of .net. Dit noemen we een extensie
Verschillende extensies 

Slide 6 - Tekstslide

Hema.nl of AH.nl
europeanunion.eu
rentalcars.com of spotify.com
unhcr.org, amnesty.org




Een goede domeinnaam 
  • Een duidelijke en logische domeinnaam zorgt ervoor dat mensen jouw website sneller vinden. 
  • Een domeinnaam kan maar één keer gebruikt worden.  
  • SIDN (Stichting internet domeinregistratie Nederland)


Slide 7 - Tekstslide

SIDN zorgt houd overzicht welke namen er al in gebruik zijn en voorkomt daarmee dat er dubbele domeinnamen komen. 

Je koopt de domeinnaam bij een registrar. Dit is een bedrijf dat een vergunning heeft om domeinnamen vast te leggen. 
De registrar legt de domeinnaam vast bij SIDN en verkoopt deze aan klanten. Vaak zijn dit bedrijven die ook zorgen voor de webhosting (webhosting is het huisvesten van een website)
Werkboek
Maken: 4.01 t/m 4.11
blz 139 - 150

Praktijkopdracht 4 
blz 285


Slide 8 - Tekstslide

Deze slide heeft geen instructies

Een webhost...
A
Biedt ruimte aan op het internet
B
Ontwerpt de website
C
Is een naam voor de website (.nl / .com enz.)
D
is Google

Slide 9 - Quizvraag

Deze slide heeft geen instructies

Een webdesigner...
A
Biedt ruimte aan op het internet
B
Is een naam voor de website (.nl / .com enz.)
C
Ontwerpt de website
D
is Google

Slide 10 - Quizvraag

Deze slide heeft geen instructies

Een domeinnaam...
A
Biedt ruimte aan op het internet
B
Ontwerpt de website
C
is Google
D
Is een naam voor de website (.nl / .com enz.)

Slide 11 - Quizvraag

Deze slide heeft geen instructies

wat is 9292.nl voor website?
A
Informatieve website
B
Wervende website
C
Commerciële website
D
Animatie website

Slide 12 - Quizvraag

Deze slide heeft geen instructies

waarom is een goede naam voor een website belangrijk?
A
voor google
B
voor de vindbaarheid

Slide 13 - Quizvraag

Deze slide heeft geen instructies

Stichting Internet Domeinregistratie Nederland

Waar is deze stichting verantwoordelijk voor?

Slide 14 - Open vraag

Deze slide heeft geen instructies

Een bedrijf dat een vergunning heeft van SIDN om
een domeinnaam vast te leggen noem je:

Slide 15 - Open vraag

Deze slide heeft geen instructies

Kosten website 

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Hoe kun je de kosten laag houden?

Slide 17 - Tekstslide

Deze slide heeft geen instructies

Een website bouwen en nu?

Slide 18 - Tekstslide

Deze slide heeft geen instructies

Website structuur 
  • Homepagina en subpagina 
  • Kleur, lettertypes en achtergronden (Lay-out)
  • Responsieve op verschillende devices 

Slide 19 - Tekstslide

Deze slide heeft geen instructies

Een vaste indeling 

Slide 20 - Tekstslide

Deze slide heeft geen instructies

Slide 21 - Tekstslide

Deze slide heeft geen instructies

Werkboek: 
Maken opdracht 4.12 t/m 4.27
blz 151 - 166

Slide 22 - Tekstslide

Deze slide heeft geen instructies

kosten website

Slide 23 - Woordweb

Deze slide heeft geen instructies

Kosten website 

Slide 24 - Tekstslide

Deze slide heeft geen instructies

Wat is het voordeel als je zelf je website bouwt?

Slide 25 - Open vraag

Deze slide heeft geen instructies

Wat is het voordeel als je een website laat bouwen door een professionele ontwerper ?

Slide 26 - Open vraag

Deze slide heeft geen instructies

Een website bouwen..
Waar houd je rekening mee?

Slide 27 - Open vraag

Deze slide heeft geen instructies

Een website bouwen en nu?

Slide 28 - Tekstslide

Deze slide heeft geen instructies

Wat betekent:
Responsive op verschillende devices?

Slide 29 - Open vraag

Deze slide heeft geen instructies

Wat is de oranje balk?
A
footer
B
header
C
navigatie
D
aside

Slide 30 - Quizvraag

Deze slide heeft geen instructies

De website echt maken

Slide 31 - Tekstslide

Deze slide heeft geen instructies

Website builder
Online website builders
Software programma's voor het bouwen van websites die je op het internet gebruikt

Offline website builders
Software programma's die je zonder internet gebruikt en op jouw computer staan. 

Slide 32 - Tekstslide

Deze slide heeft geen instructies

Online website builder

Voordelen
-Werkt met standaard templates
-Website is snel en eenvoudig te maken
-Je hebt geen specifieke programmeer kennis nodig
Nadelen
-Als het een gratis builder is, kunnen er reclames te zien zijn op je website.
-Jouw domeinnaam wordt een sub-domeinnaam: 
www.jouwdomeinnaam.wix.nl

Slide 33 - Tekstslide

Deze slide heeft geen instructies

Offline website builder
Betaald programma.
Website kan compleet naar wens worden gebouwd. 
Niet afhankelijk van internetverbinding.
Werkt met HTML- editors 

Slide 34 - Tekstslide

Deze slide heeft geen instructies

HTML
Hyper Text Markup Language

De taal die wordt gebruikt om de inhoud van website of webshop weer te geven en te structureren

Slide 35 - Tekstslide

Deze slide heeft geen instructies

Hoe zit een website in elkaar?
  • Bij het bouwen van een website werk je aan de ‘achterkant’ dit noemen we ook wel de back-end van de website.

  • De voorkant van de website wordt de front-end genoemd. Dit is de website zoals deze voor bezoekers zichtbaar zal zijn.


Slide 36 - Tekstslide

Deze slide heeft geen instructies

CMS
Content Management System
(content beheer systeem)

Zorgt ervoor dat je zelf eenvoudig de back-end van je website kunt beheren.
Je hebt hier geen technische kennis voor nodig.

Slide 37 - Tekstslide

Deze slide heeft geen instructies

Werkboek
Maken opdracht 4.28 t/m 4.34
blz 167 - 177

Volgende week toets!
Kijk in je jaarbijlage voor samenvatting en
antwoorden hoofdstuk 4 

Slide 38 - Tekstslide

Deze slide heeft geen instructies