BBL Week 3

1 / 19
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

This lesson contains 19 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 90 min

Items in this lesson

Slide 1 - Slide

Kennismakingsronde
  • Terugblik vorige les
  • IDE (Integrated Development Environment)
  • Block of inline 
  • Introductie CSS
Doelen

Slide 2 - Slide

Kennismakingsronde
  • Lessonup.app
  • Log in met jouw schoolaccount
Lessonup

Slide 3 - Slide

Hoe zit de html code eruit
bij dit kopje en opsomming?

Slide 4 - Open question

Schrijf de html code
om het resultaat in het
plaatje te krijgen

Slide 5 - Open question

Hoe zorg je ervoor dat een plaatje getoond wordt met html

Slide 6 - Open question

Kennismakingsronde
  • Integrated Development Environment (ontwikkelomgeving)
  • Hulpmiddel om sneller en met minder fouten te ontwikkelen
  • Vele IDE's beschikbaar
  • Visual Studio Code (MS) - zeer veel gebruikt
IDE

Slide 7 - Slide

Kennismakingsronde

Enkele voorbeelden
Visual Studio Code

Slide 8 - Slide

Kennismakingsronde
Visual Studio Code installait en opdracht

Slide 9 - Slide

Kennismakingsronde
  • 'gedrag' van elementen op de pagina
  • nieuwe regel(block) of op dezelfde regel blijven
Block of inline

Slide 10 - Slide

Kennismakingsronde
Block 

Slide 11 - Slide

Kennismakingsronde
Inline

Slide 12 - Slide

Kennismakingsronde
  • Vormgeving van webpagina's
  • Cascading Style Sheet
  • extern bestand .css
  • <style> binnen een webpagina
  • inline met attribuut class=''
Introductie CSS - wat is het?

Slide 13 - Slide

Kennismakingsronde
Introductie CSS - hoe te gebruiken

Slide 14 - Slide

Kennismakingsronde
  • Vorige opdracht itslearning nu css toepassen
  • naar eigen smaak 
  • gebruik interne css <style> </style> in de header

Alternatief : ga door met Codeacademy
Opdracht - toepassen css

Slide 15 - Slide

Kennismakingsronde
  • IDE
  • CSS
Terug- en vooruitblik

Slide 16 - Slide

Evaluatie - noem drie dingen die nieuw waren voor jou en die je in deze les hebt geleerd

Slide 17 - Open question

Reflectie - Hoe heb je de les ervaren? Was je gemotiveerd om te leren? Vond je het lastig? Hoe ging je om met weerstand.

Slide 18 - Open question

Kennismakingsronde
Bedankt en tot ziens

Slide 19 - Slide