Comment visualiser une image gif animée via le code HTML

   Un gif est un type de fichier de l'image qui peut être statique ou animée, cette dernière est composée de plusieurs frames qui se répètent d'une façon cyclique (en boucle) sans arrêt, si vous vous rappelez, j'ai déjà cité ce type d'image dans "Créer un gif animé à partir d'une vidéo YouTube"


   Si vous avez une certaine image de ce type sur votre disque dur et vous voulez l'afficher en mouvement, comment vous allez faire?, même si vous essayez avec vos logiciels ordinaires (Paint, Windows movie Maker,Windows Photo Viewer...), vous aurez seulement plusieurs images statiques dans les meilleurs cas (avec Photoshop par exemple)

   Pour visualiser l'animation de ce gif, vous devez l'utiliser avec du HTML (langage hypertexte):

1- Ouvrez le logiciel d'éditeur de texte brut que vous avez ( souvent le Bloc-note), et n'utilisez surtout pas un logiciel de traitement de texte comme le "Microsoft Word"

2- Débutez par saisir le premier code <html> sur la première ligne d'un document vierge; la commande désigne que vous écrivez en HTML.

3- Sur la ligne suivante, tapez la commande <img src="monimage.gif" /> , cette commande appelle le gif animé que vous désirez afficher en animation, j'ai pris comme exemple : monimage.gif, vous devez donc le remplacer par le votre.

4- Tapez sur la dernière ligne </html>, cette commande annonce la fin du code HTML.

5- Sauvegardez votre document avec le nom "fichiergif.html" dans la même place où se trouve votre gif animé ( si le gif existe dans le bureau le document doit être sauvegardé aussi sur votre bureau), vous pouvez lui attribuer n'importe quel nom à condition qu'il se termine avec l'extension HTML.Pour forcer le document de l'enregistrer comme un fichier HTML vous devez ajouter les guillemets au tour du nom avant la sauvegarde.

6- Avec un clic droit de la souris sur le "fichiergif.html" une petite fenêtre déroulante s'ouvre, sélectionnez l'option "Ouvrir avec", sélectionnez ensuite votre navigateur (Internet explorer, Chrome, Firefox ou autres), tout de suite, votre document s'ouvre dans une nouvelle fenêtre où vous pouvez voir nettement l'animation du gif.

Publier un commentaire