2018-10-09 - LES 3 - DP4 4GM-4KM1

• DP4
• Middelbare school
• vmbo k
• Leerjaar 4

0180

Lesprogramma vandaag

• Cijferlijst Classroom en opdrachten inhalen
• Zevende uur: Webdesign 2 - les 3
  
• Achtste uur: Webdesign 2 - les 4

Lesprogramma Les 3

• Les 3 - lesdoel en begrippen
• Les 3 - inleiding
  
• Les 3 - stap 1 t/m test 
• Les 3 - afsluiten
  

Je maakt een website op Wix.com
Werk je dan offline of online?

1. Offline
2. Online

Je maakt een website met Adobe Muse.
Werk je dan offline of online?

1. Online
2. Offline

Je kunt een website offline of online bouwen. Waarvoor heb je meer kennis en vaardigheden nodig?

1. Offline
2. Online

Huiswerk

Classroom les 2

Cijferlijst Classroom & opdrachten inhalen

Cijfers DP4 4GM-4KM1 08-10-2018

Maandag 15 oktober start periode 2

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

4KM1 = vrijdag 2 november, 8.20 uur, lokaal OLC6

4GM = vrijdag 2 november, 12.30 uur, lokaal OLC6

Als je niet aanwezig bent blijft je huidige cijfer staan

Welke van deze programma’s is geen websitebuilder?

1. Adobe Muse
2. Wix
3. Facebook

Wat is een template?

1. Een kant-en-klaar uiterlijk voor een website
2. Een header
3. Een website

Welke voordelen heeft het om met wix een website te maken?

1. Het is makkelijker
2. Het is moeilijker
3. Je werkt met een voorbewerkte template
4. Je begint te bouwen met niets

Welke nadelen heeft het om met wix een website te maken?

1. Alles is voorgeprogrammeerd
2. Je kunt creatief zijn
3. Er zijn geen nadelen
4. Je raakt sneller het overzicht kwijt

Lesdoel en begrippen

Webdesign 2: Les 3 - Hyperlinks & menu

Lesdoelen

• Je kunt uitleggen wat een hyperlink is.
  
• Je kunt hyperlinks in een website plaatsen.
  
• Je kunt een menu en een submenu in een website plaatsen.

Begrippen

• Hyperlink, pagina’s, menu, submenu
  

Wat voor menu is dit?

Wat voor menu was dit?

1. Normaal menu
2. Submenu

Wat voor menu is dit?

Wat voor menu was dit?

1. Submenu
2. Normaal menu

Inleiding

Samen doornemen

• Menu of submenu
• Hyperlink

Inleiding

Stap 1 - Download

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

Stap 2 - Hyperlink

• Open DP4: Les 3: stap 2 - Hyperlink
• Klassikaal de tekst en powerpoint doornemen

Zelfstandig werken:

• Zorg dat de advertentie over een weekend Londen doorlinkt naar de pagina over Londen

Stap 3 - Nieuw venster

• Open DP4: Les 3: stap 3 - Nieuw venster
• Samen doornemen

Zelfstandig werken:

• Zorg dat de advertentie van Sunweb doorlinkt naar www.sunweb.nl en opent in een nieuw venster, zie Powerpoint stap 2

Stap 4 - Menu

• Open DP4: Les 3: stap 4 - Menu
• 4A t/m 4C samen doornemen

Zelfstandig werken:

• 4A: Plaats een menu op het stramien. 
• 4B: Geef de menuknopjes de kleur #ED1C24
• 4C: Muis eroverheen = menukopje kleur #871B00

Stap 5 - Menu aanpassen

• Open DP4: Les 3: stap 5 - Menu aanpassen
• Samen doornemen

Zelfstandig werken:

• Verander de volgorde van de pagina’s in het menu. Zorg dat de contactpagina als laatste staat.

Stap 6 - Nieuwe pagina

• Open DP4: Les 3: stap 6 - Nieuwe pagina
• Samen doornemen

Zelfstandig werken:

• Zorg naast Costa Rica en London voor een derde bestemming: Amsterdam. Haal een afbeelding van internet (Google Afbeeldingen) om de pagina te vullen.

Stap 7 - Exporteren

• Open DP4: Les 3: 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

• Wat is een hyperlink?
• Wat is een (web)pagina?
• Wat is een menu?
• Wat is een submenu?

Huiswerk

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

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

Niet af = inhalen op school op een vrij moment.