2018-10-12 DP4 4KD1

• DP4
• Middelbare school
• vmbo k
• Leerjaar 4

0903

Lesprogramma

• Cijferlijst Classroom en opdrachten inhalen
  

Les 5: Widgets (voorbeeld)

• Lesdoel en begrippen
  
• Les 5 samen doornemen
• Les 5 maken
• Les 5 inleveren (= huiswerk)
  
• Les afsluiten

Cijferlijst Classroom & opdrachten inhalen

Cijfers DP4 4KD1 11-10-2018

Maandag 15 oktober start periode 2

Als je opdrachten uit periode 1 niet af hebt kom je het afmaken:

vrijdag 2 november, 8.20 uur, lokaal OLC6

Als je niet aanwezig bent blijft je huidige cijfer staan

Hoe noem je het gedeelte van de afbeelding dat je na uitsnijden kunt zien?

1. Achtergrond
2. Masker
3. Opmaak

Wat doe je als je een afbeelding bijsnijdt?

1. Je maakt het groter
2. De hoogte en breedte blijven in verhouding
3. Je maakt een masker
4. De hoogte en breedte blijven niet in verhouding

A

B

Welke afbeelding is correct bijgesneden?

1. A
2. B

Lesdoel en begrippen

Webdesign 2: Les 5 - Widgets

Lesdoelen

• Je kunt widgets toevoegen en aanpassen

Begrippen

• Widgets, contactformulier, poll, share-button
  

Inleiding

Wat zijn widgets

1. Een klein programma op een website
2. Een groot programma op een website
3. Een tovenaar
4. Bestaat niet

Met welke widget kun je een bericht sturen naar de eigenaar van de website?

1. Menu
2. YouTube
3. Twitter
4. Contactformulier

Met welke widget kun je een locatie of routebeschrijving laten zien op een website?

1. YouTube
2. Facebook
3. Google Maps
4. Contactformulier

Waarom zou je de widget "Facebook" op je website plaatsen

1. Zodat bezoekers de website kunnen volgen
2. Zodat bezoekers de website kunnen liken
3. Zodat bezoekers je interessant vinden
4. Zodat bezoekers weten dat je sociale media hebt

Wat kun je met deze icoontjes?

• Open DP4: Les 5: stap 1 - download
• Download het Muse-bestand

Wat kun je met die icoontjes?

1. Een (nieuws)bericht delen
2. Een (nieuws)bericht lezen
3. Een (nieuws)bericht laten lezen
4. Een (nieuws)bericht omroepen

Dit noemen we een share-button!

• Open DP4: Les 5: stap 1 - download
• Download het Muse-bestand

Hoe noem je deze widget?

• Open DP4: Les 5: stap 1 - download
• Download het Muse-bestand

Hoe noem je die widget?

1. Een nieuwsbericht
2. Een paar vragen
3. Een poll
4. Een foto

Stap 1 - Download

• Open DP4: Les 5: stap 1 - download
• Download het Muse-bestand

Stap 2 - Menu

• Open DP4: Les 5: stap 2 - Menu

Zelfstandig werken:

• Plaats het menu en zorg dat het op elke pagina zichtbaar is
  

Stap 3 - Contactformulier

• Open DP4: Les 5: stap 3 - Contactformulier

Zelfstandig werken:

• Plaats op de pagina Contact het contactformulier
  

Stap 4 - YouTube-Video

• Open DP4: Les 5: stap 4 - YouTube-Video

Zelfstandig werken:

• Plaats op de pagina Video's de twee video's op dp4.nl
  

Stap 5 - Twitter

• Open DP4: Les 5: stap 5 Twitter

Zelfstandig werken:

• Plaats in de footer de knop Twitter en zorg dat deze op elke pagina zichtbaar is
  
• hartstichting (@)

Stap 6 - Google Maps

• Open DP4: Les 5: stap 6 Google Maps

Zelfstandig werken:

• Plaats op de pagina Events de widget Google Maps
• Adres = Vondelstraat 1 1071AA Amsterdam

Stap 7 - Exporteren

• Open DP4: Les 5: stap 7 - Exporteren
• Samen doornemen

Zelfstandig werken:

• Muse-bestand inleveren in Classroom

Evaluatie - Huiswerk - Test

• Doe de evaluatie met een klasgenoot / klassikaal

• Check het huiswerk

• Maak de test

Zorg dat alles is voltooid en afgevinkt

• Zorg dat alles is voltooid en afgevinkt:

Les afsluiten

• Kun je widgets toevoegen en aanpassen?

• Wat is een Widget?
• Wat is een contactformulier?
• Wat is een poll?
• Wat is een share-button?

Huiswerk

Geen huiswerk, omdat je (waarschijnlijk) geen Adobe Muse hebt thuis. Het volgende moet dinsdag 16 oktober wel af zijn:

• AF: Webdesign 2 - Les 5 (dus stap 1 t/m de test)
• Muse-bestand inleveren in Google Classroom
  
• https://dp4.nl/lessen/les-5-widgets/

Niet af = inhalen op school op een vrij moment.