Le groupe Gidef travaille sur une histoire interactive en HTML : un récit dans lequel le lecteur avance en cliquant sur des liens et choisit son propre chemin.

L’objectif est de réutiliser les bases HTML vues en séance pour créer une expérience simple, lisible et fonctionnelle.

Banderole du projet histoire interactive

Consigne courte

Créer une histoire de type dont vous êtes le héros avec :

  • 20 pages HTML ;
  • une première page appelée index.html ;
  • un titre sur chaque page ;
  • un texte sur chaque page ;
  • 2 ou 3 liens vers d’autres pages ;
  • plusieurs chemins possibles ;
  • plusieurs fins possibles ;
  • un code HTML propre et bien organisé.

Le lecteur doit pouvoir avancer dans l’histoire en cliquant sur les liens, comme dans un livre interactif.

Rappel HTML

Les stagiaires peuvent utiliser les balises vues en séance :

  • <!DOCTYPE html>
  • <html lang="fr">
  • <head> et <body>
  • <meta charset="UTF-8">
  • <title>
  • <h1>, <h2>, <h3>
  • <p>, <strong>, <em>, <br>
  • <ul>, <ol>, <li>
  • <a href="page1.html">Page 1</a>

Suivi des projets

Prénom Validé Voir projet
Abdoulaye ✓ Voir le projet
Anas ✓ Voir le projet
Bilel 1 ✓ Voir le projet
Bilel 2 ✓ Voir le projet
Hamza × Lien à compléter
Zakaria ✓ Voir le projet
Cherif ✓ Voir le projet
Ritedj × Lien à compléter
Philippa × Lien à compléter
Safa ✓ Voir le projet
Réuel × Lien à compléter
Triens ✓ Voir le projet
Ilyes ✓ Voir le projet
Roman ✓ Voir le projet
Lamda ✓ Voir le projet
Ismael ✓ Voir le projet
Ryan ✓ Voir le projet
Louis ✓ Voir le projet
Mohammad ✓ Voir le projet

Illustration de fin du projet histoire interactive