Création Site

Par groupe de 2 ou 3, réaliser une page web de trois pages minimum sur un sujet de votre choix. Votre site doit inclure des fonctionnalités interactives, être compatible avec les téléphones portables, et répondre aux critères suivants :

Contraintes

Trois pages minimum :

Une page d'accueil qui présente brièvement le sujet.
Au moins deux autres pages liées à la page d'accueil qui développent davantage votre thème et le questionnaire.

Liens externes :

Intégrez au moins trois liens externes, dont celui vers le site d'accueil de SNT : snt.hexalys.net.

Images :

Ajoutez cinq images au minimum dans le dossier "images" , en veillant à utiliser des balises <img> et à les optimiser pour le web.
Respect du droit d'auteur : toutes les images utilisées doivent être libres de droits ou correctement créditées. Vous pouvez utiliser des images sous licence Creative Commons ou des banques d'images libres de droits (Unsplash, Pixabay, etc.).

Emplacement des fichiers

• index.html : Page d'accueil de votre site
• page.html : Les deux pages supplémentaires, au minimum, peuvent avoir un nom de votre choix.
• questionnaire.html : QCM
• styles.css : feuille de style commune à toutes les pages

Cadres interactifs :

Ajoutez au moins un élément interactif (un cadre avec du texte caché, une image changeante au survol, ou un effet d’animation).

Compatibilité mobile :

Utilisez les balises <meta name="viewport" content="width=device-width, initial-scale=1.0"> pour garantir la compatibilité avec les téléphones portables.

Questionnaire :

En fin de page, incluez un petit questionnaire interactif (avec des questions sur le thème choisi) pour tester les connaissances des visiteurs. Le questionnaire peut être créé avec un formulaire HTML simple (utilisation des balises <form>, <input>, <textarea>, etc.).

Consigne de rendu :

Rendre les fichiers HTML, CSS, et images sous forme d'un fichier ZIP au nom de votre groupe. Le fichier de la page d'accueil doit s'appeler index.html.

Exigences supplémentaires :

Utilisez du CSS pour le style de la page (mise en page, couleurs, polices).
Assurez-vous que chaque page a un design cohérent et agréable visuellement.
Respect de la vie privée : Vous ne devez en aucun cas inclure vos noms, prénoms ou toute autre information personnelle dans la page web.
Simuler (sous Chrome ou Edge  F12 puis Ctr+Maj+M) la page sur différents appareils pour vous assurer qu'elle s'affiche correctement sur mobile et ordinateur.

Évaluation

Votre travail sera évalué sur :

Le respect des consignes techniques.

La qualité visuelle et fonctionnelle de la page (présentation, interactivité, et questionnaire).