Aller au contenu principal

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 dimanche 1er mars 2026 à 23h59 :

  • Un fichier zip contenant le code source du jeu (dossier projet-web)
    • 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-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.

Évaluation

½ point par critère validé :

  • Rendu
    • Rendus dans les délais.
    • Nommage des fichiers respecté.
    • Format des fichiers respecté.
    • Le journal de bord est complet.
    • Le journal de bord contient l'organigramme.
  • Projet de base
    • Le jeu est jouable et respecte les consignes.
    • Adapter le code d'exemple à son propre jeu.
    • Personnaliser le CSS de base.
    • Toutes les pages ont un favicon.
    • Toutes les pages ont un titre d'onglet personnalisé.
  • Maîtrise du HTML
    • Significativement plus de pages.
    • Lien pour recommencer le jeu.
    • Ajout de plusieurs images en HTML.
  • Maîtrise du CSS
    • Classes CSS.
    • Police personnalisée externe.
    • Ajout de plusieurs images en CSS.
  • Finalisation du projet
    • Absence d'erreurs.
    • Formatage du code.
    • Organisation en dossiers.
  • Autres améliorations
    • Formulaire et paramètres.
    • Image vectorielle (SVG).
    • Son ou vidéo.
    • Autres idées personnelles.
PointsNoteMention
106Excellent
95.5Très bien
85Bien
74.5Satisfaisant
64Suffisant
53.5Insuffisant
43Insuffisant
32.5Très insuffisant
22Très insuffisant
11.5Présent
01Présent