Comment créer une animation de drapeau ondulant pour les sites Web

Auteur: Mark Sanchez
Date De Création: 6 Janvier 2021
Date De Mise À Jour: 18 Peut 2024
Anonim
Comment créer une animation de drapeau ondulant pour les sites Web - Électronique
Comment créer une animation de drapeau ondulant pour les sites Web - Électronique

Contenu

Si vous souhaitez afficher un message ou une image animée sur votre site Web, pensez à ajouter un drapeau flottant. Il imite la façon dont un vrai drapeau flotte dans le vent et présente des images et / ou du texte. Bien que ce graphique soit traditionnellement créé avec une application graphique, il existe la possibilité de rendre cette image dynamique avec une ressource Internet gratuite. Créez votre animation de drapeau en agitant comme vous préférez et comprenez comment la publier sur des sites Web.

Étape 1

Dirigez votre navigateur vers un générateur de bannières animées en ligne, tel que FlashVortex.com, MakeSweet ou Layoutcodez.net. Ces deux derniers permettent d'envoyer une image du drapeau, tandis que FlashVortex.com fournit des images prêtes à être éditées.

Étape 2

Téléchargez une image pour la bannière mobile sur le site MakeSweet en cliquant sur le bouton avec le signe plus et le même signe qui apparaît avec l'image standard. Sur Layoutcodez.net, cliquez sur le bouton "Choisir un fichier". Suivez les instructions sur chaque site pour sélectionner le graphique et l'ajouter au projet.


Étape 3

Utilisez les menus des sites Web FlashVortex.com et MakeSweet pour dessiner l'image. Dans le premier, par exemple, saisissez la taille du drapeau dans le champ de texte "Échelle du drapeau", tapez le contenu qui accompagne le drapeau dans la zone "Texte" et choisissez l'emplacement du texte à l'aide des fonctionnalités sous la rubrique "Modifier la position de l'étiquette du texte". Layoutcodez.net n'offre pas la possibilité d'apporter des modifications supplémentaires à l'image.

Étape 4

Terminez la conception de la bannière en mouvement en cliquant sur le bouton «Générer une animation» sur le site FlashVortex.com, ou sur «Télécharger» sur la page Layoutcodez.net, puis copiez le code qui apparaît automatiquement dans la boîte du texte. Avec MakeSweet, cliquez sur l'icône du film dans le dessin, sélectionnez l'option "Brouillon" (brouillon) ou "HI-RES" et cliquez sur l'image disque qui apparaît en haut pour enregistrer le fichier sur le bureau de votre ordinateur.

Étape 5

Téléchargez le fichier GIF animé de MakeSweet sur votre serveur Internet ou hôte (le cas échéant) dans le même dossier ou répertoire qui stocke les fichiers d'autres sites. Notez l'emplacement du fichier (par exemple, "http://www.yousite.com/flag.gif").


Étape 6

Accédez au site Web sur lequel vous souhaitez ajouter le drapeau dans l'éditeur de texte et placez le curseur à l'endroit où vous souhaitez que le graphique apparaisse. Collez le code de FlashVortex.com ou Layoutcodez.net. Si vous utilisez MakeSweet, tapez l'URL du fichier d'indicateur entre guillemets dans le code image suivant:

Étape 7

Sauvegardez votre travail. Le drapeau animé apparaît maintenant sur la page de votre site Web.