Wat is LessonUp
Zoeken
Kanalen
Inloggen
Registreren
‹
Terug naar zoeken
Week 3 - Les 1
1 / 19
volgende
Slide 1:
Tekstslide
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
In deze les zitten
19 slides
, met
interactieve quizzen
en
tekstslides
.
Lesduur is:
90 min
Start les
Bewaar
Deel
Printen
Onderdelen in deze les
Slide 1 - Tekstslide
Kennismakingsronde
Terugblik
IDE (Integrated Development Environment)
Block of inline
Introductie CSS
Doelen
Slide 2 - Tekstslide
Zelfinschatting: Ik kan al een eenvoudige html pagina maken met kopjes, tekst, plaatjes en hyperlinks
0
10
Slide 3 - Poll
Waar staat IDE voor
A
Integrated Development Enginering
B
International Development Entity
C
Integrated Development Environment
D
Integrated Development Encoder
Slide 4 - Quizvraag
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 - Quizvraag
Wat is het EMMET commando om 5 keer een <h1> te maken?
Slide 6 - Open vraag
Hoe maak je een ongeordende lijst (ol) met 5 listitems(li) met EMMET?
Slide 7 - Open vraag
Wat is het verschil tussen inline en block elementen?
Slide 8 - Open vraag
Kennismakingsronde
Vormgeving van webpagina's
C
ascading
S
tyle
S
heet
extern bestand .css
<style> binnen een webpagina
inline met attribuut style=''
Introductie CSS - wat is het?
Slide 9 - Tekstslide
Kennismakingsronde
Introductie CSS - hoe te gebruiken
Slide 10 - Tekstslide
Kennismakingsronde
Introductie CSS - hoe te gebruiken
Veel online documentatie, zie bijvoorbeeld:
https://htmlcheatsheet.com/css
https://www.w3schools.com/css
Slide 11 - Tekstslide
Kennismakingsronde
Extern
HTML bestand
Gekoppeld aan extern stylesheet bestand
Slide 12 - Tekstslide
Kennismakingsronde
Intern
Slide 13 - Tekstslide
Kennismakingsronde
Inline en cascading
Slide 14 - Tekstslide
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 - Tekstslide
Kennismakingsronde
Samen pagina maken en oefenen met css
of
Verder met Jarvis of Codeacademy eerst afronden
Zelf aan de slag
Slide 16 - Tekstslide
Evaluatie - noem drie dingen die nieuw waren voor jou en die je in deze les hebt geleerd
Slide 17 - Open vraag
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 - Open vraag
Kennismakingsronde
Bedankt en tot ziens
Slide 19 - Tekstslide
Meer lessen zoals deze
BBL Week 3
Februari 2024
- Les met
19 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 5 - Les 1
Oktober 2023
- Les met
10 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 4 - Les 2
September 2023
- Les met
11 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
WEEK 3 - INFORMATICA
September 2024
- Les met
33 slides
Informatica
Middelbare school
havo
Leerjaar 4
WEEK 3 - INFORMATICA
November 2023
- Les met
35 slides
Informatica
Middelbare school
havo
Leerjaar 4
03 - CSS - Toevoegen: de integratie met HTML
April 2024
- Les met
10 slides
ICT
MBO
Studiejaar 1,2
03 - CSS - css toevoegen
November 2023
- Les met
11 slides
ICT
MBO
Studiejaar 1,2
HTML & CSS: Opmaak met CSS
September 2024
- Les met
18 slides
Informatica
Middelbare school
havo, vwo
Leerjaar 4