Com Inserir Una Icona De Lloc Web

Taula de continguts:

Com Inserir Una Icona De Lloc Web
Com Inserir Una Icona De Lloc Web

Vídeo: Com Inserir Una Icona De Lloc Web

Vídeo: Com Inserir Una Icona De Lloc Web
Vídeo: Tutorial #html Como poner un favicon en tu pagina web 2024, Abril
Anonim

Hi ha dues maneres d’inserir una insígnia amb el logotip del vostre lloc web. Un d’ells consisteix a crear un fitxer d’icones al directori arrel i l’altre és inserir el codi mitjançant un editor especial.

Com inserir una icona de lloc web
Com inserir una icona de lloc web

És necessari

  • - editor de gràfics;
  • - bloc de notes.

Instruccions

Pas 1

Obriu el directori arrel del vostre lloc. Creeu-hi un fitxer anomenat favicon.ico. Aquest fitxer admetrà la visualització de la icona del vostre lloc davant de la barra d'adreces del navegador.

Pas 2

Si la icona del vostre lloc no està preparada, creeu-la amb el programa Adobe Photoshop, després de descarregar el connector adequat o un altre editor gràfic que admeti treballar amb aquest tipus de fitxers, per exemple, Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop. Comproveu prèviament el treball en diferents navegadors, no només pel que fa a la visualització de la icona del lloc a la barra d'adreces, sinó també al directori "Preferits".

Pas 3

Afegiu el codi següent a l'etiqueta de pàgina: En aquest cas, es mantindrà un enllaç a diferents variacions de mida de la imatge, que és bastant convenient, però menys fiable.

Pas 4

Aquí podeu utilitzar tant l’editor de bloc de notes habitual com els programes especials dissenyats per escriure codi més còmode, per exemple, la utilitat gratuïta Notebook, que admet la visualització de la numeració de línies i serveix com a programari bastant convenient per a l’edició freqüent.

Pas 5

Creeu una icona per al vostre lloc, prèviament havent analitzat tots els seus detalls. El millor és decidir immediatament el disseny i la mida (aquí, segons el mètode per afegir-lo, ja que, en el primer cas, només hi ha disponible un fitxer amb una resolució de 16x16).

Pas 6

També podeu utilitzar fitxers especials.atn per a Adobe Photoshop, que us permeten crear icones automàticament amb els efectes desitjats, les podeu trobar a Internet als fòrums temàtics o a deviantart.com a la secció “Accions”.

Recomanat: