Constitution et Transformations de la Matière · 1er Trimestre

Numéro Atomique, Nombre de Masse et Isotopes

Les élèves distinguent les isotopes et comprennent leur importance en chimie et en physique.

À propos de ce thème

Le Web repose sur une distinction fondamentale entre le fond (HTML) et la forme (CSS), ainsi que sur une interaction constante entre un client et un serveur. Ce sujet permet aux élèves de comprendre que les pages qu'ils consultent ne sont pas des images fixes, mais des documents structurés interprétés par leur navigateur. L'étude du modèle client-serveur dévoile les coulisses d'une requête HTTP, du clic initial à l'affichage final.

Dans le cadre des programmes de Seconde, cette thématique favorise l'acquisition de compétences en programmation et en lecture de code. Elle sensibilise également aux enjeux de sécurité, comme l'exécution de scripts malveillants. Ce sujet gagne à être abordé par la pratique directe, où les élèves modifient le code source de pages existantes pour observer les changements en temps réel.

Idées d'apprentissage actif

Rotation par ateliers: Anatomie d'une page Web

Trois ateliers : un sur la structure HTML (balises), un sur le style CSS (couleurs/disposition) et un sur l'inspection du code source via le navigateur pour modifier localement un site célèbre.

⏱ 55 min·Petits groupes

Générer mission

Jeu de rôle: La requête HTTP

Les élèves jouent les rôles du Navigateur, du DNS et du Serveur. Ils doivent s'échanger des messages écrits pour récupérer les ressources (images, textes) nécessaires à la reconstruction d'une page sur le bureau du 'client'.

⏱ 40 min·Classe entière

Générer mission

Cercle de recherche: Défi CSS

À partir d'un fichier HTML brut, les groupes doivent reproduire une mise en page spécifique en utilisant uniquement du CSS. Ils comparent ensuite leurs méthodes pour obtenir le même résultat visuel.

⏱ 45 min·Petits groupes

Générer mission

Attention à ces idées reçues

Idée reçue courante

Le Web et Internet sont la même chose.

Ce qu'il faut enseigner à la place

Le Web n'est qu'une application parmi d'autres (comme l'email ou le transfert de fichiers) qui utilise l'infrastructure d'Internet. Utiliser des analogies comme 'la route et les camions' aide à clarifier cette distinction.

Idée reçue courante

Le CSS sert uniquement à changer les couleurs.

Ce qu'il faut enseigner à la place

Le CSS gère toute la mise en page, y compris le positionnement et l'adaptation aux écrans mobiles (responsive design). L'expérimentation directe montre comment une seule ligne de CSS peut bouleverser l'affichage.

Questions fréquentes

Pourquoi séparer HTML et CSS ?

Cette séparation permet de modifier l'apparence de tout un site en changeant un seul fichier CSS, sans toucher au contenu HTML. C'est un principe fondamental de maintenance et d'efficacité en développement web.

Qu'est-ce qu'un cookie techniquement ?

Un cookie est un petit fichier texte stocké par le serveur sur l'ordinateur du client. Il permet au serveur de 'reconnaître' l'utilisateur lors de sa prochaine visite, facilitant la personnalisation ou le maintien d'une session ouverte.

Comment l'apprentissage actif facilite-t-il l'apprentissage du code ?

Le code s'apprend par l'essai-erreur. En utilisant des méthodes comme la rotation par ateliers ou le peer-programming, les élèves dédramatisent l'erreur de syntaxe. Voir l'effet immédiat d'une modification de balise renforce la compréhension logique bien mieux qu'un cours théorique sur les syntaxes.

Le navigateur peut-il être dangereux ?

Oui, car il exécute du code (JavaScript) envoyé par le serveur. Si ce code est malveillant, il peut voler des informations. C'est pourquoi la mise à jour des navigateurs et la compréhension du modèle client-serveur sont essentielles.

Parcourir le programme par pays

• Amériques
• US
• CA
• MX
• CL
• CO
• BR

• Europe
• UK
• IE
• FR
• DE
• ES
• IT
• NL
• PT
• SE

• Asie-Pacifique
• IN
• SG
• AU