WEEK 2 - INFORMATICA

STARTKLAAR!

Tellie in zakkie

1 / 31

Slide 1: Tekstslide

InformaticaMiddelbare schoolhavoLeerjaar 4

In deze les zitten 31 slides, met interactieve quizzen en tekstslides.

Lesduur is: 90 min

Onderdelen in deze les

STARTKLAAR!

Tellie in zakkie

Slide 1 - Tekstslide

Startklaar zitten.

week 2 les 1

Slide 2 - Tekstslide

Deze slide heeft geen instructies

Deze periode

Werken aan het project

- Scrum

- HTML & CSS

- Programmeren

- Version Control System

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Voorkennis activeren

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Waar gebruiken wij een version control systeem

Slide 5 - Open vraag

Deze slide heeft geen instructies

Benoem het proces van scrum

Slide 6 - Open vraag

Deze slide heeft geen instructies

LEERDOELEN

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

Slide 7 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Basisstructuur HTML

Slide 11 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Plaats in de goede volgorde

<!DOCTYPE html>

<html>

<head>

<body>

<title>

</body>

</html>

</title>

</head>

<img>

Slide 13 - Sleepvraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Code editor

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

Notepad

Visual code

Slide 15 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Samenvatting

Klasikaal invullen met leerlingen

Slide 17 - Tekstslide

Deze slide heeft geen instructies

week 2 les 2

Slide 18 - Tekstslide

Deze slide heeft geen instructies

STARTKLAAR!

Tellie in zakkie

Slide 19 - Tekstslide

Startklaar zitten.

Voorkennis activeren

Slide 20 - Tekstslide

Deze slide heeft geen instructies

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

Slide 21 - Open vraag

Deze slide heeft geen instructies

HTML is een ...

Imperatieve taal

Declaratieve taal

Programmeertaal

Opmaaktaal

Slide 22 - Quizvraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

HTML

Slide 24 - Tekstslide

Deze slide heeft geen instructies

HTML element

HTML element

Een HTML tag kan attributen noemen.

dit zijn eigenschappen die de HTML tag kan beinvloeden

Slide 25 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

HTML attribuut

Slide 27 - Tekstslide

Deze slide heeft geen instructies

Plaats in de goede volgorde

<h1

color:blue

;

style

text-align:center

ik heet meester

</h1>

Slide 28 - Sleepvraag

Deze slide heeft geen instructies

Jouw eerste HTML pagina

In teams staat een opdracht klaar. Ga daarmee aan de slag

Slide 29 - Tekstslide

Deze slide heeft geen instructies

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

Deels

Nee

Slide 30 - Poll

Deze slide heeft geen instructies

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

Deels

Nee

Slide 31 - Poll

Deze slide heeft geen instructies

WEEK 2 - INFORMATICA

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Tekstslide

Slide 5 - Open vraag

Slide 6 - Open vraag

Slide 7 - Tekstslide

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Sleepvraag

Slide 14 - Tekstslide

Slide 15 - Tekstslide

Slide 16 - Tekstslide

Slide 17 - Tekstslide

Slide 18 - Tekstslide

Slide 19 - Tekstslide

Slide 20 - Tekstslide

Slide 21 - Open vraag

Slide 22 - Quizvraag

Slide 23 - Tekstslide

Slide 24 - Tekstslide

Slide 25 - Tekstslide

Slide 26 - Tekstslide

Slide 27 - Tekstslide

Slide 28 - Sleepvraag

Slide 29 - Tekstslide

Slide 30 - Poll

Slide 31 - Poll

Meer lessen zoals deze

WEEK 2 - INFORMATICA

1. HTML-Basics

1. HTML-Basics

1. HTML-Basics

BBL Week 2

HTML & CSS 01 - 1 tmt 2.3 - introductie

05 - HTML - tags

1. HTML-Basics