Comment créer animés agitant des drapeaux pour les sites web

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

Pointez votre navigateur à un en ligne, générateur de drapeau d`animation tels 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, alors que le site FlashVortex.com fournit des images préconfigurées que vous modifiez.

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

Utilisez les menus sur les sites FlashVortex.com et MakeSweet pour concevoir votre image. Sur FlashVortex.com, par exemple, entrez une taille de drapeau dans la "échelle de drapeau" champ de texte, tapez le contenu du drapeau d`accompagnement dans le "Texte" boîte, puis choisissez le positionnement de votre texte en utilisant les fonctions sous la "Modifier le texte Étiquette Position" Titre. Layoutcodez.net ne vous donne pas la possibilité de faire d`autres modifications à votre image.

Terminez votre conception de drapeau en mouvement en cliquant sur le "générer l`animation" bouton sur le site FlashVortex.com ou "Télécharger" bouton sur la page Layoutcodez.net, puis copier le code qui affiche automatiquement dans la zone de texte. Avec MakeSweet, cliquez sur l`icône du film sur votre conception, sélectionnez la "Brouillon" ou "HI-RES" option, puis cliquez sur l`image disque quand il apparaît en haut pour enregistrer le fichier sur le bureau de votre ordinateur.

Téléchargez votre fichier GIF animé MakeSweet à votre hébergeur Web (le cas échéant) dans le même dossier ou un répertoire où vous conservez vos autres fichiers du site. Prenez note de l`emplacement du fichier (par exemple, "images / flag.gif").

Afficher la page du site auquel vous voulez ajouter le drapeau dans votre éditeur de texte et placez votre curseur dans la zone où vous voulez que le graphique apparaisse. Coller dans le code du FlashVortex.com ou d`un site Layoutcodez.net. Si vous utilisez MakeSweet, entrez votre URL de fichier de drapeau entre les guillemets du code d`image:

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

Les références

• lien W3Schools: HTML Marque

A propos de l`auteur

Brandy Alexander a été écrit professionnellement depuis 2001. Elle est un artiste en verre avec un design Web et le contexte de rédaction technique. Alexander dirige sa propre entreprise de verre d`art et a contribué à "Verre Magazine Ligne" ainsi que diverses publications en ligne.