[@_1 Nom de votre fichier HTML (avec son extension ; même nom que dans la balise "title") @]

[@_1 Prenom1 NOM-DE-FAMILLE1 (initialesEnMinuscules) numéroEtudiant-1
Prenom2 NOM-DE-FAMILLE2 (initialesEnMinuscules) numéroEtudiant-2
(donc les identifications ci-dessus doivent être identiques à celles du champ "content" de la
balise meta name="author" ci-dessus, à part pour la balise "br" et éventuellement des espaces)
@]

HTML+CSS validator                  

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

[@_4 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. @]

[@_4 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). @]

[@_4 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. @]

7. TD 7 7.1. Exemple de rollover 7.2. Exemple d'usage de variable 7.3. Exemple d'usage de pseudo-classe puis de pseudo-élément 7.4. Exemple d'usage de "!important" 7.5. Exemple de media query 8. TD 8 8.1. Exemple de transition 8.2. Exemple de transformation 8.3. Exemple d'animation 8.4. Exemple d'usage de "w3-opacity" 8.5. Exemple d'usage de "mask" et/ou "clipPath"

[@_4 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 (sauf son titre) et donc ses sous-sections. Chaque sous-section doit par défaut être "ouverte" [open] tant que votre professeur ne vous a pas demandé qu'elle soit contractée par défaut. @]

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

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

...

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

...

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

...

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

...

4.4. TD3 – reste : autres éléments HTML demandés par BPsCheck

...