Comment réaliser un livre dont on est le héros en html ?

Bougard -  
Pitet Messages postés 2845 Statut Membre -
Bonjour,
Pour un projet de nsi je dois faire un livre dont on est le héros en html mais je ne sais pas comment faire, j'aimerais savoir si quelqu'un peut m'aider assez rapidement. S'il-vous-plaît !


Configuration: Android / Chrome 99.0.4844.58
A voir également:

4 réponses

yg_be Messages postés 24281 Date d'inscription   Statut Contributeur Dernière intervention   Ambassadeur 1 585
 
0
B264IG4
 
Je ne demande pas la réponse je demande des indications pour réaliser mon projet car je suis bloqué
0
yg_be Messages postés 24281 Date d'inscription   Statut Contributeur Dernière intervention   1 585
 
Bloqué avant de commencer? Alors faire d'abord des exercices plus simples.
0
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 758
 
Bonjour,
Ce qu'on peut déjà te dire .. c'est que le html seul ne te suffira pas.
Il te faudra forcément un langage de programmation.
Vu que c'est juste pour une petit projet pour les cours.. je suppose que le javascript suffira largement...
Enfin.. tout dépend du nombre de questions/réponses que tu comptes gérer...

Au dela d'une dizaine.. je pense qu'il serait plus judicieux de s'orienter vers du PHP et une base de données (mysql)




0
Pitet Messages postés 2845 Statut Membre 527
 
Bonjour,

Pour reproduire "un livre dont vous êtes le héros" en html, une solution basique est de créer une page html pour chaque paragraphe du livre et d'utiliser des liens pour relier les paragraphes.

En exemple simplifié (uniquement les extraits des pages, il faudrait bien sûr le doctype et les balises html, head, body, etc.) :
<!-- page-couloir.html -->
<p>
  Dans le couloir, vous arrivez devant deux portes, que faire ?
</p>
<a href="page-ouvrir-porte-gauche.html">Ouvrir la porte à gauche</a>
<a href="page-ouvrir-porte-droite.html">Ouvrir la porte à droite</a>


<!-- page-ouvrir-porte-gauche.html -->
<p>
  La porte à gauche est fermée à clé.
</p>
<a href="page-enfoncer-porte-gauche.html">Enfoncer la porte de gauche</a>
<a href="page-crocheter-porte-gauche.html">Crocheter la porte de gauche</a>
<a href="page-couloir.html">Revenir dans le couloir</a>


<!-- page-ouvrir-porte-droite.html -->
<p>
  Derrière la porte de droite se trouve...
</p>
<a href="page-action1.html">Action 1</a>
<a href="page-action2.html">Action 2</a>


Pour des fonctionnalités plus avancées, comme la gestion de l'inventaire du joueur ou la gestion des combats, il faudra surement utiliser du JavaScript.


Une autre solution serait d'apprendre et d'utiliser l'outil Twine qui permet justement de créer des histoires interactives :
https://twinery.org/

La documentation officielle est en anglais : https://twinery.org/cookbook/
On peut aussi facilement trouver des ressources en français avec une petite recherche :
https://epn.salledesrancy.com/wp-content/uploads/2018/11/Tuto_Twine2018-2019.pdf
https://isn-icn-ljm.pagesperso-orange.fr/TP-en-ligne/fichiers/twine-tuto.pdf
http://www.fiction-interactive.fr/category/articles/?tag=twine
0