Cómo poner una imagen en el título de una página web con dreamweaver

Seleccionar una imagen apropiada. Favicons son muy pequeñas, que mide tan sólo 16 píxeles cuadrados, por lo que la imagen que seleccione debe ser lo suficientemente simple para permanecen legibles en tamaño miniatura. logotipos complejos a menudo se ven apretados o parecen tener bordes dentados cuando se cambia de tamaño a 16 píxeles. Si esto le sucede a usted, considere el uso de una imagen alternativa que no incluya su logotipo, sino que refleja bien el tipo de contenido en su sitio web o paleta de colores del sitio. En cualquier caso, asegúrese de que su imagen es un cuadrado perfecto para asegurar una reducción.

Cambiar el tamaño de la imagen. Después de elegir una imagen que reduce así, abra el archivo en Photoshop. En el menú en la parte superior de la pantalla, seleccione "Imagen," a continuación, haga clic "Tamaño de la imagen." En el cuadro de diálogo resultante, cambiar la anchura y la altura de la imagen de 16 píxeles, haga clic en OK.

Guardar la imagen como un archivo GIF o PNG. GIF y PNG experimentan menos problemas cuando se convierte a formato ICO en el siguiente paso. Para guardar la imagen en uno de estos formatos, seleccione "Archivo" en el menú superior en Photoshop, haga clic en "Guardar como." Dar presentar su favicon un nombre, a continuación, haga clic en el menú desplegable debajo del campo de nombre de archivo y seleccione la "Compuserve GIF" o "PNG" opción. Hacer clic "Salvar."

Convertir la imagen a formato ICO. Photoshop no puede guardar archivos de imagen al formato ICO requerida por sí sola. En su lugar, debe descargar un plug-in de Photoshop o utilizar una utilidad web. Por ejemplo, utilizar el generador de favicon libre desde el sitio web favicon.cc (ver Referencias). Desde la primera página de este sitio, haga clic en el "importación de imágenes" botón. Busque el archivo GIF o PNG creado en el paso 3 y haga clic "Subir." En unos pocos segundos, la utilidad transformar el archivo de imagen de 16 píxeles cuadrados en. Para guardar esta a su ordenador en formato ICO, localice el encabezado etiquetado "Avance" cerca de la parte inferior de la página, haga clic en "Favicon descarga." Guarde este archivo en la carpeta con el resto de los archivos de página web.

Añadir el favicon a tu sitio Web. Favicons enlazan a páginas web individuales de la misma manera como archivos externos, tales como javascript y hojas de estilo. Abra su página Web en Dreamweaver, luego cambiar a la vista de código seleccionando "Ver" en el menú en la parte superior de la pantalla y hacer clic en el "Código" opción. A continuación, incluir el siguiente código entre la apertura y cierre etiquetas de su página web y después de la

Este código se supone existe el favicon en la carpeta de imágenes. Si coloca el favicon en otro lugar, actualizar la ubicación del contenido en cada atributo href. ¿Por qué es necesario incluir dos enlaces? la compatibilidad entre navegadores. Internet Explorer 7 se encarga de iconos de página diferente que otros navegadores y requiere una regla única para garantizar una presentación precisa.

Guardar la página web, a continuación, abrirlo en su navegador. Ahora verá su favicon. Si el navegador ya está abierto, puede que tenga que cerrar por completo y lo reinicia antes de que aparezca el favicon. También tenga en cuenta que algunos navegadores muestran iconos de favoritos para los títulos de página ubicados en la carpeta Favoritos solamente, no la barra de título del navegador en sí.