‹Revenir à la recherche

WEEK 2 - INFORMATICA

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

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

Benoem het proces van scrum

Slide 6 - 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




Slide 7 - Diapositive

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

Basisbeginselen HTML
  • HTML is een opmaak taal om webpagina's 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 8 - Diapositive

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

Declaratief
  • Het is een taal die iets beschrijft. 
  • Net als bij de taal NL heb je woordjes die iets betekenen, heb je dat ook in HTML
  • Woordje appel betekend           
  • In HTML spreken wij niet over woordjes maar over HTML Tags
  • Er bestaan veel HTML tags bijvoorbeeld <h1>, <h2>, <input>, <img>, <form> enz.
  • De meeste HTML tags hebben een open en sluit Tag
  • <h1> = opentag     </h1> = sluitingstag, <form> = opentag     </form> = sluitingstag


Slide 9 - Diapositive

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

Genesteld
  • HTML tags worden in elkaar genesteld
  •  We hebben Parent en child
is child  van <body>
<body> is child  van <head> en parent van <h1>, <p>, <h2>

Slide 10 - Diapositive

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

Basisstructuur HTML

Slide 11 - Diapositive

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

Basisstructuur HTML
Je bent altijd met een basisstructuur. Vandaar uit ga je verder werken om jouw webpagina te maken
Dit mag niet
<!DOCTYPE html>
<html>
            <head> 
                  <title>Title here</title></html> 
             </head>
            <body>
                  Webpage content goes here.
             </body>




Slide 12 - 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 13 - Question de remorquage

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

HTML zonder closing tag
Sommige HTML tags hebben alleen een openingtag en geen sluitingstag. Bijvoorbeeld <img>, <br>, <hr> enz.

Hier zijn er niet veel van.

Slide 14 - Diapositive

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 15 - Diapositive

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

Openen van Visual code of notepad
In teams zijn filmpjes te vinden over hoe je visual studio code of notepad kan openen vanuit een windowsmachine

Slide 16 - Diapositive

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

Samenvatting
Klasikaal invullen met leerlingen

Slide 17 - Diapositive

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

week 2 les 2

Slide 18 - Diapositive

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

STARTKLAAR!
Tellie in zakkie

Slide 19 - Diapositive

Startklaar zitten.
Voorkennis activeren

Slide 20 - Diapositive

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

Schrijf minimaal 2 html tags die een opening en closing tag heeft

Slide 21 - Question ouverte

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

HTML is een ...
A
Imperatieve taal
B
Declaratieve taal
C
Programmeertaal
D
Opmaaktaal

Slide 22 - Quiz

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

LEERDOELEN
  • De leerling weet welke delen een HTML element bevat en kan zelf een HTML element maken
  • De leerling weet dat een HTML element beinvloed kan worden door gerbuik van een HTML tag attribuut
  • De leerling weet waar een HTML tag attributen geplaatst kan worden 
  • De leerling weet dat een HTML tag attribuut waarde kan hebben
  • De leerling is in staat een generatieve AI te gebruiken ter ondersteuning bij het ontwikkelen van de webpagina




Slide 23 - Diapositive

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

HTML

Slide 24 - Diapositive

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

HTML element
HTML element


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

Slide 25 - Diapositive

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

HTML attribuut
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 26 - Diapositive

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

HTML attribuut

Slide 27 - 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 28 - Question de remorquage

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

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

Slide 29 - Diapositive

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

Ik ben in staat om het verschil tussen een HTML tag en HTML element aan te geven
Ja
Deels
Nee

Slide 30 - Sondage

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

Ik ben in staat om uit te leggen waarom een HTML attribuut wordt gebruikt
Ja
Deels
Nee

Slide 31 - Sondage

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

Plus de leçons comme celle-ci

WEEK 2 - INFORMATICA

- Leçon avec 32 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

1. HTML-Basics

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

1. HTML-Basics

- Leçon avec 18 diapositives
Software DeveloperMBOStudiejaar 1

HTML & CSS 01 - 1 tmt 2.3 - introductie

- Leçon avec 30 diapositives
InformaticaWOStudiejaar 4,5

HWUD04-sj2122-03-HTML-document

- Leçon avec 31 diapositives
Communication & multimedia designHBOStudiejaar 2

1. HTML-Basics

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

1. HTML-Basics

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

BBL Week 2

- Leçon avec 15 diapositives
Applicatie- en mediaontwikkelaarMBOStudiejaar 2