Cette entrée a été publiée dans Toile infinie le par .
titre

Scott MacCloud, la toile infinie et
la BD numérique, épisode 2 : cliquer-déplacer

Dans un précédent article, je proposais des solutions pour parcourir une toile infinie,
en arrivant à la conclusion que le plus simple serait de proposer une navigation en cliquer-déplacer, c’est ce que je vous propose de découvrir aujourd’hui.

Pour lire la BD Toys For Me, cliquez ici.

Pour réaliser une page comme celle-là, voici les 11 étapes à suivre :

1) Télécharger le zip du programme en cliquant ici.
2) « Déziper » le dossier et y mettre votre image.

3) Ouvrir le fichier cliquer-deplacer.html avec un éditeur html (TextWrangler sous Mac et Notepad++ sous Windows)

4) Compléter le fichier en suivant les indications en gris, soit :
5) Ecrire le titre de votre histoire dans les balises <title></title>.
6) Ecrire le nom de votre fichier dans la balise <style></style> au début du document, dans l’attribut « background-image ».
7) Inscrivez les dimensions de votre image juste en dessous (width=largeur et height=hauteur).
8) Complétez la balise <nav></nav> en inscrivant votre titre.
9) Complétez la balise <section id= »credits »><section> en écrivant les auteurs. Pour aller à la ligne, insérer le code suivant : <br/> et pour faire un nouveau paragraphe, insérez le code suivant :
<p>Votre nouveau paragraphe</p>.

10) Enregistrez sans changer le nom, vous pouvez dès à présent tester votre page en ouvrant cliquer-deplacer.html avec votre navigateur internet.

11) Il ne reste qu’à mettre votre dossier en ligne sur votre serveur pour partager votre création.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>