Vérifier la convention index.html

Prépare le contenu du fichier, puis vérifie localement que son nom complet est index.html. L'éditeur intégré ne peut pas renommer un fichier sur ton ordinateur.

Objectifs de la leçon

  • Comprendre le fichier d'entrée du projet sans supposer de connaissances HTML avancées.
  • Produire uniquement la structure demandée par la consigne.
  • Vérifier le résultat avec un test ou une observation précise.

Le premier fichier que les outils cherchent

Avant les balises, tu mets en place une boucle courte : modifier, sauvegarder, observer, inspecter puis vérifier. Cette discipline évite de confondre une erreur de fichier, de navigateur ou de consigne avec un problème HTML.

« Vérifier la convention index.html » sert ici à rendre le fichier d'entrée du projet explicite dans le document.

Décision de méthode

Chaque outil doit répondre à une question précise : l'éditeur montre le fichier écrit, le navigateur montre le rendu et les DevTools montrent le DOM réellement interprété.

Vérifie l'extension complète : index.html.txt reste un fichier .txt. Un nom comme page.html peut fonctionner, mais ne sera pas nécessairement choisi comme page d'accueil par ton hébergeur.

Preuve de fonctionnement

Une étape est validée lorsque tu peux nommer le fichier concerné, reproduire le résultat dans le navigateur et relier un test à une preuve observable.

Pour html-00-create-index-file, commence par le premier test en échec et relie son message à l'élément, l'attribut ou la relation concernée.

Vocabulaire lié

  • HTML — Langage de balisage qui décrit la structure du contenu.
  • éditeur — Application utilisée pour écrire les fichiers du projet.
  • navigateur — Application qui interprète HTML et affiche la page.
  • index.html — Fichier d'entrée conventionnel d'une page web.
  • DevTools — Outils du navigateur pour inspecter le DOM et diagnostiquer la page.

Validation

  • Je sais expliquer pourquoi le fichier d'entrée du projet améliore PulsaConf.
  • Je peux relier chaque test à une exigence utilisateur.
  • Je garde une structure compréhensible sans style CSS.

Ouvrir la leçon interactive