What is LessonUp
Search
Channels
Log in
Register
‹
Return to search
BBL Week 3
1 / 19
next
Slide 1:
Slide
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
This lesson contains
19 slides
, with
interactive quizzes
and
text slides
.
Lesson duration is:
90 min
Start lesson
Save
Share
Print lesson
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
Ondersteuning allerlei talen
Eenvoudig generen html tags
zie
https://docs.emmet.io/abbreviations/syntax/
Fouten aangeven
Allerlei extensies
Enkele voorbeelden
Visual Studio Code
Slide 8 - Slide
Kennismakingsronde
download en installeer de laatste versie
open jouw werkmap
Maak een nieuw html bestand aan met een commando : !
Maak met emmet een ul met 11 li items
zie :
https://docs.emmet.io/abbreviations/syntax
/
Visual Studio Code installait en opdracht
https://code.visualstudio.com/
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
Nieuwe regel
headers (<h1> t/m </h6>
<p> (container voor tekst primari)
<div> (container voor allerlei elementen)
<ul> <ol>
zie
https://www.w3schools.com/html/html_blocks.asp
Block
Slide 11 - Slide
Kennismakingsronde
zelfde regel
<a>
<img>
zie
https://www.w3schools.com/html/html_blocks.asp
Inline
Slide 12 - Slide
Kennismakingsronde
Vormgeving van webpagina's
C
ascading
S
tyle
S
heet
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
More lessons like this
Week 3 - Les 1
September 2023
- Lesson with
19 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 5 - Les 1
October 2023
- Lesson with
10 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
WEEK 3 - INFORMATICA
September 2024
- Lesson with
33 slides
Informatica
Middelbare school
havo
Leerjaar 4
WEEK 3 - INFORMATICA
November 2023
- Lesson with
35 slides
Informatica
Middelbare school
havo
Leerjaar 4
HTML5, CSS3 en JS QUiZ
July 2023
- Lesson with
20 slides
Informatica
Middelbare school
vwo
Leerjaar 4
Week 4 - Les 2
September 2023
- Lesson with
11 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
HTML5, CSS3 en JS QUiZ
December 2023
- Lesson with
20 slides
Informatica
Middelbare school
vwo
Leerjaar 4
HTML & CSS 0 - introductie
November 2023
- Lesson with
19 slides
Informatica
WO
Studiejaar 4,5