HTML in de Klas

Een kleine, lichte oefenomgeving voor leerlingen die hun eerste webpagina's bouwen. Ze schrijven HTML, zien meteen wat er gebeurt en kunnen hun werk indienen als HTML-bestand of PDF.

Handig wanneer je snel wil oefenen in de klas, tijdens studie of als korte opdracht naast een groter traject. Geen accounts, geen installatie, geen dashboard dat eerst nog temmen moet.

Start leerplatform

Wat zit erin?

Alles is gericht op snel inzetbaar oefenen: leerlingen typen HTML, kijken naar de preview en sturen bij waar nodig.

Live preview

Leerlingen zien hun pagina meteen verschijnen. De titel uit de head wordt ook als tabtitel getoond.

Automatische checks

De tool controleert basisstructuur, tags, attributen, tekstinhoud en aantallen waar dat zinvol is.

Export als bewijs

HTML-bestand of PDF met code, status, pogingen, tijd en verificatiegegevens.

Lokaal bewaard

Werk en voortgang blijven in de browser. Er is geen login, server of leerlingendashboard nodig.

Formularium

Een korte spiekkaart helpt bij basisstructuur, tags, attributen, lijsten, media en veelgemaakte fouten.

Voor leerkrachten

De reeks is snel inzetbaar en bewust eenvoudig gehouden. Je kan de inhoud aanpassen in de contentmap.

De groeilijn

HTML in de Klas bouwt webgeletterdheid op: eerst de structuur van een pagina, daarna inhoud, media en een eigen synthese.

Basisstructuur

Doctype, html, head, title en body.

Tekststructuur

Koppen, alinea's en eenvoudige tekstopmaak.

Media en lijsten

Afbeeldingen, attributen, ol, ul, li en iframe.

Synthese

Een eigen pagina waarin meerdere bouwstenen samenkomen.

Plaats in de leerlijn

De platformen bouwen het computationeel denken op. De projecten gebruiken dat denken in een vakoverschrijdende opdracht waarin leerlingen bouwen, meten, testen en besluiten.

Leren computationeel denken van blokken naar code, van code naar onderzoek
Platformen
Blockly visueel denken in stappen. JavaScript logica in echte code. HTML webpagina's structureren.
Dodona Python in de Klas met opvolging. Delphi licht oefenen in de browser.
STEaM-projecten
Robothand Arduino, sensoren, servo's en beweging. Wind Micro:bit, energie, spanning en stroom. Slimme vuilnisbak AI, beeldherkenning, data en microcontrollers. Fijnstof Arduino, luchtkwaliteit, data en postersessie.
De platformen trainen computationeel denken. De projecten laten leerlingen dat denken inzetten in een vakoverschrijdende opdracht.