2018-09-25 DP4 4BD2

• DP4
• Middelbare school
• vmbo k
• Leerjaar 4

3385

Lesprogramma

• Lesdoel en begrippen
  
• Vorige les
• Webdesign 2: les 3 - stap 3 t/m ...
  

Met welk symbool in Muse kun je afbeeldingen uitsnijden / bijsnijden?

1. Vierkantje
2. Vierkant met hand
3. Zwarte pijl
4. T(ekst)

Met welk symbool in Muse kun je tekstvakken en tekst toevoegen / bewerken?

1. Vierkant
2. Zwarte pijl
3. (T)ekst
4. Rechthoek

Met welk symbool in Muse kun je selecteren en slepen?

1. Zwarte pijl
2. Vierkant met handje
3. Handje
4. Rechthoek

Wat is het makkelijkst werken met Adobe Muse?

1. Groot scherm
2. Klein scherm

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
  

Vorige les

Les 3: stap 1 - Adobe Muse download

Les 3: stap 2 - Advertentie hyperlinken aan pagina (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/