Aller au contenu

Projet Final

1920-ai-generated-sleek-minimalist-coding-interface-on-laptop-flat-design-illustration

Instructions

Objectif du Projet

Créer un site web interactif de type "histoire dont vous êtes le héros".
- Vous devez concevoir minimum 10 pages (Vous pouvez copier le style, Header (menu), footer, etc.
- Choisissez un thème parmi : Aventure, Moyen-Âge, Fantastique, ou Science-Fiction.
- Intégrez les concepts appris en classe, comme les arborescences et les maquettes filaires, pour planifier le contenu de chaque page.

Étapes du Projet

  1. Choix du Thème

    • Choisir un thème parmi les options proposées.

  2. Arborescence

    • Créez une arborescence pour représenter la structure narrative de votre histoire.
    • Chaque page est un nœud qui présente des choix conduisant à d'autres pages.

  3. Maquettes Filaires

    • Réalisez une maquette filaire pour la page d'accueil afin de planifier son design et son contenu.

  4. Codage HTML/CSS

    • Pour chaque page, utilisez HTML pour structurer le contenu et CSS pour le styliser.
    • Assurez-vous que la navigation entre les pages fonctionne parfaitement.

  5. Page d'Accueil

    • Introduisez l'histoire et présentez deux choix (par exemple : Choix A et Choix B).

  6. Pages Suivantes

    • Chaque choix redirige l'utilisateur vers une nouvelle page, où l'histoire continue.
    • Proposez de nouveaux choix à chaque étape pour avancer dans l'histoire.

  7. Multiples Fins ou Fin Unique

    • Planifiez plusieurs itinéraires basés sur les choix de l'utilisateur.
    • Créez soit des fins différentes, soit une fin unique selon les combinaisons de choix.

  8. Révision et Test

    • Testez le site pour vérifier que la navigation est fluide et fonctionne comme prévu.
    • Revoyez le design et l’expérience utilisateur pour apporter des améliorations si nécessaire.

  9. Remise Finale

    • Remettre le dossier contenant le site web, l’arborescence, et la maquette filaire.
    • Renommer le dossier :
      exam_final_[prenom]_[nom_de_famille].
    • Compresser le dossier au format .zip :
      exam_final_[prenom]_[nom_de_famille].zip.
    • Soumettre le fichier .zip dans le devoir intitulé "Projet Final".

Ressources

Si vous avez besoin d’images, utilisez des sites proposant des contenus gratuits et libres de droits comme :
- Pixabay
- Unsplash
- Pexels