Consignes pour l'évaluation technique de la SAÉ 14

Le but de la SAÉ 14 est de développer un site Web très riche, avec le plus de techniques HTML/CSS possibles (tableaux, audio, site responsif, fonts extérieurs, menu, JavaScript ou autre langage si vous souhaitez etc.) Dans ce site vous vous présentez vous-même, site qui représente votre vitrine sur Internet. Pensez à optimiser ce travail sur le temps de votre bachelor : ce site pourra évoluer au cours des trois années. Il faut donc en garder la mémoire, les fichiers et réfléchir à son hébergement.

Pour rappel, cette SAÉ comporte plusieurs évaluations notées, dont une technique, dont cette page présente les consignes.

Consignes sur le travail à faire

Pour avoir une note moyenne (10) :

utiliser les balises courantes (par ex. table, favicon, heading, abbr), avec au moins 3 sélecteurs et 3 propriétés différentes de CSS
les images doivent être légendées (+ spécifier la source d'où l'image a été prise) ; une image que vous avez créée vous-même sur ordinateur sera un plus
toutes les pages de votre site et les CSS doivent passer la validation sur le site W3C.

SAÉ met en avant votre autonomie, donc vous êtes censés chercher vous-mêmes des informations sur Internet.

Votre site ne doit pas être similaire à un autre site ! Le plus simple moyen d'éviter cela est : vous pouvez poser des questions aux collègues, ils vous montrent comment faire un point particulier (une balise par ex.), mais sans que vous regardiez leur site.

Votre site doit obligatoirement détailler l'utilisation ou non de l'IA pour le code du site, dans l'affirmative spécifiant précisément comment vous l'avez utilisée (quel générateur a été utilisé, pour quelles parties précises du site etc. etc.)

D'autres remarques à prendre en compte :

Compréhension : Vous devez connaître toutes les balises HTML et toutes les règles CSS utilisées dans votre site. En particulier, quand vous copiez d'Internet, vérifiez que vous avez bien compris toutes les lignes copiées.
Code inutile : N'écrivez pas plus de code que nécessaire. Par ex., éviter d'écrire ou de copier-coller 50 lignes CSS d'Internet, alors que seules 10 lignes sont nécessaires à votre site ; ne définissez pas 10 classes dans le CSS si vous n'en utilisez que 5.
Pour le menu dans les pages, le standard recommande d'utiliser la balise nav avec une liste ul, sans spécifier de classe, comme présenté dans le cours.
Pour la vidéo, utiliser la balise video, et non un iframe qui pointe vers le site youtube par ex.
Noms de fichiers : utiliser un-deux mots non accentués et sans espace, donc par ex. au lieu de "centre d'intérêts.html" utiliser "interests.html".

Évaluation

Il y aura une évaluation orale individuelle, les 22–23 octobre 2026, où j'evalue rapidement votre site Web tel qu'il est sur le serveur et vous poserai plusieurs questions, sur le site et sur HTML/CSS/RWD, pour évaluer votre niveau de connaissances.

À la date limite de rendu du site, 25 10 2026 20h, l'accès à ce serveur sera verrouillé et vous ne pourrez plus modifier votre site, donc votre site Web devra obligatoirement être stocké et testé sur le serveur avant cette date.

Quand vous avez fini votre site, et impérativement avant la date limite, vous devez envoyer aux deux enseignants de cette SAÉ (C. Bolou et moi-même) un mél contenant l'adresse Web de votre site sur le serveur, qui sera utilisée pour l'évaluation. Dans ce mél vous mentionnerez les points forts et les points faibles de votre site, par ex., comme points forts : pas/peu d'utilisation de l'IA, à l'impression le menu ne s'affiche pas, le site est adaptatif (images et texte s'adaptent à la largeur du navigateur, RWD), le menu contient des sous-menus, la vidéo est proposée en plusieurs formats pour être lue par plusieurs navigateurs, le site utilise des polices téléchargées depuis Internet, vous avez créé vous-mêmes des images (par ex. le favicon), les pages passent le test de validation W3C etc. etc.

Bonne saé,

Eugen Dedu, 10/2026