Langages Web (HTML, CSS, JavaScript) et « livre-jeu »

Dans cette session, nous verrons comment créer des pages Web simples à l’aide des formats HTML (document), CSS (style) et JavaScript (application). À titre d’exemple, nous créerons un livre-jeu, genre littéraire des années 1960-1970 qui précéda les jeux vidéo actuels.

Objectifs pédagogiques

• Structure et élément HTML de base d’une page Web: sections, titres, liens, tableaux, listes, vidéos, images…
• Syntaxe CSS pour le style d’une page: selecteurs, propriétés, valeurs.
• Associer un programme JavaScript à une page: fonction, gestion d’évènement (clic), modifier la page de façon dynamique.
• Structure d’arbre.

Déroulement possible de la session

1. Introduction
2. Ouvrir le-secret-de-maria-deraismes.html dans un navigateur et lire brièvement la page.
3. Ouvrir ce fichier dans un éditeur de texte et étudier le code source.
4. Description des éléments HTML qui la compose.
5. Description de la feuille de style style.css
6. Description du programme script.js
7. Modification de la page selon l’imagination des élèves et le temps disponible.

Installation

L’environnement suivant sera mis à disposition pour cette session:

• Linux Mint >= 21
• Navigateur Firefox