Website bouwen

1 / 41
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavo, vwoLeerjaar 1

In deze les zitten 41 slides, met interactieve quizzen, tekstslides en 2 videos.

time-iconLesduur is: 50 min

Onderdelen in deze les

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Welke websites bezoek je vaak,
naast social media websites?

Slide 2 - Woordweb

Deze slide heeft geen instructies

Wat maakt een website voor jou aantrekkelijk?

Slide 3 - Woordweb

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Slide 5 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Slide 8 - 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 9 - 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 10 - 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)

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

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Verschillende extensies 

Slide 12 - 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 13 - 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)
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 - 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 15 - 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 16 - 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 17 - Quizvraag

Deze slide heeft geen instructies

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

Slide 18 - Quizvraag

Deze slide heeft geen instructies

Kosten website 

Slide 19 - Tekstslide

Deze slide heeft geen instructies

Hoe kun je de kosten laag houden?

Slide 20 - Tekstslide

Deze slide heeft geen instructies

Een website bouwen en nu?

Slide 21 - Tekstslide

Deze slide heeft geen instructies

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

Slide 22 - Tekstslide

Deze slide heeft geen instructies

Een vaste indeling 

Slide 23 - Tekstslide

Deze slide heeft geen instructies

Slide 24 - Tekstslide

Deze slide heeft geen instructies

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

Slide 25 - Quizvraag

Deze slide heeft geen instructies

De website echt maken

Slide 26 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Slide 30 - Tekstslide

Deze slide heeft geen instructies

Slide 31 - Video

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Slide 35 - Video

Deze slide heeft geen instructies

Slide 36 - Tekstslide

Deze slide heeft geen instructies

  • 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 - Tekstslide

Deze slide heeft geen instructies

Ga de basis van een website bouwen

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

Slide 38 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Slide 40 - Tekstslide

Deze slide heeft geen instructies

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

Slide 41 - Tekstslide

Deze slide heeft geen instructies