Website bouwen

1 / 41
next
Slide 1: Slide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 1

This lesson contains 41 slides, with interactive quizzes, text slides and 2 videos.

time-iconLesson duration is: 50 min

Items in this lesson

Slide 1 - Slide

This item has no instructions

Welke websites bezoek je vaak,
naast social media websites?

Slide 2 - Mind map

This item has no instructions

Wat maakt een website voor jou aantrekkelijk?

Slide 3 - Mind map

This item has no 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 - Slide

This item has no instructions

Slide 5 - Slide

This item has no 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

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

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 - Slide

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 - Slide

This item has no instructions

Verschillende extensies 

Slide 12 - Slide

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 - Slide

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

This item has no 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

This item has no 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

This item has no instructions

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

Slide 17 - Quiz

This item has no instructions

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

Slide 18 - Quiz

This item has no instructions

Kosten website 

Slide 19 - Slide

This item has no instructions

Hoe kun je de kosten laag houden?

Slide 20 - Slide

This item has no instructions

Een website bouwen en nu?

Slide 21 - Slide

This item has no instructions

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

Slide 22 - Slide

This item has no instructions

Een vaste indeling 

Slide 23 - Slide

This item has no instructions

Slide 24 - Slide

This item has no instructions

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

Slide 25 - Quiz

This item has no instructions

De website echt maken

Slide 26 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no instructions

Slide 30 - Slide

This item has no instructions

Slide 31 - Video

This item has no 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 - Slide

This item has no 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 - Slide

This item has no 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 - Slide

This item has no instructions

Slide 35 - Video

This item has no instructions

Slide 36 - Slide

This item has no 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 - Slide

This item has no instructions

Ga de basis van een website bouwen

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

Slide 38 - Slide

This item has no 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 - Slide

This item has no instructions

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

Slide 40 - Slide

This item has no instructions

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

Slide 41 - Slide

This item has no instructions