Week 3 - Les 1

1 / 19
suivant
Slide 1: Diapositive
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

Cette leçon contient 19 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 90 min

Éléments de cette leçon

Slide 1 - Diapositive

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

Slide 2 - Diapositive

Zelfinschatting: Ik kan al een eenvoudige html pagina maken met kopjes, tekst, plaatjes en hyperlinks
010

Slide 3 - Sondage

Waar staat IDE voor
A
Integrated Development Enginering
B
International Development Entity
C
Integrated Development Environment
D
Integrated Development Encoder

Slide 4 - Quiz

Als je een HTML document aanmaakt en tikt : ! gevolgd door een tab. Wat gebeurt er dan?
A
Er verschijnt een uitroepteken
B
Er wordt een standaard het document gegenereerd.
C
Er verschijnt 10 keer een uitroepteken
D
Er volgt een error

Slide 5 - Quiz

Wat is het EMMET commando om 5 keer een <h1> te maken?

Slide 6 - Question ouverte

Hoe maak je een ongeordende lijst (ol) met 5 listitems(li) met EMMET?

Slide 7 - Question ouverte

Wat is het verschil tussen inline en block elementen?

Slide 8 - Question ouverte

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

Slide 9 - Diapositive

Kennismakingsronde
Introductie CSS - hoe te gebruiken

Slide 10 - Diapositive

Kennismakingsronde
Introductie CSS - hoe te gebruiken
Veel online documentatie, zie bijvoorbeeld: https://htmlcheatsheet.com/css
https://www.w3schools.com/css

Slide 11 - Diapositive

Kennismakingsronde
Extern
HTML bestand
Gekoppeld aan extern stylesheet bestand

Slide 12 - Diapositive

Kennismakingsronde
Intern

Slide 13 - Diapositive

Kennismakingsronde
Inline en cascading

Slide 14 - Diapositive

Kennismakingsronde
  • Inloggen gelukt?
  • Leeromgeving voor de opleiding Software Developer
  • Module: Development Start
    (Reviewen niet nodig)
  • Module: HTML/CSS Beginner
  • Oortjes of koptelefoon gebruikten voor de video's
Jarvis uitleg

Slide 15 - Diapositive

Kennismakingsronde
  • Samen pagina maken en oefenen met css
    of
  • Verder met Jarvis of Codeacademy eerst afronden

Zelf aan de slag

Slide 16 - Diapositive

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

Slide 17 - Question ouverte

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

Slide 18 - Question ouverte

Kennismakingsronde
Bedankt en tot ziens

Slide 19 - Diapositive