Comment faire pour créer une icône clignotante

Les concepteurs et les développeurs du site Web utilisent souvent des icônes pour aider à la navigation sur un site Web. La façon la plus simple de créer une icône clignotante implique l'utilisation d'un GIF animé (graphiques format d'échange) fichier. Vous pouvez facilement créer un GIF animé par la création ou l'achat de graphiques et de les éditer dans un éditeur graphique comme Adobe Photoshop, GIMP ou Paint Shop Pro.

Instructions

  1. Créer les images fixes qui composeront votre GIF animé. Concevoir les images à partir de zéro en utilisant votre éditeur de graphiques ou d'acheter des images à partir d'un site de photographie de stock telles que Getty Images ou iStockphoto (voir Ressources). Accéder au "Illustration" catégorie de Photographies sites et de recherche pour des mots clés pertinents, comme "bouton" ou "icône." Assurez-vous que vous avez la permission d'utiliser les images que vous achetez pour une utilisation en ligne. Choisissez ou créez une image à la fois pour le on / off de clignoter et / ne clignote pas états de votre icône.




  2. Enregistrez vos images fixes sur votre disque dur avec un type de .GIF ou .JPG fichier. Si vous avez acheté des images dans un format différent, ouvrez les fichiers dans votre programme d'édition graphique et de choisir le "Enregistrer Sous" option dans le "Fichier" menu. Sélectionnez .GIF ou .JPG et enregistrer de nouvelles copies des fichiers pour une utilisation dans votre icône clignotante.

  3. Créez un nouveau fichier dans votre programme d'édition graphique. Créer un calque différent pour le on / off de clignoter et Etats / ne clignote pas de votre icône. Ouvrez les outils d'animation dans votre éditeur --- Photoshop se réfère à cette section que la "palette d'animation." Mettez les couches dans l'ordre que vous souhaitez qu'ils apparaissent. Enregistrez le fichier sur votre disque dur comme .GIF. Donnez-lui un nom que vous reconnaître lorsque vous accédez à plus tard.




  4. Ouvrez l'outil que vous utilisez pour télécharger des images à votre serveur de site. Ouvrez le dossier où vous stockez généralement les images utilisées sur votre site Web. Utilisez la capacité de chargement de votre outil pour parcourir le .GIF vous avez créé et de le transférer à votre serveur. Prenez note de l'URL de l'image, maintenant que vous avez hébergé sur votre serveur.

  5. Modifier votre site Web en accédant à l'HTML pour la page que vous souhaitez modifier. Localisez l'endroit sur la page où vous souhaitez ajouter votre icône clignotante. Utilisez le "img src" Commande HTML de référencer l'URL de l'image hébergée sur votre serveur web. Wrap cette commande dans le "a href" commande HTML pour lier votre icône de l'effet escompté --- par exemple, la page Web à laquelle vous voulez que les visiteurs d'aller quand ils cliquent sur l'icône clignotante.

» » » » Comment faire pour créer une icône clignotante