Comment insérer des fichiers .GIF sur mon 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 conviennent le mieux 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. Ajouter 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. Essentiellement, il existe deux principaux 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 exigent que vous compreniez les bases du langage HTML.
É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 bon dossier 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 prévu et ajustez-la 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 du 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 indiquer 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 désactivé les images ou que les lecteurs de texte doivent décoder. "Largeur" et "hauteur" définissent la taille affichée de l'image en pixels. Les balises d'espace définissent l'espace vertical ou horizontal accordé 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étermine sa largeur.
Astuce
Une utilisation courante d'un fichier .gif est appelée spacer.gif. Cette image est un carré transparent mesurant 1 pixel sur 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 toute page d'entraînement de devenir publique et protège votre capacité à recommencer si vous rencontrez des difficultés.