Il existe de nombreuses raisons pour lesquelles vous souhaiterez peut-être ajouter une image .gif à votre site Web.
L'ajout d'une image à votre site Web peut grandement améliorer son attractivité pour les visiteurs. Les formats de fichier les plus couramment utilisés pour les images sur le Web sont .jpg et .gif. L'Université de l'Indiana affirme que les fichiers .gif sont les plus adaptés aux images aux contours nets avec des dégradés de couleurs réduits. Ceux-ci peuvent inclure des dessins animés, du texte et des dessins au trait. Les autres avantages des fichiers .gif sont la possibilité de définir l'arrière-plan sur la transparence et d'ajouter une animation. L'ajout d'un fichier .gif à un site Web est aussi simple que de télécharger un fichier et d'écrire une phrase.
Étape 1
Ouvrez le panneau d'administration de votre site Web. Ce sera différent pour chaque individu car cela dépend du serveur hôte que vous utilisez ou si vous utilisez des programmes tels que Dreamweaver pour gérer votre site. Il existe essentiellement deux grands types de logiciels d'édition: l'éditeur html ou WYSIWYG. Smashing Magazine explique que WYSIWYG signifie "Ce que vous voyez est ce que vous obtenez". Ces programmes sont conçus pour rendre la création de pages plus intuitive. Les éditeurs HTML nécessitent que vous compreniez les bases du langage HTML.
Vidéo du jour
Étape 2
Enregistrez votre fichier image .gif dans les "images" ou le dossier approprié de votre site Web. Si vous utilisez un programme sur votre ordinateur, il vous suffira de trouver le bon dossier sur votre disque dur. Si vous utilisez une interface d'administration en ligne, vous devrez télécharger l'image. Accédez au dossier approprié dans votre panneau d'administration et suivez les instructions pour télécharger un fichier. Dans la plupart des cas, vous utiliserez un bouton de navigation pour trouver le fichier .gif sur votre ordinateur, puis cliquez sur « Télécharger ».
Étape 3
Ajoutez le .gif à la page Web. Sur un éditeur WYSIWYG, il vous suffit de glisser-déposer l'image où vous le souhaitez. Prévisualisez le site Web pour vous assurer que la page s'affiche comme vous l'espériez et ajustez si nécessaire.
Si vous utilisez un éditeur de texte HTML, ouvrez la page HTML sur laquelle le .gif sera placé. Faites défiler jusqu'au point dans le texte HTML où vous souhaitez que le .gif apparaisse. Ajoutez la ligne suivante, en remplaçant les informations après les signes "=" par des informations sur le .gif et en laissant les guillemets en place :
Cross Culture explique que "img src" signifie "source d'image". Les informations entre les guillemets doivent répertorier le nom du dossier dans lequel réside le .gif, puis le nom du .gif. La balise "alt" fait référence au texte qui apparaîtra si le lien de l'image est rompu, si le visiteur a des images désactivées ou pour que les lecteurs de texte décodent. "Largeur" et "hauteur" définissent la taille d'affichage de l'image en pixels. Les balises d'espace définissent combien d'espace vertical ou horizontal est donné autour de l'image par rapport au contenu environnant. La balise de bordure ajoutera une ligne autour de l'image et le nombre à l'intérieur des guillemets déterminera sa largeur.
Choses dont vous aurez besoin
Ordinateur avec connexion Internet
Accès administratif au site Web
Image .gif enregistrée à insérer
Conseil
Une utilisation courante d'un fichier .gif est appelée spacer.gif. Cette image est un carré transparent mesurant 1 pixel par 1 pixel. Ce fichier .gif donne aux concepteurs de pages la possibilité d'ajouter efficacement un espace prévisible à divers endroits de la mise en page. Pour ajouter de l'espace sous un bloc de texte, par exemple, vous pouvez placer le spacer.gif dans son propre paragraphe et ajuster la hauteur et la largeur selon vos préférences.
Avertissement
Enregistrez une copie de la page Web que vous modifiez avant d'essayer d'ajouter le nouveau .gif et essayez de travailler hors ligne si possible jusqu'à ce que vous soyez satisfait de vos résultats. Cela empêche les pages d'entraînement de devenir publiques et protège votre capacité à recommencer en cas de difficulté.
