Contexte du projet Vous devez développer un site web avec un thème de votre choix en tenant compte les exigences suivantes :
1. Maquettage : Avant de commencer à coder, dessinez une esquisse (maquette) du site pour planifier la disposition de chaque page. Incluez les trois pages que vous prévoyez de créer, ainsi que le Burger menu et la FAQ, (mobile et DeskTop).
2. Structure HTML : Créez la structure de base de votre site en utilisant des fichiers HTML séparés pour chaque page.
3. Responsivité en JavaScript : Utilisez JavaScript pour rendre votre site web réactif. Assurez-vous que votre site s'adapte correctement aux écrans de différentes tailles, comme les smartphones et les tablettes, vous pouvez utiliser media query.
4. Validation des champs du formulaire en JavaScript : Créez un formulaire sur l'une des pages de votre site. Utilisez JavaScript pour valider les champs du formulaire, tels que les adresses e-mail, les numéros de téléphone ou d'autres informations. Affichez des messages d'erreur si les données ne sont pas valides.
5. Burger menu : Ajoutez un menu de navigation en forme de hamburger (icône à trois lignes) qui s'ouvre lorsque l'utilisateur clique dessus. Le menu doit inclure des liens vers les différentes pages de votre site. Utilisez JavaScript pour gérer l'ouverture et la fermeture du menu.
6. FAQ : Créez une page FAQ (Foire Aux Questions) sur votre site. Affichez une liste de questions fréquemment posées, et lorsque l'utilisateur clique sur une question, le texte de réponse doit s'afficher ou se dérouler de manière interactive.
7. Test et débogage : Testez votre site sur différents appareils pour vous assurer que la responsivité fonctionne correctement et que la validation du formulaire est efficace. Assurez-vous que le Burger menu et la FAQ sont fonctionnels.
8. Publication : Une fois que votre site est complet et fonctionnel, publiez-le en le téléchargeant sur un serveur web ou en utilisant des services d'hébergement gratuits.
Cette activité vous permettra de créer un site web interactif avec des fonctionnalités avancées, tout en améliorant vos compétences en HTML, CSS et JavaScript. Elle encourage la créativité