P1 WEEK 1 Les 1 M4 - INFTL - (26-27)

• newEditor
• Management en organisatie
• Middelbare school
• vmbo, mavo, havo, vwo
• Leerjaar 1-6

HTML

Wat heb je vorig jaar gemaakt

JdW-kijkwijzer

Lesopbouw:

1. Vooraf:
   Startklaar, Voorkennis activeren, Formatief Handelen
   

2. Instructie:
   Leerdoelgericht werken, Inclusieve didactiek, Concrete en herkenbare voorbeelden, Formatief Handelen
   

3. Toepassing:
   Actieve verwerking, Formatief handelen 
   

4. Evaluatie:
   Afsluiting

Overzicht Periode #

• Thema:

• Benodigde lesmaterialen:

HTML

              Startklaar

• Op je plek zitten 

• Jas over de stoel, oortjes in de tas, tas op de grond

• Schoolspullen op tafel: Boek, Chromebook, JdW-map, etui 

3

minute

00

second

add30s

1. Startklaar

Bij de start van iedere les verwelkomt de docent de leerlingen bij de ingang van de deur, noemt leerlingen bij naam, maakt oogcontact en besteedt aandacht aan hun welbevinden. De docent geeft het goede voorbeeld en spreekt hoge verwachtingen uit voor het verloop van de les door succescriteria op gewenst gedrag, schooltaal en effectief leren te benoemen. De leerlingen zijn startklaar: ingelogd in LessonUp, telefoons opgeborgen in het Zakkie, en JdW-map op tafel.

Voorkennis ophalen (Website)

2. Voorkennis activeren

De docent activeert relevante voorkennis aan de hand van een terugblik-opdracht, waarbij eventueel een beroep op de thuistalen wordt gedaan. Op deze manier biedt de docent een kapstok om nieuwe stof te verbinden aan de eerder geleerde stof en richting te geven aan het verdere verloop van de les. Tegelijkertijd worden hiermee misconcepties van leerlingen zichtbaar gemaakt, waar de docent vervolgens gericht op in kan spelen. 

           Leerdoelen

jij kan: Aan het einde van de les kan ik in eigen woorden uitleggen hoe een website werkt en met HTML een eenvoudige webpagina maken met een titel, een kop en een alinea.

1. Ik kan uitleggen hoe een browser en een server samenwerken om een webpagina te tonen.

2. Ik kan uitleggen dat HTML de inhoud en structuur van een webpagina bepaalt.

3. Ik mijn webpagina een titel kan geven met <title>.

4. Ik een kop kan toevoegen met <h1> en een alinea met <p>.

5. Ik mijn webpagina in de browser kan bekijken en een wijziging zichtbaar kan maken.

Succescriteria

3. Leerdoelgericht werken

De docent geeft het onderwerp, RTTI geformuleerde leerdoelen en de lesopbouw aan. De docent weet de leerdoelen goed te laten aansluiten bij de voorkennis en het (taal)niveau van de leerlingen. Gedurende de les wordt continu een terugkoppeling naar de leerdoelen gemaakt om de mate van beheersing te controleren.   

      Klopt dit?

Google en het internet zijn hetzelfde?

Een browser is een programma waarmee je websites bekijkt?

De schoolwebsite staat op een computer?

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

      Werking van een website

Vaktermen

URL

Device

Server

HTML

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

           HTML

• Met HTML kan ik een website maken

• HTML vertelt de browser wat er op de pagina staat, bijvoorbeeld een kop of een stukje tekst.

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

           HTML

• Kijk eerst naar wat de docent doet

• vervolgens in tweetal bespreken wat de docent heeft gedaan

• Klassikaal behandelen

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

      Voorbeeld website

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Leg nu in eigen worden hoe een website werkt

Leg nu in eigen worden wat HTML is

           Voorbeelden

Checklist:

• Dual Coding (woord en beeld combineren)

• Concrete voorbeelden

• Herkenbare voorbeelden gerelateerd aan de leefwereld van de leerlingen

5. Concrete en herkenbare voorbeelden

De docent maakt gebruik van praktische en concrete voorbeelden die voor leerlingen herkenbaar zijn in hun eigen leefwereld om tot beter begrip van de lesstof te komen. De docent doet hierbij een beroep op dual coding. Door het visuele en het verbale te combineren vergroot de docent de kans dat lesstof beter bij de leerlingen blijft beklijven. 

           Instructie

• Groepjes van 2 jouw eerste website maken (het hoeft niet af)

• Na 15 minuten gaan jullie aan de slag in digit-vo

15

minute

00

second

add30s

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

           Aan de slag

Website maken

Werken aan digit-vo les 1 website maken

6. Actieve verwerking

De docent maakt expliciet hoe de leerstof actief verwerkt dient te worden. De docent start met modelleren en laat leerlingen vervolgens actief inoefenen. Volgens het 'ik-wij-jullie/jij-wij' principe wordt de ondersteuning geleidelijk afgebouwd. Er wordt gevarieerd in oefentypes en het leerproces wordt zichtbaar gemaakt, bijvoorbeeld met hardop denken opdrachten. Effectieve leerstrategieën zoals zelftesten, gespreid leren, schema’s maken, en samenvatten volgens de Cornell-methode worden expliciet aangeleerd. Dit herkneden van de lesstof helpt bij het bewerken van het lange termijn geheugen

Waar staat de informatie van een website meestal opgeslagen?

A

In een server

B

In een toetsenbord

C

In een luidspreker

D

In een webcam

Wat gebeurt meestal als eerste wanneer jij een website opent?

A

Je browser stuurt een verzoek

B

De printer maakt een pagina

C

De muis bewaart data

D

Het scherm bouwt internet

Welke HTML-tag gebruik je voor de titel van een webpagina in de browsertab?

A

<h1>

B

<title>

C

<p>

D

<body>

Welke HTML-tag gebruik je voor de belangrijkste kop op de pagina?

A

<title>

B

<footer>

C

<h1>

D

<head>

In deze code zit een fout: <title>Welkom<h1>. Wat is de beste verbetering?

A

<title>Welkom</title>

B

<h1>Welkom</title>

C

<title><h1>Welkom

D

<h1>Welkom</h1>

           Afsluiting

• Sla jouw werk op en onthoud waar je het hebt bewaar

• Heb je les 1 nog niet af dan wordt dat huiswerk

8. Afsluiting

De docent controleert in de slotfase van de les of de leerdoelen door alle leerlingen behaald zijn en plaatst de les in de context van de betreffende periode. De docent evalueert samen met de leerlingen het leren en het gedrag en blikt vooruit aan de hand van de JdW-planner. 

           Begrippen
           uit deze les

• HTML

• tags

• URL

• Website

• Server

• Vs code

Vertel wat er beter kan in de les, voel je dat je vandaag iets hebt geleerd?

Eindslide.

Beter worden doe je

door te oefenen en 

vooral fouten maken.