Website bouwen H4.

• Dienstverlening en Producten
• Middelbare school
• vmbo k
• Leerjaar 4

Hoofdstuk 4 

Website ontwerpen en maken 

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 

Doelen van een website 

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

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 

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. jd.nl

World Wide Web 

Domeinnaam

Extensie 

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 

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)

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

Een webhost...

1. Biedt ruimte aan op het internet
2. Ontwerpt de website
3. Is een naam voor de website (.nl / .com enz.)
4. is Google

Een webdesigner...

1. Biedt ruimte aan op het internet
2. Is een naam voor de website (.nl / .com enz.)
3. Ontwerpt de website
4. is Google

Een domeinnaam...

1. Biedt ruimte aan op het internet
2. Ontwerpt de website
3. is Google
4. Is een naam voor de website (.nl / .com enz.)

wat is 9292.nl voor website?

1. Informatieve website
2. Wervende website
3. Commerciële website
4. Animatie website

waarom is een goede naam voor een website belangrijk?

1. voor google
2. voor de vindbaarheid

Stichting Internet Domeinregistratie Nederland

Waar is deze stichting verantwoordelijk voor?

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

Kosten website 

Hoe kun je de kosten laag houden?

Een website bouwen en nu?

Website structuur 

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

Een vaste indeling 

Werkboek: 

Maken opdracht 4.12 t/m 4.27

blz 151 - 166

kosten website

Kosten website 

Wat is het voordeel als je zelf je website bouwt?

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

Een website bouwen..
Waar houd je rekening mee?

Een website bouwen en nu?

Wat betekent:
Responsive op verschillende devices?

Wat is de oranje balk?

1. footer
2. header
3. navigatie
4. aside

De website echt maken

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. 

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

Offline website builder

Betaald programma.

Website kan compleet naar wens worden gebouwd. 

Niet afhankelijk van internetverbinding.

Werkt met HTML- editors 

HTML

Hyper Text Markup Language

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

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.

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.

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