2018-09-12 DP4 4BD2

• DP4
• Middelbare school
• vmbo k
• Leerjaar 4

0864

Lesprogramma

• Huiswerk magister / classroom
• Huiswerk en evaluatie bespreken
• Lesdoel en begrippen
  
• Webdesign 2: les 3 - inleiding
• Webdesign 2: les 3 - stap 1 t/m 3

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

Huiswerk

• Check les 2 = allemaal Webdesign 2 - les 2 openen

Inleveren in Classroom:

• Les 1 stap 1 - de opdrachtgever: Jamie, Kevin
• Les 1 stap 2 - schets: Jamie, Kevin, Marius
• Les 2 stap 1 t/m 3 - wix.com: Kevin, Martijn, Noëlle

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

Huiswerk ... ... september:

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