[@ Nom Du Projet (pas de '_' à l'intérieur) @]

[@ Prénom1 NOM-DE-FAMILLE1 (initialesEnMinuscules_egPourPhMartin_pm) numéroEtudiant-1
Prénom2 NOM-DE-FAMILLE2 (initialesEnMinuscules) numéroEtudiant-2 @]

=========================================================================================

[@ Ici, à la place de ce commentaire, insérez votre catégorisation en FL, conformément aux consignes de modélisation pour les pages de votre projet. @]

[@ Conformément à ces consignes également, à la place de ce commentaire, insérez
au moins deux cases à cocher, chacune permettant de rendre visible/invisible
une partie importante de la catégorisation simplifiée des objets importants de cette page
(la partie correspondant au critère auquel la case à cocher est relative). @]

[@ Ici, à la place de ce commentaire, insérez la catégorisation simplifiée des objets importants de cette
page : au moins 10 types d'objets et au moins 2 instances (cela vous permettra peut-être de mieux voir certaines erreurs de modélisation). Cette catégorisation utilise des cases à cocher et ne montre donc pas de relations d'exclusion. @]

TD 5 
1. Exemple de rollover
2. Exemple d'usage de variable
3. Exemple d'usage de pseudo-class puis de pseudo-élément
4. Exemple d'usage de "!important"
5. Exemple de media query 
TD 6
1. Exemple de transition
2. Exemple de transformation
3. Exemple d'animation
4. Exemple d'usage de "w3-opacity"
5. Exemple d'usage de "mask" et/ou "clipPath"
TD 7 
1. Exemple d'usage du DOM, au moins pour déplacer et agrandir un élément
2. Exemple d'usage d'éléments de formulaire 
               (dont 1 "select", 1 "input" de type "nombre", 1 "textarea,
                          1 "input" de type "range" et 1 "input" de type "text"),
           d'au moins 3 vérifications "sans Javascript" (→ e-mail, password, URL ; cf. spécifications),
           d'au moins 3 vérifications "avec Javascript" (cf. spécifications), et
           de l'affichage des valeurs changées (cf. spécifications)
3. Exemple d'usage de l'object "location" (cf. spécifications)
TD 8  (pas en 2025)
1. Exemple d'usage du DOM, différent de ceux du TD7
2. Exemple d'usage de la "Web Storage API"
3. Exemple d'usage (en lecture et écriture) d'un "cookie"
4. Exemple d'usage de l'objet "Navigator"

[@ Ici, le contenu proprement dit de votre page débute. Créez des sections et sous-sections contractables conformes au plan ci-dessus (comme illustré ci-dessous ; voir aussi https://www.phmartin.info/cours/pHtml/BPs/modelisation.html ) et insérez vos travaux pour chaque TD dans les (sous-)sections pertinentes. Permettez la contraction de chaque (sous-)section (comme illustré ci-dessous ; rappel : n'utilisez pas Javascript avant le TD 7). Le symbole de contraction doit être à gauche du titre de la section, pas au-dessus. La contraction d'une section doit bien-sûr rendre invisible tout le contenu de la section (à part son titre) et donc ses sous-sections. Chaque sous-section doit par défaut être "ouverte" [open] tant que vous n'avez pas été invité à ce qu'elle soit contractée par défaut. @]

3. TD3 : organisation thématique des objets de ce projet

3.1. [@ Les enseignants à l'U.R. selon où ils enseignent @]

...

3.1.1. [@ Les enseignants d'étudiants en L1 à l'U.R. @]

...

3.2. [@ Les enseignants à l'U.R. selon leur genre @]

...

3.3. [@ Les enseignants à l'U.R. selon leur statut de travail @]

...

3.4. TD3 – reste : autres éléments HTML demandés par BPs_check.js

...