Comment créer des drapeaux animés pour les sites Web

Si vous souhaitez afficher un message ou une image en mouvement sur votre site, pensez à ajouter un drapeau flottant à votre page. Ce drapeau imite la façon dont une bannière physique se déplace dans le vent et présente les images et/ou le texte que vous préférez. Bien que ce graphique soit traditionnellement créé avec une application graphique, vous avez la possibilité de créer cette image dynamique avec une ressource Internet gratuite. Créez le drapeau ondulant animé que vous préférez et comprenez comment le publier sur votre site Web.

Étape 1

Pointez votre navigateur sur un générateur de drapeaux animés en ligne tel que FlashVortex.com, MakeSweet ou Layoutcodez.net. Les sites MakeSweet et Layoutcodez.net vous permettent de télécharger votre propre image pour votre drapeau, tandis que le site FlashVortex.com vous fournit des images prêtes à l'emploi que vous modifiez.

Étape 2

Téléchargez une image pour votre drapeau en mouvement sur le site Web MakeSweet en cliquant sur le bouton du signe plus, puis sur le signe plus suivant qui apparaît avec l'image par défaut. Sur Layoutcodez.net, cliquez sur le bouton "Choisir un fichier". Suivez les invites sur chaque site pour sélectionner votre graphique et l'ajouter à la conception.

Étape 3

Utilisez les menus des sites FlashVortex.com et MakeSweet pour concevoir votre image. Sur FlashVortex.com, par exemple, entrez une taille de drapeau dans le champ de texte "Échelle du drapeau", saisissez le contenu du drapeau qui l'accompagne dans la zone "Texte", puis choisissez le positionnement de votre texte à l'aide des fonctionnalités sous "Modifier la position de l'étiquette de texte " Titre. Layoutcodez.net ne vous donne pas la possibilité d'apporter d'autres modifications à votre image.

Étape 4

Terminez la conception de votre drapeau mobile en cliquant sur le bouton "Générer une animation" sur le site Web FlashVortex.com ou sur le bouton "Télécharger" sur la page Layoutcodez.net, puis copiez le code qui s'affiche automatiquement dans la zone de texte. Avec MakeSweet, cliquez sur l'icône du film sur votre conception, sélectionnez l'option « Brouillon » ou « HI-RES », puis cliquez sur l'image disque lorsqu'elle apparaît en haut pour enregistrer le fichier sur le bureau de votre ordinateur.

Étape 5

Téléchargez votre fichier GIF animé MakeSweet sur votre hébergeur (le cas échéant) dans le même dossier ou répertoire où vous conservez vos autres fichiers de site Web. Notez l'emplacement du fichier (par exemple, "http://www.votresite.com/flag.gif").

Étape 6

Affichez la page du site Web à laquelle vous souhaitez ajouter le drapeau dans votre éditeur de texte et positionnez votre curseur dans la zone où vous souhaitez que le graphique apparaisse. Collez le code du site FlashVortex.com ou Layoutcodez.net. Si vous utilisez MakeSweet, saisissez l'URL du fichier de votre drapeau entre les guillemets du code d'image suivant :

Enregistrez votre travail. Votre drapeau animé s'affiche maintenant sur la page du site Web.