Vérifier la maîtrise des bases HTML/CSS avant de passer au fil rouge.
Cinq questions sur les trois microressources du module. Cliquez sur la réponse qui vous paraît juste : la correction s'affiche immédiatement, avec son explication. Répondez de mémoire — si vous hésitez, c'est justement la microressource qu'il faut relire.
-
1 Vous ajoutez un paragraphe à votre page, mais rien ne s'affiche dans le navigateur. Que vérifiez-vous en premier ?
C'est l'erreur classique du débutant : écrire son contenu dans le
<head>. Le head contient des informations sur la page — encodage, titre de l'onglet, feuille de style — et n'affiche rien. Tout ce que le visiteur doit voir va dans le<body>. -
2 Votre site compte cinquante pages et la couleur de la charte change. Quelle organisation vous fait gagner le plus de temps ?
Le résultat à l'écran est effectivement identique dans les trois cas — mais pas le travail de maintenance. Avec une feuille externe, vous modifiez une ligne, une seule fois. Dans les deux autres cas, il faut ouvrir les cinquante pages, et vous en oublierez. Bonus : la feuille externe n'est téléchargée qu'une fois puis mise en cache, donc moins de données transférées.
-
3 La page
pages/contact.htmls'affiche en Times New Roman, sans aucune mise en forme, alors queindex.htmlest correcte. Quelle est la cause la plus probable ?Une page « toute nue » n'a pas trouvé sa feuille de style, et neuf fois sur dix c'est le chemin. Le
hrefse lit depuis la page qui l'écrit : depuispages/, il faut d'abord remonter d'un dossier avec..avant de redescendre danscss/. Une erreur de syntaxe CSS, elle, casserait aussiindex.html. -
4 À chaque demande, vous répétez les mêmes exigences : « HTML sémantique », « aucun style en ligne », « n'invente rien ». Comment vous en dispenser ?
Un assistant ne retient rien d'une session à l'autre, et une consigne donnée en début de session se dilue à mesure que la conversation s'allonge. Le fichier de consignes règle les deux problèmes : il est relu avant chaque page, il tient la matière (ne rien inventer, signaler ce qui manque) et les contraintes techniques au même endroit, et vous pouvez l'enrichir au fil du temps — chaque règle ajoutée après un résultat décevant s'appliquera à toutes les pages suivantes.
-
5 Claude Code vient de produire une page presque juste : le titre est trop gros et un lien de retour manque. Que faites-vous ?
C'est la règle du petit périmètre. Une demande fourre-tout pousse l'assistant à réécrire la page entière, et ce qui fonctionnait se met à casser. Deux corrections séparées, chacune délimitée (« modifie uniquement
css/style.css»), et une vérification après chaque touche : en cas de problème, vous savez exactement quelle demande en est responsable.
Les bases sont vérifiées. Dernière microressource du module : les mettre en œuvre en produisant un vrai contenu pédagogique, cette fois sans démonstration à suivre.
Microressource 5 — Fil rouge : créer un mini-jeu pédagogique →