Développement¶

Fichiers¶

Mettre en place la structure de projet suivante :

📁 nomdefamille-prenom-tp2
│
├─ 📁 site
│  │
│  ├─ 📁 assets
│  │  ├─ 📁 img
│  │  ├─ 📁 video (au besoin)
│  │  └─ 📁 audio (au besoin)
│  │
│  ├─ 📁 src
│  │  └─ 📁 css
│  │     └─ 📄 styles.css
│  │
│  ├─ 📄 index.html (page d’accueil)
│  ├─ 📄 [...].html (énigme 1)
│  ├─ 📄 [...].html (énigme 2)
│  ├─ 📄 [...].html (énigme 3)
│  ├─ 📄 [...].html (énigme 4)
│  ├─ 📄 [...].html (énigme 5)
│  └─ 📄 [...].html (page victoire)
│
└─ 📄 conception.docx

Design et programmation¶

Au cours de cette étape, vous devrez développer les styles CSS en même temps que la structure en HTML. Allez-y une étape à la fois.

Programmer en HTML/CSS la première énigme
- Structure HTML
- Styles CSS
- Contenus
Programmer en HTML/CSS les autres énigmes avec le même modèle que la première
Programmer en HTML/CSS l'accueil avec un lien qui pointe vers la première énigme
Programmer en HTML/CSS la page victoire (devrait être la réponse de la dernière énigme)

Finaliser¶

Indenter correctement tous les fichiers HTML et CSS avec l'extension Prettier
Tester toutes les énigmes pour s'assurer que les liens fonctionnent