{"id":134,"date":"2009-08-10T20:28:30","date_gmt":"2009-08-11T00:28:30","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?page_id=134"},"modified":"2009-08-25T23:38:01","modified_gmt":"2009-08-26T03:38:01","slug":"mejora-tu-web","status":"publish","type":"page","link":"https:\/\/blog.espol.edu.ec\/cari22\/mejora-tu-web\/","title":{"rendered":"Mejora tu Web"},"content":{"rendered":"

Mejora tu Web<\/h1>\n

En este apartado te muestro distintas formas y elementos para mejorar el aspecto de tu p\u00e1gina web. Son tantos los temas de los que se puede hablar aqu\u00ed que dudo completarlo nunca, je je je, pero vamos a intentarlo.<\/p>\n

Primero quiero que sepas que tu participaci\u00f3n es indispensable tambi\u00e9n en este apartado. \u00bfC\u00f3mo? Simplemente, si quieres una mejora para tu web que no encuentras aqu\u00ed, h\u00e1zmelo saber en el Foro CCTW<\/a> y te doy mi palabra que har\u00e9 lo posible para incorporar las explicaciones oportunas.<\/p>\n

Algunas de las mejoras que, hoy por hoy est\u00e1n disponibles o en camino son las siguientes:<\/p>\n

C\u00f3mo incluir un Foro<\/a><\/h2>\n

Tenemos dos opciones dependiendo de que tu servidor te ofrezca una base de datos o no. En el primer caso puedes optar por un foro como el de C\u00f3moCrearTuWeb. En caso contrario tendr\u00e1s que conformarte con otros tipos, menos buenos, pero tasmbi\u00e9n validos. Como siempre, paso a paso.<\/p>\n

Una de las mejores maneras de mantener una p\u00e1gina web viva es sin duda incluir un buen foro. Adem\u00e1s de dar la sensaci\u00f3n de que la web es actualizada a diario (cada d\u00eda hay nuevos mensajes que leer) crea (si consigues buen ambiente en \u00e9l) una especie de adicci\u00f3n en sus visitantes de forma que te aseguras que la gente volver\u00e1 peri\u00f3dicamente para ver qu\u00e9 nuevos temas se tratan en \u00e9l.<\/p>\n

Por supuesto, para ello es preciso mimar al foro, es decir, cuidar que no aparezcan mensajes basura (spam, cosas que nada tienen que ver con el foro y que suelen molestar bastante al visitante), responder r\u00e1pidamente a las cuestiones que se plantean, escuchar la opini\u00f3n de tus visitas y hacerles caso cuando te propongan mejoras. En definitiva, mantenerlo saludable y con buena onda.<\/p>\n

Existen multitud de alternativas a la hora de escoger un foro para tu p\u00e1gina web, gratuitas en la mayor\u00eda de los casos, aunque por desgracia los mejores foros necesitan de ciertos requisitos que no todos los servidores (espacios web) te ofrecen, pero eso lo veremos ahora.<\/p>\n

Te recomiendo que empieces verificando si tu servidor cumple los requisitos para alojar un foro tipo phpBB2<\/strong> ( o phpBB3<\/strong>). Si es as\u00ed adelante, instalate uno siguiendo las instrucciones del siguiente apartado. En caso contrario a\u00fan puedes conseguir uno de ese tipo pero instal\u00e1ndolo en alg\u00fan otro servidor (esto lo puedes ver en la secci\u00f3n Otros Foros) o conf\u00f3rmate con un simple foro, que aunque con menos posibilidades, tambi\u00e9n ayudan a dar ese toque \"vivo\" a tu web. La mayor\u00eda de hosting (u hospedajes o espacios web) gratuitos no cumplen los requisitos para poder colocar un buen foro. De todas formas no creas que un hosting de pago es tan caro. Mira este<\/a> por ejemplo.<\/p>\n

Por supuesto, si no tienes algo de tiempo para dedicarle al foro, mejor no lo pongas en tu p\u00e1gina web, pues en lugar de resultar \u00fatil a tus visitantes, ser\u00e1 un motivo de enfado al ver que no les respondes, a no ser que cuentes con buena gente que te ayude a responder por t\u00ed...<\/p>\n

En el men\u00fa de la izquierda de esta p\u00e1gina encontraras las opciones que detallamos paso a paso para que puedas instalar un foro sin problemas, simplemente siguiendo las instrucciones. Si no tienes ni idea de cu\u00e1l escoger fiate de mi y elige el foro tipo phpBB3.<\/p>\n

Caracter\u00edsticas de un foro tipo PhpBB2 para tu p\u00e1gina web<\/h1>\n

La mejor manera de definiros este tipo de foros es enviaros a visitar el Foro de C\u00f3moCrearTuWeb<\/a>. Es algo diferente a los foros que estamos acostumbrados a ver y que ofrecen gratuitamente por la red (melodysoft, etc) dej\u00e1ndote grandes opciones de configuraci\u00f3n y personalizaci\u00f3n.<\/p>\n

Puedes hacer que el foro (o alguna de sus secciones solamente) sea p\u00fablico o bien requiera de un registro en el mismo, puedes escoger moderadores que te ayuden a mantenerlo al d\u00eda, puedes denegar la entrada a los spamers, crear y retocar nuevos temas o secciones dentro del mismo foro, editar mensajes ya publicados o borrarlos, seleccionar un grupo de usuarios para por ejemplo enviarles mensajes a todos a la vez anunciando cambios o lo que desees, puedes comunicarte con los usuarios registrados por privado, colocar encuestas, ver los nuevos mensajes desde tu \u00faltima visita, ser informado cada vez que respondan a uno de tus mensajes.... un mont\u00f3n de cosas que otros foros gratuitos no te ofrecen.<\/p>\n

Como inconveniente, necesitas que tu servidor cumpla ciertos requisitos poco usuales en un servidor gratuito. Consulta estos requisitos en el apartado siguiente y veamos si pudes insertar uno de estos. En caso contrario ve a la secci\u00f3n Otros Foros<\/a> donde encontrar\u00e1s alternativas bastante interesantes.<\/p>\n

C\u00f3mo Configurar el foro PhpBB2 de tu p\u00e1gina web<\/h1>\n

Abre el navegador y ve a http:\/\/dominio-de-tu-web\/phpBB2\/install\/install.php<\/span>. Aparecer\u00e1 la pantalla de instalaci\u00f3n, que te preguntar\u00e1 una serie de opciones de configuraci\u00f3n. Las 3 primeras son el idioma (en este momento s\u00f3lo se puede elegir Ingl\u00e9s), la base de datos (en nuestro caso MySQL) y si est\u00e1s instalando o s\u00f3lo actualizando (nosotros estamos instalando). Para las siguientes 4 opciones necesitar\u00e1s la informaci\u00f3n que te haya dado tu proveedor de hosting.<\/p>\n

Database configuration: (Configuraci\u00f3n de la base de datos)<\/h2>\n

1.- Database Server Hostname \/ DSN<\/span>: Es el nombre del servidor de la base de datos, este nombre tiene que d\u00e1rtelo tu proveedor de hosting, suele ser localhost<\/span> o una IP.<\/p>\n

2.- Your Database Name<\/span>: El nombre de la base datos, tambi\u00e9n ha de d\u00e1rtelo tu proveedor.<\/p>\n

3.- Database Username<\/span>: Tu nombre de usuario en la base de datos (puede ser distinto al del registro en el servidor).<\/p>\n

4.- Database Password<\/span>: Contrase\u00f1a de la base datos (puede ser distinta al del registro en el servidor).<\/p>\n

5.- Prefix for tables in database<\/span>: prefijo de las tablas en la base de datos. La base de datos de phpbb implica varias tablas (users, topics, posts, etc) poniendo este prefijo se llamaran phpbb_users, phpbb_topics, esto te permitir\u00e1 instalar un segundo foro en la misma base de datos simplemente cambiando este prefijo.<\/p>\n

Admin Configuration (Configuraci\u00f3n del Administrador)<\/h2>\n

Ahora veremos como configurar tu cuenta de administrador del foro, necesaria para la puesta en marcha del mismo.<\/p>\n

1.- Admin Email Address<\/span>: Cuenta de correo del administrador, es la que utilizar\u00e1 el foro para mandar los mensajes a los usuarios.<\/p>\n

2.- Domain Name<\/span>: Dominio en el que est\u00e1 el foro, en mi caso es www.comocreartuweb.com<\/p>\n

3.- Server Port<\/span>: Puerto del servidor, a menos que tu proveedor te indique otra cosa, dejal\u00f3 como est\u00e1.<\/p>\n

4.- Script path<\/span>: Directorio en el que est\u00e1 el foro, si has colgado la carpeta phpBB2 del r\u00e1iz ser\u00e1 \/phpBB2\/, pero supongamos has metido la carpeta phpBB2 dentro de una carpeta que se llama foros, en este caso ser\u00eda \/foros\/phpBB2\/.<\/p>\n

5.- Administrator Username<\/span>: Nombre de usuario del administrador.<\/p>\n

6.- Administrator password<\/span>: Contrase\u00f1a del administrador.<\/p>\n

7.- Administrator Password [ Confirm ]<\/span>: Confirmaci\u00f3n de la contrase\u00f1a del administrador.<\/p>\n

Una vez rellenados todos estos campos, pulsamos sobre \"start install<\/span>\".<\/p>\n

AVISO: Si no le has dado permisos de escritura a config.php recibir\u00e1s un mensaje diciendo que no puede escibir en el fichero de configuraci\u00f3n, as\u00ed que pulsamos sobre el bot\u00f3n \"Download Config\" y guardamos el archivo en nuestra carpeta de phpbb2 sobreescribiendo el archivo de configuraci\u00f3n que ten\u00edamos previamente.<\/p>\n

6.- Ahora, cuando te salga el mensaje: \"Please ensure both the install\/ and contrib\/ directories are deleted<\/span>\", borra las carpetas \"install<\/span>\" y \"contrib<\/span>\" abriendo el ftp y elimin\u00e1ndolos del servidor. Esto es para evitar que alguien pueda entrar, leerlos y ver all\u00ed tus datos para hacerse con el control del foro. Si los eliminas del servidor no ocurrir\u00e1 esto.<\/p>\n

C\u00f3mo Configurar el foro PhpBB2 de tu p\u00e1gina web<\/h1>\n

Abre el navegador y ve a http:\/\/dominio-de-tu-web\/phpBB2\/install\/install.php<\/span>. Aparecer\u00e1 la pantalla de instalaci\u00f3n, que te preguntar\u00e1 una serie de opciones de configuraci\u00f3n. Las 3 primeras son el idioma (en este momento s\u00f3lo se puede elegir Ingl\u00e9s), la base de datos (en nuestro caso MySQL) y si est\u00e1s instalando o s\u00f3lo actualizando (nosotros estamos instalando). Para las siguientes 4 opciones necesitar\u00e1s la informaci\u00f3n que te haya dado tu proveedor de hosting.<\/p>\n

Database configuration: (Configuraci\u00f3n de la base de datos)<\/h2>\n

1.- Database Server Hostname \/ DSN<\/span>: Es el nombre del servidor de la base de datos, este nombre tiene que d\u00e1rtelo tu proveedor de hosting, suele ser localhost<\/span> o una IP.<\/p>\n

2.- Your Database Name<\/span>: El nombre de la base datos, tambi\u00e9n ha de d\u00e1rtelo tu proveedor.<\/p>\n

3.- Database Username<\/span>: Tu nombre de usuario en la base de datos (puede ser distinto al del registro en el servidor).<\/p>\n

4.- Database Password<\/span>: Contrase\u00f1a de la base datos (puede ser distinta al del registro en el servidor).<\/p>\n

5.- Prefix for tables in database<\/span>: prefijo de las tablas en la base de datos. La base de datos de phpbb implica varias tablas (users, topics, posts, etc) poniendo este prefijo se llamaran phpbb_users, phpbb_topics, esto te permitir\u00e1 instalar un segundo foro en la misma base de datos simplemente cambiando este prefijo.<\/p>\n

Admin Configuration (Configuraci\u00f3n del Administrador)<\/h2>\n

Ahora veremos como configurar tu cuenta de administrador del foro, necesaria para la puesta en marcha del mismo.<\/p>\n

1.- Admin Email Address<\/span>: Cuenta de correo del administrador, es la que utilizar\u00e1 el foro para mandar los mensajes a los usuarios.<\/p>\n

2.- Domain Name<\/span>: Dominio en el que est\u00e1 el foro, en mi caso es www.comocreartuweb.com<\/p>\n

3.- Server Port<\/span>: Puerto del servidor, a menos que tu proveedor te indique otra cosa, dejal\u00f3 como est\u00e1.<\/p>\n

4.- Script path<\/span>: Directorio en el que est\u00e1 el foro, si has colgado la carpeta phpBB2 del r\u00e1iz ser\u00e1 \/phpBB2\/, pero supongamos has metido la carpeta phpBB2 dentro de una carpeta que se llama foros, en este caso ser\u00eda \/foros\/phpBB2\/.<\/p>\n

5.- Administrator Username<\/span>: Nombre de usuario del administrador.<\/p>\n

6.- Administrator password<\/span>: Contrase\u00f1a del administrador.<\/p>\n

7.- Administrator Password [ Confirm ]<\/span>: Confirmaci\u00f3n de la contrase\u00f1a del administrador.<\/p>\n

Una vez rellenados todos estos campos, pulsamos sobre \"start install<\/span>\".<\/p>\n

AVISO: Si no le has dado permisos de escritura a config.php recibir\u00e1s un mensaje diciendo que no puede escibir en el fichero de configuraci\u00f3n, as\u00ed que pulsamos sobre el bot\u00f3n \"Download Config\" y guardamos el archivo en nuestra carpeta de phpbb2 sobreescribiendo el archivo de configuraci\u00f3n que ten\u00edamos previamente.<\/p>\n

6.- Ahora, cuando te salga el mensaje: \"Please ensure both the install\/ and contrib\/ directories are deleted<\/span>\", borra las carpetas \"install<\/span>\" y \"contrib<\/span>\" abriendo el ftp y elimin\u00e1ndolos del servidor. Esto es para evitar que alguien pueda entrar, leerlos y ver all\u00ed tus datos para hacerse con el control del foro. Si los eliminas del servidor no ocurrir\u00e1 esto.<\/p>\n

C\u00f3mo incluir estad\u00edsticas en una p\u00e1gina web<\/a><\/h2>\n

Normalmente nos dan informaci\u00f3n en tiempo real no solo de la cantidad de visitas que tiene cada una de las p\u00e1ginas de nuestra web, sino adem\u00e1s, nos muestran gr\u00e1ficos de las visitas por d\u00eda, semana, mes y a\u00f1o, de donde vienen los visitantes (de qu\u00e9 enlaces, o en qu\u00e9 navegadores nos han encontrado), con que sistema operativo, resoluci\u00f3n de pantalla etc, nos han visitado.... una gran cantidad de informaci\u00f3n imprescindible para saber que tal vamos.<\/p>\n

Qu\u00e9 son las Estad\u00edsticas?<\/h1>\n

Est\u00e1 bien claro que el objetivo principal de crear una p\u00e1gina web es la de ser visitada y la mejor forma de comprobar que tu p\u00e1gina web est\u00e1 siendo visitada es registrando cada una de las visitas, de alg\u00fan modo, en alg\u00fan lado.<\/p>\n

Esto lo conseguimos con los contadores, pero adem\u00e1s de conocer el n\u00famero de visitas resulta de mayor utilidad a\u00fan conocer otros datos como, cu\u00e1ntos visitantes distintos hemos tenido cada d\u00eda, a qu\u00e9 horas suelen venir, qu\u00e9 monitor y resoluci\u00f3n utilizan, si tienen el Flash instalado, de qu\u00e9 pa\u00eds proceden, y lo m\u00e1s importante de todo, d\u00f3nde han conocido la existencia de nuestra p\u00e1gina web? Es decir, \u00bfQui\u00e9n es el tio simp\u00e1tico que ha puesto un enlace en su web hacia la nuestra? \u00bfUn particular? Un directorio\"Qu\u00e9<\/a>? \u00bfQuiz\u00e1s Google, o Yahoo!...?<\/p>\n

Toda esta informaci\u00f3n la podemos obtener gracias a los serivios de estad\u00edsticas. Aunque podr\u00edas crear tus propias estad\u00edsticas, no es un tema para nada f\u00e1cil si acabas de empezar en este mundillo y adem\u00e1s tu servidor puede que no te lo permita (especialmente si es gratuito), de modo que lo mejor es obtener este servicio, de forma gratuita, a trav\u00e9s de diversos portales que lo ofrecen.<\/p>\n

A continuaci\u00f3n te muestro los m\u00e1s utilizados y os comento un poco sus caracter\u00edsticas, c\u00f3mo registraros y c\u00f3mo incluirlas en tus p\u00e1ginas web, como siempre, paso a paso.<\/p>\n

Para los que ten\u00e9is la suerte de contar con un servidor de pago, quiz\u00e1s os resulte interesante crear vuestras propias estad\u00edsticas, de modo que procurar\u00e9 incluir algunas nociones en breve, en este mismo apartado.<\/p>\n

Por el momento tengo listas explicaciones acerca de dos servicios gratuitos de estad\u00edsticas, Webstats4U<\/a><\/span> y Developers4web<\/a><\/span>. Me permit\u00eds un consejo? Escoged Developers4Web<\/a>.<\/p>\n

Icono personalizado junto a la URL de la web<\/a><\/h2>\n

Seguramente, alguna vez habeis entrado en alguna web y habeis visto que en el navegador, justo antes de la direcci\u00f3n de la web (URL) aparece un icono peque\u00f1ito, el logotipo de esa web en cuesti\u00f3n. Queda bastante bien, no? Pues aqu\u00ed te muestro desde c\u00f3mo hacer el icono hasta c\u00f3mo insertarlo en tu web, para que veas.<\/p>\n

Tu Icono En la URL de tu P\u00e1gina Web (favicon.ico)<\/h1>\n

Probablemente os hay\u00e1is encontrado en alguna ocasi\u00f3n que al incluir una determinada web en el apartado \"Favoritos<\/span>\" de vuestro navegador, esa web se queda almacenada con un icono peque\u00f1ito justo al lado de la direcci\u00f3n. Ese icono saldr\u00e1 cuando acced\u00e1is a esa p\u00e1gina y se puede ver en vuestro navegador a la izquierda de la direcci\u00f3n de esa web.<\/p>\n

Pues bien. Estuve investigando como narices lo hac\u00edan y Por Fin lo he descubierto. Es una cosa bastante sencilla. El \u00fanico problema es que para incluir un icono de estos en vuestra web, primero ten\u00e9is que tener un icono, claro. Pero bueno. Eso tampoco es problema porque en CreaTuWeb<\/span> pod\u00e9is encontrar algunos favicones hechos y con qu\u00e9 programa poder dise\u00f1ar el vuestro si lo deseais, etc, etc.<\/p>\n

Para continuar pincha en \"Editor de Iconos\", en el men\u00fa de la izquierda. Est\u00e1 todo explicado paso a paso. Y ante cualquier duda no te prives, cons\u00faltanos lo que quieras en el Foro CCTW<\/a>.<\/p>\n

D\u00f3nde Conseguir un Editor de Iconos para Crear el Favicon?<\/h1>\n

Despu\u00e9s de romperme la cabeza intentando crear un icono con programas normales de dibujo, no he conseguido obtener un icono, que es un archivo tipo gr\u00e1fico con extensi\u00f3n .ico.\u00a0<\/p>\n

Lo que si he encontrado es un programilla que me permite crearlo de una manera sencill\u00edsima. Se trata del IconEdit 2<\/span>. El \u00fanico problema que tiene es que es una demo y no te deja que guardes el icono que has hecho con \u00e9l, pero no hay nada que no pueda solucionarse. Si tienes alg\u00fan tipo de problema con \u00e9l, dinos algo en el Foro CCTW<\/a>.<\/p>\n

Pod\u00e9is encontrar multitud de programas (entre ellos, \u00e9ste) en la siguiente direcci\u00f3n:<\/p>\n

http:\/\/tucows.mundivia.es<\/a><\/p>\n

Poned el nombre del programa en el buscador de esa p\u00e1gina y lo encontrar\u00e9is.<\/p>\n

Si quieres saber como funciona no tienes m\u00e1s que seguir la siguiente lecci\u00f3n titulada \"C\u00f3mo Crear un Icono<\/span><\/strong>\".<\/p>\n

C\u00f3mo Crear un Icono (favicon.ico) con IconEdit<\/h1>\n

Hasta que yo mismo no aprenda a crear iconos con un programa de dibujo cualquiera, nos ce\u00f1iremos a este sencillo programa llamado IconEdit<\/span>, pues, aunque solo sirve para crear iconos, me parece sencillamente Genial<\/p>\n

Suponiendo que ya os lo hab\u00e9is bajado desde la lecci\u00f3n anterior, basta con ponerlo en marcha. Tras instalarlo lo podr\u00e9is encontrar en el men\u00fa de inicio. Al ejecutarlo (no es matarlo, sino ponerlo en marcha, je, je, je) aparece una ventanita como la siguiente:<\/p>\n

\"Aspecto<\/div>\n

En realidad se ve mucho mejor que aqu\u00ed, je, je, je, pero es para que os hag\u00e1is una idea. La pantalla interior es el huevo que ten\u00e9is para crear el icono. Est\u00e1 dividido en cuadritos, de modo que resulta muy f\u00e1cil construir el icono. El problema es que no basta con el programa solo. Tambi\u00e9n hay que tener buen gusto para conseguir un icono atractivo, pero eso no os lo pod\u00e9is bajar de ning\u00fan lado, je, je, je.<\/p>\n

El funcionamiento es bastante sencillo, de modo que no creo que haga falta dar muchas explicaciones sobre como crearlos. Haciendo clic en los rect\u00e1ngulos que aparecen superpuestos a la derecha, se abre la paleta de colores, donde pod\u00e9is elegir el que quer\u00e1is.<\/p>\n

Una vez terminado el icono, hac\u00e9is clic en uno de los botones de abajo y lo guard\u00e1is. Recordar meterlo en la carpeta adecuada con el fin de mantener todos los archivos bien bien ordenados.\u00a0<\/p>\n

En las siguientes lecciones os ense\u00f1o como a\u00f1adirlo en \"Favoritos\".<\/p>\n

D\u00f3nde Conseguir Iconos ya Hechos<\/h1>\n

Ya sab\u00e9is que los iconos tienen extensi\u00f3n .ico, de modo que es f\u00e1cil localizarlos. Por ejemplo, pod\u00e9is probar a buscar todos los iconos que ten\u00e9is en vuestro disco duro, por si os gusta alguno para vuestra web. Es muy f\u00e1cil hacer esto. Simplemente os vais al botoncito de abajo a la izquierda de vuestro ordenador, lo puls\u00e1is y eleg\u00eds la opci\u00f3n Buscar<\/span> y luego en Archivos o Carpetas<\/span>. En la ventana que se abre, donde pone Nombre<\/span>, poned *.ico<\/span> y puls\u00e1is en Buscar Ahora<\/span>. Os mostrar\u00e1 una lista de todos los iconos que hay en vuestro disco duro. Si os gusta alguno seleccionadlo, copiadlo y pegarlo en la carpeta donde guard\u00e9is las cosas de vuestra p\u00e1gina.<\/p>\n

Tambi\u00e9n existen por ah\u00ed bibliotecas de iconos ya hechos, de modo que bastar\u00e1 con buscar el que m\u00e1s os guste o m\u00e1s se amolde a la idea que teng\u00e1is para vuestra web. Un ejemplo de estas bibliotecas lo pod\u00e9is encontrar en el siguiente programa, que pod\u00e9is bajaros haciendo clic en \u00e9l. Si deja de funcionar dadme el toque y lo arreglar\u00e9, pues es posible que su direcci\u00f3n cambie de vez en cuando.<\/p>\n

IconCool5e<\/a><\/p>\n

(si no funciona este hiperv\u00ednculo, buscadlo en http:\/\/tucows.mundivia.es<\/a> o con el Emule, Kazaa, etc..)<\/p>\n

Abajo podr\u00e9is encontrar algunos de los iconos que he ido encontrando por ah\u00ed. Seguramente no habr\u00e1 muchos, pero ir\u00e9 incluyendo m\u00e1s poco a poco. Si quieres mandarme alguno que yo no tenga, ya sabes cual es mi direcci\u00f3n.<\/p>\n

Si quer\u00e9is unos cuantos iconos (unos 10 o 12) para hacer algunos ejemplos, bajaros este archivo. Esta comprimido con Winzip, pero supongo que lo tendr\u00e9is todos.<\/p>\n

C\u00f3mo Insertar el Favicon.ico en Tu P\u00e1gina Web<\/h1>\n

Una vez tenemos listo y preparado nuestro icono lo guardaremos en el lugar adecuado para mantener siempre el orden, que como ya os he dicho tropecientas veces, es muy importante en esto de hacer webs para no perdernos.<\/p>\n

Recordar que se trata de un peque\u00f1o archivo con extensi\u00f3n .ico<\/span> (se llama extensi\u00f3n a las tres letritas que aparecen al final del nombre del archivo y que caracterizan el tipo de archivo de que se trata).<\/p>\n

Ahora, para que cuando un visitante al agregar vuestra web en sus favoritos le salga el icono que hemos creado junto a la direcci\u00f3n de la p\u00e1gina, tendremos que incluir un peque\u00f1o c\u00f3digo en nuestra web. No os asust\u00e9is cuando os hable de c\u00f3digo pues es algo muy sencillito. Os lo explico paso a paso para no variar.<\/p>\n