Projet Web 4

Le but de ce projet est de créer un jeu d'aventure textuel en HTML et CSS. Le jeu doit être composé de plusieurs pages HTML qui permettent de naviguer dans l'histoire. Chaque page doit contenir un paragraphe de texte et des liens vers d'autres pages.

Objectifs

• Créer un site web avec plusieurs pages HTML.
• Utiliser des liens pour naviguer entre les pages.
• Utiliser du CSS pour personnaliser l'apparence du site.
• Tenir un journal de bord du projet.

Rendu

Les éléments suivants sont à rendre sur Teams dans le devoir “Projet Web" au plus tard le vendredi 16 janvier 2026 à 23h59 :

• Un fichier zip contenant le code source du jeu (dossier projet-web)
  • Ouvrir le Finder et aller dans le dossier informatique (OneDrive > 2m > informatique).
  • Clic droit sur le dossier projet-web > Compresser "projet-web"
  • Renommer le fichier projet-web.zip créé avec son prénom et nom en minuscule sans accent (ex. projet-web-prenom-nom.zip)
  • Optionnel : vérifier le projet en mettant le dossier sur Netlify Drop.
    • Pas besoin de créer un compte, juste glisser-déposer le dossier et vérifier que le jeu fonctionne correctement en ligne.
• Le journal de bord exporté en PDF et nommé projet-web-journal-prenom-nom.pdf doit inclure :
  • Le titre du jeu.
  • L'organigramme de l'histoire du jeu.
  • L'avancement du projet et les difficultés rencontrées.
  • Pour exporter un document Word en PDF :
    • Fichier > Enregistrer une copie > Sélectionner le format PDF > Enregistrer.

Evaluation

• Processus
  • Rendus corrects et dans les délais.
  • Tenir le journal de bord à jour.
• Projet de base
  • Le jeu est jouable et respecte les consignes.
  • Adapter le code d'exemple à son propre jeu (histoire, noms des fichiers, ...).
  • Personnalisation du jeu (couleurs, nom de l'onglet, titre de l'onglet, ...).
• Projet amélioré
  • Maîtrise du HTML.
    • Significativement plus de pages.
    • Réutilisation des pages.
    • Recommencement du jeu.
    • Ajout de plusieurs images en HTML.
  • Maîtrise du CSS.
    • Classes CSS.
    • Polices personnalisées.
    • Adaptation aux différentes tailles d'écran (responsive design).
    • Ajout de plusieurs images en CSS.
  • Finalisation du projet.
    • Formatage du code.
    • Absence d'erreurs.
    • Nommage des fichiers cohérent.
    • Nettoyage du code.
    • Organisation en dossiers.
  • Autres améliorations.
    • Formulaire et paramètres.
    • Image vectorielle (SVG).
    • Son et vidéo.
    • Autres idées personnelles.

Note	1	2	2.5	3	3.5	4	4.5	5	5.5	6
Nombre de critères validés	0	1	2	3	4	5	6	7	8	9

Références

https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf