Puzzle de cubes HTML
CC-BY-SA par Yofi Setiawan, Mozilla Indonésie et Mozilla
45 minutes
Les participants vont faire la course pour ordonner les cubes en papier étiquetés de balises HTML, pour se familiariser avec le code et le remix.
Activité 6 sur 6
Lire et écrire le Web
Des compétences pour le XXIe siècle
CréativitéLes compétences de la littératie web
Code RemixObjectifs d'apprentissage
- Lister les balises HTML les plus communément utilisées
- Utiliser des balises HTLM pour reconstruire une page web
- Créer une page web pour un public particulier
Public
- 13 ans et plus
- Utilisateurs novices sur le Web
Matériel
- Un puzzle de cubes HTML imprimés sur du papier épais. 12 exemplaires minimum.
- Colle ou scotch
- Ciseaux
-
Préparation
Imprimer au moins 12 exemplaires des patrons du puzzle de cubes HTML.
Créer un puzzle de cubes est plutôt simple. Mais pour avoir suffisamment de puzzle pour jouer, vous aurez besoin d'au moins 12 cubes – pour vous assurer que vous aurez suffisamment de cubes pour les balises ouvrantes et fermantes. Au total, pour deux joueurs, vous aurez besoin de construire 24 cubes. Donc, pour construire ces 24 cubes, vous avez besoin d'imprimer 12 feuilles du patron.
Il est préférable d'imprimer le puzzle de cubes sur du papier épais, ce sera ainsi plus facile de les assembler et ils seront plus solides.
Si le temps est limité, vous pouvez organiser cette activité en écrivant sur des morceaux de papier ou des post-it au lieu d'assembler des cubes en papier.
-
Introduction: créer les cubes
15 minutesC'est plutôt amusant, mais cela demande du temps. Les participants assemblent d'abord leurs cubes. Bonus : s'il y a suffisamment de temps, le/la mentor joue au HTML Corners, en utilisant les cubes pour signaler les gares.
-
Défi de Puzzle de cubes HTML
20 minutesTout d'abord, assembler les balises dans le bon ordre en petits groupes. Vous pouvez montrer l'assemblage au groupe entier. Ensuite, les participants ou groupes posent et mélangent leur cubes devant eux. Dites aux participants que leur nouveau but est d'empiler les cubes dans le bon ordre pour construire une page web. Ensuite laissez-les faire la course pour voir qui peut construire une page web le plus rapidement!
Ceci est la combinaison correcte d'une structre de balises HTML.
<html>
<head>
<title>
</title>
<style>
</style>
</head>
<body>
<p>
</p>
</body>
</html>
-
Réflexions : passer en revue les balises
10 minutesRépéter le jeu des HTML Corners s'il y a suffisamment de temps. Les participants peuvent également simplement énoncer à haute voix ce que chaque balise signifie.
Bonus : s'il y a suffisamment de temps, montrer les balises en contexte en cliquant sur « Afficher la source » ou utiliser les X-Ray Goggles sur une page web.
Conclure en demandant au groupe de réfléchir sur ce qu'ils ont trouvé.