HTML, CSS en JavaScript voor het secundair onderwijs
Een webpagina schrijven en meteen zien
Links de code, rechts het resultaat. Leerlingen schrijven HTML, CSS en JavaScript in de browser en zien bij elke regel het resultaat. Leerkrachten maken opdrachten, delen ze met een klas en kijken ingediend werk na.
Leerling? Je school heeft een eigen adres, jouwschool.bitblad.be. Het staat op je codekaartje.
Zo werkt het
Een echte webpagina, opgebouwd zoals een site: een HTML-bestand, en waar de les erom vraagt een stylesheet en een script.
1
Schrijven
Typ HTML in de editor of kies een onderdeel uit de lijst: een kop, een lijst, een tabel, een formulierveld. Het komt meteen netjes ingesprongen in je code.
2
Bekijken
Rechts verschijnt je pagina terwijl je typt. Wijs een element aan in de code en het licht op in de pagina, en omgekeerd.
3
Verbeteren
De werkplek wijst in het Nederlands op fouten, met de regel erbij, van een vergeten sluittag tot een tikfout in je script.
In de klas
Waar Bitblad op steunt
Privacy in het ontwerp
Leerlingen loggen in met een persoonlijke code, zonder e-mailadres. Ze zien alleen wat met hun klas gedeeld is.
Europese hosting
Op een eigen server in de Europese Unie. Alle bestanden komen van die server.
In de browser
Werkt op elk toestel, ook op een Chromebook. De pagina van de leerling draait afgeschermd in haar eigen venster.
Echte webtaal
Gewone HTML, CSS en JavaScript, zoals elke browser ze leest.
Voor de leerkracht
Van opdracht tot nakijken, in één omgeving
Je maakt een opdracht met de startcode die je wil meegeven, zet vast wat de leerling niet mag wijzigen, deelt ze met een klas en volgt wat er ingediend wordt. In de les projecteer je dezelfde werkplek op het bord.
HTMLCSSJavaScriptkoppen en alinea'slijstentabellenformulierenafbeeldingenknoppen met gedrag
- Maak een opdracht en zet de startcode vast, zodat de leerling zich op het gevraagde stuk richt.
- Deel met een klas. Elke leerling werkt in een eigen kopie die automatisch bewaard wordt.
- Kijk ingediend werk na met de oorspronkelijke opgave ernaast.
- Projecteer op het bord: code en pagina naast elkaar, leesbaar tot achterin.
Privacy in het kort
Deze pagina werkt zonder cookies en trackers. Leerlingen loggen in met een persoonlijke code, zonder e-mailadres. Wat een school invoert, blijft van de school; dat staat in een verwerkersovereenkomst. De servers staan in de Europese Unie. Vragen over privacy stel je aan info@klaslab.be.
Bitblad in jouw school?
Bitblad is in ontwikkeling. Scholen die willen starten, vragen een schoolaccount aan. Je school krijgt een eigen adres, jouwschool.bitblad.be, en de ICT-beheerder een uitnodiging.