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.zipcréé 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.
- Clic droit sur le dossier
- Le journal de bord exporté en PDF et nommé
projet-web-prenom-nom.pdfdoit 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.
| Points | Note | Mention |
|---|---|---|
| 10 | 6 | Excellent |
| 9 | 5.5 | Très bien |
| 8 | 5 | Bien |
| 7 | 4.5 | Satisfaisant |
| 6 | 4 | Suffisant |
| 5 | 3.5 | Insuffisant |
| 4 | 3 | Insuffisant |
| 3 | 2.5 | Très insuffisant |
| 2 | 2 | Très insuffisant |
| 1 | 1.5 | Présent |
| 0 | 1 | Présent |