| Leçon complète | Créez pour un enseignant un ensemble de contenus pour donner un cours, en commençant par le plan de cours. Chaque nouveau bloc de matériel doit commencer par un titre H1 (les autres sous-titres doivent être H2, H3, etc.). Lorsque vous décrivez les images requises, écrivez ces descriptions entre crochets, par exemple : {Une image d'un triangle} |
| Quel sujet | Informatique |
| Quel sujet? | HTML |
| Durée (min) | 30 |
| Quel groupe d'âge? | Année ou grade 1 |
| Taille de la classe | 20 |
| Quel programme d'études | |
| Inclure le script complet | |
| Vérifier les devoirs précédents | |
| Demandez à certains élèves de présenter leurs devoirs | |
| Ajouter une pause physique | |
| Ajouter des activités de groupe | |
| Inclure les devoirs | |
| Afficher les bonnes réponses | |
| Préparer des modèles de diapositives | |
| Nombre de diapositives | 5 |
| Créer des cartes à compléter pour les élèves | |
| Créer des tâches de sauvegarde créatives pour les moments inattendus |
Informatique
HTML
30 minutes
Année / Grade 1
20
| Numéro de l'étape | Titre de l'étape | Durée | Détails |
|---|---|---|---|
| 1 | Introduction au HTML | 5 min | Présenter le concept de HTML et son importance dans le web. |
| 2 | Les éléments de base du HTML | 10 min | Expliquer les éléments de base : titres, paragraphes, liens. |
| 3 | Activité pratique : distribution des cartes | 5 min | Distribuer des cartes imprimables aux élèves pour qu'ils complètent. |
| 4 | Travail sur les cartes | 5 min | Les élèves remplissent les cartes en utilisant les éléments HTML. |
| 5 | Vérification/ collecte des cartes | 5 min | Vérifier aléatoirement quelques cartes pour assurer la compréhension. |
| 6 | Devoirs à domicile | 3 min | Expliquer les devoirs sans demander de présentation en classe. |
| 7 | Conclusion et questions | 2 min | Résumer les points clés et répondre brièvement aux questions. |
« Bonjour à tous! Aujourd'hui, nous allons parler d'un sujet très intéressant : HTML! Est-ce que quelqu'un sait ce que signifie HTML? [Attendre les réponses] Très bien, HTML signifie HyperText Markup Language. C'est comme le squelette d'une page web – il lui donne une structure. Sans HTML, nous ne pourrions pas voir les pages que nous aimons sur Internet. »
« Maintenant, parlons des éléments de base que nous allons apprendre aujourd'hui. HTML utilise des 'balises' pour organiser le contenu sur une page web. Les plus courantes sont : les titres, qui nous aident à savoir de quoi parle la page, les paragraphes, qui contiennent des informations que nous voulons lire, et les liens, qui nous permettent de naviguer d'une page à une autre. Regardons ceci de plus près sur le projecteur. [Afficher un exemple de code HTML] Voici comment cela ressemble en HTML. Avez-vous des questions sur ces éléments? »
« Très bien, passons à une activité amusante! Je vais vous distribuer des cartes imprimables. Chaque carte a un petit projet à compléter en utilisant ce que nous venons d'apprendre sur HTML. [Distribuer les cartes aux élèves] Prenez quelques instants pour lire votre carte et comprendre ce que vous devez faire. »
« Maintenant que vous avez vos cartes, je veux que vous passiez les prochaines minutes à remplir ces cartes en utilisant des éléments HTML. Par exemple, si vous devez créer un titre, n'oubliez pas d'utiliser la balise appropriée. Si vous avez besoin d'aide, ne soyez pas timides ! Levez la main et je viendrai vous aider. [Circuler parmi les élèves pour aider] »
« Le temps file! Je vais maintenant vous demander de remettre vos cartes. Je vais en choisir quelques-unes au hasard pour les vérifier. Cela me permettra de m'assurer que tout le monde a compris. [Collecter les cartes et vérifier quelques exemples] Très bien, merci! »
« Avant de conclure, je veux vous parler de vos devoirs. Je vous demande de créer votre propre mini-page HTML à la maison, en utilisant au moins un titre, un paragraphe et un lien. Vous n'avez pas besoin de le présenter en classe, mais je veux voir ce que vous avez créé la prochaine fois. »
« Pour terminer, récapitulons ce que nous avons appris aujourd'hui. Nous avons découvert ce qu'est HTML, les balises que nous utilisons, et nous avons eu l'occasion de pratiquer en remplissant nos cartes. Est-ce que quelqu'un a des questions sur ce que nous avons appris? [Répondre aux questions des élèves] Merci à tous pour votre attention et votre participation! À la prochaine fois! »
Qu'est-ce que signifie l'acronyme HTML et quelle est sa fonction principale sur une page web?
Nommez trois éléments de base que vous avez appris aujourd'hui en HTML et décrivez brièvement leur rôle.
Quelle balise utiliseriez-vous pour créer un titre sur une page HTML? Donnez un exemple.
Si vous deviez écrire un paragraphe sur vos vacances, quelle balise utiliseriez-vous et comment l'écririez-vous en HTML?
Expliquez l'importance des liens en HTML et comment ils permettent de naviguer d'une page à une autre. Incluez un exemple de code.
Dans le cadre de votre devoir à la maison, quels éléments HTML devez-vous inclure dans votre mini-page?
Quels défis avez-vous rencontrés en travaillant sur vos cartes et comment les avez-vous surmontés?
Pensez-vous que créer une page HTML est difficile? Pourquoi ou pourquoi pas?
| Question | Réponse |
|---|---|
| Que signifie HTML? | |
| Quel est le rôle principal du HTML dans la création de pages web? | |
| Quelles sont les balises les plus courantes dans HTML? | |
| Que représente une balise de titre en HTML? | |
| Comment peut-on créer un lien vers une autre page web en HTML? | |
| Quelle est la différence entre un titre et un paragraphe dans un document HTML? | |
| Pourquoi est-il important de connaître la structure du HTML? | |
| Pouvez-vous donner un exemple d'un élémentHTML que vous avez utilisé dans la classe? | |
| Quelles instructions avez-vous sur la carte que vous avez reçue? | |
| Que devez-vous inclure dans votre mini-page HTML à faire à la maison? |