📅 S02 – HTML – Fondamentaux

  • Période : du 6 octobre au 17 octobre 2025 – Semaines 41–42
  • Thématique : Structuration HTML et accessibilité
  • Jour férié / vacances : Aucun

🧭 Objectifs de la session

  • Apprendre à structurer une page HTML selon les bonnes pratiques sémantiques.
  • Découvrir et utiliser les balises courantes : titres, paragraphes, listes, liens, tableaux, images.
  • Concevoir un formulaire accessible, en respectant les associations label / input.
  • Produire un mini-site HTML à 3 pages interconnectées, première brique du projet fil rouge (blog).

📚 Unités d’apprentissage mobilisées

  • UA 2.1.1 – Structurer une page HTML – (3h) – référentiel
  • UA 2.1.2 – Créer des formulaires accessibles – (4h) – référentiel
  • UA 2.1.3 – Produire un code HTML sémantique et optimisé – (4h) – référentiel

🧩 Prototype

Titre : Page profil Solicode

Description : Créer une page HTML unique présentant un profil d’apprenant Solicode (photo, biographie courte, centres d’intérêt), en utilisant les balises sémantiques (<header>, <main>, <section>, <footer>, etc.). Un formulaire de contact simple est inclus (nom, message), accessible et correctement structuré.

🧪 Mini-Projet

Titre : Mini-site HTML – Présentation personnelle

Description : Développer un mini-site statique de 3 pages reliées :

  1. index.html – Page d’accueil / présentation
  2. cv.html – Présentation des compétences ou expériences simulées
  3. contact.html – Formulaire de contact

Contraintes techniques :

  • Utilisation exclusive du HTML sémantique, sans CSS ni JS
  • Navigation interne cohérente (<nav>, <a href=…>)
  • Pages lisibles, bien indentées, valides (W3C)

Livrables :

  • 3 fichiers .html
  • Arborescence de projet claire
  • Dépôt GitHub avec README recommandé

📊 Grille d’évaluation par niveau

  • Niveau 1 : Syntaxe HTML correcte, balises de base utilisées.
  • Niveau 2 : Page sémantiquement structurée, formulaire bien formé.
  • Niveau 3 : Mini-site navigable, balisage propre, respect des normes d’accessibilité.