Comment Insérer Une Icône De Site Web

Table des matières:

Comment Insérer Une Icône De Site Web
Comment Insérer Une Icône De Site Web

Vidéo: Comment Insérer Une Icône De Site Web

Vidéo: Comment Insérer Une Icône De Site Web
Vidéo: Comment créer un site web: TUTO HTML (Insérer Font Awesome Icons) 2024, Peut
Anonim

Il existe deux façons d'insérer un badge avec le logo de votre site Web. L'un d'eux consiste à créer un fichier icône dans le répertoire racine et l'autre à insérer le code à l'aide d'un éditeur spécial.

Comment insérer une icône de site Web
Comment insérer une icône de site Web

Il est nécessaire

  • - éditeur graphique;
  • - bloc-notes.

Instructions

Étape 1

Ouvrez le répertoire racine de votre site. Créez-y un fichier appelé favicon.ico. Ce fichier prendra en charge l'affichage de l'icône de votre site devant la barre d'adresse du navigateur.

Étape 2

Si l'icône de votre site n'est pas prête, créez-la à l'aide du programme Adobe Photoshop, après avoir téléchargé le plug-in approprié, ou un autre éditeur graphique prenant en charge ce type de fichier, par exemple, Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop. Pré-vérifier le travail dans différents navigateurs, non seulement en ce qui concerne l'affichage de l'icône du site dans la barre d'adresse, mais aussi dans le répertoire "Favoris".

Étape 3

Dans votre balise de page, ajoutez le code suivant:. Dans ce cas, un lien vers différentes variations de tailles d'images sera maintenu, ce qui est assez pratique, mais moins fiable.

Étape 4

Ici, vous pouvez utiliser à la fois l'éditeur de bloc-notes habituel et des programmes spéciaux conçus pour une écriture de code plus pratique, par exemple, l'utilitaire gratuit Notebook, qui prend en charge l'affichage de la numérotation des lignes et sert de logiciel assez pratique pour les éditions fréquentes.

Étape 5

Créez une icône pour votre site, après avoir réfléchi à tous ses détails à l'avance. Il est préférable de décider immédiatement du design et de la taille (ici - en fonction de la méthode d'ajout, car dans le premier cas, seul un fichier avec une résolution de 16x16 est disponible).

Étape 6

Vous pouvez également utiliser des fichiers spéciaux.atn pour Adobe Photoshop, qui permettent de créer automatiquement des icônes avec les effets souhaités, vous pouvez les trouver sur Internet sur des forums thématiques ou sur deviantart.com dans la rubrique « Actions ».

Conseillé: