In deze les zitten 14 slides, met interactieve quiz en tekstslides.
Lesduur is: 90 min
Onderdelen in deze les
STARTKLAAR
TELEFOONS WEG IN JOUW ZAKKIE, RECHTS OP TAFEL
JAS UIT, OVER DE STOEL EN OP JOUW PLEK ZITTEN
INDIEN VAN TOEPASSING OP JOUW PLEK ZITTEN
JOUW SCHOOLSPULLEN KLAAR OP TAFEL
CHROMBOOK, LAPTOP NOG GESLOTEN
SCHOOLMAP OPEN + SCHRIJFWAREN KLAAR
Slide 1 - Tekstslide
DIT JAAR
HEEL HET JAAR PROJECT MATIG WERKEN
WE BOUWEN EEN WEBAPPLICATIE
IEDEREEN WERKT INDIVIDUEEL
MAAR WE BOUWEN WEL SAMEN AAN 1 WEBAPPLICATIE
WE GAAN PROBEREN WEBAPP. VAN ANDERE KLASSEN TE HACKEN
De S klas zal tijdens dit project de basis opnieuw krijgen
Slide 2 - Tekstslide
DEZE PERIODE
PROJECT MATIG WERKEN/SCRUM
HTML & CSS
NETWERK/SERVER
PROGRAMMEREN (PHP of PYTHON)
Slide 3 - Tekstslide
LEERDOELEN VANDAAG
DE LEERLING WEET WAT ER BETER KAN NAV PERIODE 1 (NOTITIES???)
DE LEERLING WEET WAT DE BEDOELING IS VAN DEZE PERIODE
DE LEERLING WEET DE BASISELEMENTEN VAN HTML
DE LEERLING KAN DE BASISELEMENTEN TOEPASSEN
Slide 4 - Tekstslide
Voorkennis activeren
Slide 5 - Tekstslide
WAT ZIJN DE HOOFDELEMENTEN HTML?
A
DOCTYPE, BODY
B
HEADER , BODY
C
BODY1 , BODY 2
D
H1 H2
Slide 6 - Quizvraag
VRAGEN???
Slide 7 - Tekstslide
Scrum omgeving BIJHOUDEN
NIEUWE TAKEN TOEVOEGEN
INSCHATTEN BENODIGDHEDEN
INSCHATTEN BENODIGDE TIJD
Slide 8 - Tekstslide
OPBOUW/ONTWERP
Er zijn vier onderdelen die je landingspagina nodig heeft:
Een pakkende titel.
Een korte, heldere beschrijving waarin je bezoekers duidelijk uitlegt om welk aanbod het gaat en waarom dat aanbod bijzonder is. Denk eraan ook de prijzen te noemen.
Een paar goede foto’s of icons.
Een aansporende call to action.
Slide 9 - Tekstslide
OPBOUW HTML
<!doctype html>
<html>
<head>
</head>
<body>
</body>
</html
Slide 10 - Tekstslide
TITEL WEBPAGINA
<html>
<head>
<title>COVER</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Slide 11 - Tekstslide
Starten bouwen webpagina
START MET HET BOUWEN IN HTML VAN JE ZELF ONTWORPEN WEBPAGINA(LANDINGSPAGINA)
CODE DIENT TE STAAN IN EEN LOKAAL BESTAND OF EEN BESTAND IN DE CLOUD
Slide 12 - Tekstslide
SAMENVATTING
WAT HTML IS
WEET DE FILE EXTANSIE VAN HTML IS
KAN EEN HTML BESTAND AANMAKEN
KAN DE EEN SIMPELE WEBSITE MAKEN MET EEN STUKJE TEKST, TITEL EN HEADER