Website bouwen

1 / 41
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavo, vwoLeerjaar 1

Cette leçon contient 41 diapositives, avec quiz interactifs, diapositives de texte et 2 vidéos.

time-iconLa durée de la leçon est: 50 min

Éléments de cette leçon

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Welke websites bezoek je vaak,
naast social media websites?

Slide 2 - Carte mentale

Cet élément n'a pas d'instructions

Wat maakt een website voor jou aantrekkelijk?

Slide 3 - Carte mentale

Cet élément n'a pas d'instructions

Waar kijk je het meeste naar?

De plekken waar de bezoekers van een website het meeste naar kijken, kun je weergeven in een zogenaamde ‘heatmap’. Hoe roder de kleur, hoe meer ernaar gekeken wordt.
kijk naar de volgende plaatjes en beantwoord dan de vraag

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Naar welke onderdelen van de advertentie wordt het meest gekeken?
A
De tekst bovenaan de pagina (titel)
B
Het gezicht van de baby
C
Het woord 'baby' naast de stapel luiers.
D
De luier die de baby aan heeft

Slide 6 - Quiz

Cet élément n'a pas d'instructions

Als je zelf een website gaat maken is het belangrijk om rekening te houden met de voorkeuren van mensen. Gebruik dus veel kopjes tussen de tekst en maak gebruik van afbeeldingen.

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

opdracht
Ga lekker, uitgebreid internetten......
Zoek een voorbeeld van de volgens jouw perfecte website op het gebied van het gebruik van plaatjes

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

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 9 - Diapositive

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 10 - Diapositive

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)

Opdracht
Ga weer uitgebreid surfen op internet en zoek van iedere doelstelling een website

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Verschillende extensies 

Slide 12 - Diapositive

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 13 - Diapositive

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)
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 14 - Quiz

Cet élément n'a pas d'instructions

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 15 - Quiz

Cet élément n'a pas d'instructions

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 16 - Quiz

Cet élément n'a pas d'instructions

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

Slide 17 - Quiz

Cet élément n'a pas d'instructions

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

Slide 18 - Quiz

Cet élément n'a pas d'instructions

Kosten website 

Slide 19 - Diapositive

Cet élément n'a pas d'instructions

Hoe kun je de kosten laag houden?

Slide 20 - Diapositive

Cet élément n'a pas d'instructions

Een website bouwen en nu?

Slide 21 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 22 - Diapositive

Cet élément n'a pas d'instructions

Een vaste indeling 

Slide 23 - Diapositive

Cet élément n'a pas d'instructions

Slide 24 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 25 - Quiz

Cet élément n'a pas d'instructions

De website echt maken

Slide 26 - Diapositive

Cet élément n'a pas d'instructions

1.    Je voorbereiding

  • Heb je een goed doordacht plan gemaakt? 
  • Waar maak je de website voor? (bedrijf, sportclub, etc.)
  • Wie is je doelgroep?
  • Wat wil je op je website weergeven?

Slide 27 - Diapositive

Cet élément n'a pas d'instructions

2.    De inhoud van je website
  • Ziet je website er aantrekkelijk uit? 
  • Trekt de inhoud op de juiste plekken de aandacht? 
  • Heb je voor een goede invulling van de pagina’s gekozen? 
  • Is de tekst afgestemd op je doelgroep? 
  • Heb je een bronvermelding voor plaatjes/tekst?


Slide 28 - Diapositive

Cet élément n'a pas d'instructions

3.    Toegepaste technieken
  • Bestaat je website alleen uit plaatjes en tekst of zijn er ook andere technieken zoals bijvoorbeeld links of filmpjes toegevoegd? 
  • Heb je alles van internet gehaald of heb je onderdelen zelf gemaakt?


Slide 29 - Diapositive

Cet élément n'a pas d'instructions

Slide 30 - Diapositive

Cet élément n'a pas d'instructions

Slide 31 - Vidéo

Cet élément n'a pas d'instructions

1.    Je voorbereiding

  • Heb je een goed doordacht plan gemaakt? 
  • Waar maak je de website voor? (bedrijf, sportclub, etc.)
  • Wie is je doelgroep?
  • Wat wil je op je website weergeven?

Slide 32 - Diapositive

Cet élément n'a pas d'instructions

2.    De inhoud van je website
  • Ziet je website er aantrekkelijk uit? 
  • Trekt de inhoud op de juiste plekken de aandacht? 
  • Heb je voor een goede invulling van de pagina’s gekozen? 
  • Is de tekst afgestemd op je doelgroep? 
  • Heb je een bronvermelding voor plaatjes/tekst?


Slide 33 - Diapositive

Cet élément n'a pas d'instructions

3.    Toegepaste technieken
  • Bestaat je website alleen uit plaatjes en tekst of zijn er ook andere technieken zoals bijvoorbeeld links of filmpjes toegevoegd? 
  • Heb je alles van internet gehaald of heb je onderdelen zelf gemaakt?


Slide 34 - Diapositive

Cet élément n'a pas d'instructions

Slide 35 - Vidéo

Cet élément n'a pas d'instructions

Slide 36 - Diapositive

Cet élément n'a pas d'instructions

  • Jullie gaan in de volgende periode (IO)alle informatie verzamelen over één rashond en één raskat. Deze informatie gaan jullie verwerken in een website van jullie hondenfokkerij en cattery.
  • Op de website staat informatie voor één specifiek honden- en kattenras

Slide 37 - Diapositive

Cet élément n'a pas d'instructions

Ga de basis van een website bouwen

Dat doe je in cumlaude
Ga naar meer...
Portfolio
Portfoliosites
Nieuwe portfoliosite

Slide 38 - Diapositive

Cet élément n'a pas d'instructions

Wat moet er op de website komen
  1. alle informatie rondom het ras
  2. informatie over de socialisatiefasen
  3. informatie over natuurlijk gedrag
  4. informatie over het verzorgen en houden van de gekozen rassen
  5. informatie over het voeren
  6. informatie over de preventie
  7. de wettelijke verplichtingen

Slide 39 - Diapositive

Cet élément n'a pas d'instructions

Eindresultaat: Er is een representatieve website ontwikkelt die overzichtelijk is en waarbij aandacht besteed is aan de indeling en opmaak.

Slide 40 - Diapositive

Cet élément n'a pas d'instructions

Tip
Kijk ook op andere websites
Doe inspiratie op
"leen"wat je kunt gebruiken

Slide 41 - Diapositive

Cet élément n'a pas d'instructions