‹Revenir à la recherche

WEEK 2 - INFORMATICA

STARTKLAAR!
Tellie in zakkie
1 / 32
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 32 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

STARTKLAAR!
Tellie in zakkie

Slide 1 - Diapositive

Startklaar zitten.
week 2 les 1

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Deze periode
Werken aan het project
- Scrum
- HTML & CSS
- Programmeren
- Version Control System

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Voorkennis activeren

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Waar gebruiken wij een version control systeem

Slide 5 - Question ouverte

Cet élément n'a pas d'instructions

Wat is het verschil tussen remote en lokal repository?

Slide 6 - Question ouverte

Cet élément n'a pas d'instructions

Benoem het proces van scrum

Slide 7 - Question ouverte

Cet élément n'a pas d'instructions

LEERDOELEN
  • De leerling kan de basisbeginselen van HTML
  • De leerling kan een code edit programma gebruiken om een HTML pagina te maken
  • De leerling kan een eenvoudig HTML pagina maken




Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
HTML is een opmaak taal om websites mee te ontwikkelen
Afkorting staat voor HyperText Markup Language
HTML wordt vaak in combinatie met CSS en Javascript gebruikt
HTML noemen wij ook declaratieve taal
Het is een genestelde taal
Bij genesteld spreken wij van een parent en child
Child is genesteld in parent


Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
HTML bestaat uit HTML tags.
Een HTML tag is bijvoorbeeld <button>
De voorbeeld hier boven is slechts 1 van de honderdend HTML tags.

<head>, <body>, <h1>, <h2>, <div>, <nav>, <footer>, <span> enzovoort.....

Bijna elke HTML tag heeft een open tag en een sluit tag. Bijvoorbeeld:
<head> heeft </head>
<body> heeft </body>
enzovoort

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
HTML bestaat uit HTML tags.
Een HTML tag is bijvoorbeeld <button>
De voorbeeld hier boven is slechts 1 van de honderdend HTML tags.

<head>, <body>, <h1>, <h2>, <div>, <nav>, <footer>, <span> enzovoort.....

Bijna elke HTML tag heeft een open tag en een sluit tag. Bijvoorbeeld:
<head> heeft </head>
<body> heeft </body>
enzovoort

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
HTML bestaat uit HTML tags.
Een HTML tag is bijvoorbeeld <button>
De voorbeeld hier boven is slechts 1 van de honderdend HTML tags.

<head>, <body>, <h1>, <h2>, <div>, <nav>, <footer>, <span> enzovoort.....

Bijna elke HTML tag heeft een open tag en een sluit tag. Bijvoorbeeld:
<head> heeft </head>
<body> heeft </body>
enzovoort

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
Wanneer wij HTML gebruiken dan moeten wij ons houden aan de basisstructuur van HTML.

Die bestaat uit minimaal 4 HTML tags, namelijk:

<!DOCTYPE html>
<html></html>
<head></head>
<body></body>

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
De
head en body zijn childs van HTML. Dit betekend dat head en body genesteld zijn in html tag. Dat zier er als volgt uit

<!DOCTYPE html>
<html>
            <head></head>
            <body></body>
</html>

Dit mag niet
<!DOCTYPE html>
<html>
            <head> </html> </head>
            <body></body>




of dit mag ook niet
<!DOCTYPE html>
<html>
            <head>  </head>
            <body></html></body>




Slide 15 - Diapositive

Cet élément n'a pas d'instructions

Basisbeginselen HTML
In head en body kan je weer meerdere html tags plaatsen. Maar hanteer wel de regels van parent en child, anders is het fout.

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

Plaats in de goede volgorde
<!DOCTYPE html>
<html>
<head>
<body>
<title>
<div>
</body>
</html>
</div>
</title>
</head>

Slide 17 - Question de remorquage

Cet élément n'a pas d'instructions

HTML Beginselen
Sommige HTML tags hebben alleen een begin tag en geen eind tag. Bijvoorbeeld <img>, <br>, <hr> enz.

Hier zijn er niet veel van.

Slide 18 - Diapositive

Cet élément n'a pas d'instructions

Plaats in de goede volgorde
<!DOCTYPE html>
<html>
<head>
<body>
<title>
</body>
</html>
</title>
</head>
<img>

Slide 19 - Question de remorquage

Cet élément n'a pas d'instructions

HTML Beginselen
HTML element


Een HTML tag kan attributen noemen.
dit zijn eigenschappen die de HTML tag kan beinvloeden

Slide 20 - Diapositive

Cet élément n'a pas d'instructions

HTML Beginselen
HTML element beinvloeden


Een HTML tag kan attributen bevatten.
dit zijn eigenschappen die de HTML element kan beinvloeden.

de style attribuut beinvloed de style van het HTML element.

Zo zijn er nog andere attributen

Slide 21 - Diapositive

Cet élément n'a pas d'instructions

Plaats in de goede volgorde
   >
   "
<h1 
color:blue
; 
style
text-align:center
     =
ik heet meester
   "
</h1>

Slide 22 - Question de remorquage

Cet élément n'a pas d'instructions

Code editor
HTML code schrijven kan je schrijven in een notepad of een code editor als visual code
Notepad
Visual code

Slide 23 - Diapositive

Cet élément n'a pas d'instructions

Jouw eerste HTML pagina
In teams staat een opdracht klaar. Ga daarmee aan de slag

Slide 24 - Diapositive

Cet élément n'a pas d'instructions

Samenvatting
Klasikaal invullen met leerlingen

Slide 25 - Diapositive

Cet élément n'a pas d'instructions

week 2 les 2

Slide 26 - Diapositive

Cet élément n'a pas d'instructions

STARTKLAAR!
Tellie in zakkie

Slide 27 - Diapositive

Startklaar zitten.
Voorkennis activeren

Slide 28 - Diapositive

Cet élément n'a pas d'instructions

Plaats in de goede volgorde
<img
alt="Girl with a jacket"
>
src="img_girl.jpg"
     width="500" 
height="600"

Slide 29 - Question de remorquage

Cet élément n'a pas d'instructions

LEERDOELEN
  • De leerling kan een eenvoudig HTML pagina maken




Slide 30 - Diapositive

Cet élément n'a pas d'instructions

Werken aan opdracht
De opdracht staat klaar in teams 

Slide 31 - Diapositive

Cet élément n'a pas d'instructions

Samenvatting
klasikaal bespreken

Slide 32 - Diapositive

Cet élément n'a pas d'instructions

Plus de leçons comme celle-ci

WEEK 2 - INFORMATICA

- Leçon avec 31 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

1. HTML-Basics

- Leçon avec 26 diapositives
Software Developer [WEB_A]MBOStudiejaar 1

1. HTML-Basics

- Leçon avec 18 diapositives
Software DeveloperMBOStudiejaar 1

1. HTML-Basics

- Leçon avec 26 diapositives
Software Developer [WEB_A]MBOStudiejaar 1

1. HTML-Basics

- Leçon avec 29 diapositives
Software Developer [WEB_A]MBOStudiejaar 1

05 - HTML - tags

- Leçon avec 11 diapositives
ICTMBOStudiejaar 1-4

HTML & CSS 01 - 1 tmt 2.3 - introductie

- Leçon avec 30 diapositives
InformaticaWOStudiejaar 4,5

13 - HTML - span en div

- Leçon avec 10 diapositives
ICTMBOStudiejaar 1-4