Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Actividad 3 - Ícono en Una Página Web Con HTML

    Cargado por

    Dulce Guazo Diaz
    11 vistas3 páginas
    Este documento explica cómo agregar un favicon a una página web con HTML. Recomienda usar un icono PNG de 32x32 píxeles y agregar el siguiente código entre las etiquetas <head>: <link rel="shortcut icon" href="favicon.png">. Explica que el favicon debe estar en la misma carpeta que la página y cómo crear uno usando Paint o descargando imágenes gratuitas. Finalmente, señala que los favicons son importantes para establecer la marca y permitir a los usuarios identificar pestañas del navegador.

    Descripción original:

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Este documento explica cómo agregar un favicon a una página web con HTML. Recomienda usar un icono PNG de 32x32 píxeles y agregar el siguiente código entre las etiquetas <head>: <link rel="shortcut icon" href="favicon.png">. Explica que el favicon debe estar en la misma carpeta que la página y cómo crear uno usando Paint o descargando imágenes gratuitas. Finalmente, señala que los favicons son importantes para establecer la marca y permitir a los usuarios identificar pestañas del navegador.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    11 vistas3 páginas

    Actividad 3 - Ícono en Una Página Web Con HTML

    Cargado por

    Dulce Guazo Diaz
    Este documento explica cómo agregar un favicon a una página web con HTML. Recomienda usar un icono PNG de 32x32 píxeles y agregar el siguiente código entre las etiquetas <head>: <link rel="shortcut icon" href="favicon.png">. Explica que el favicon debe estar en la misma carpeta que la página y cómo crear uno usando Paint o descargando imágenes gratuitas. Finalmente, señala que los favicons son importantes para establecer la marca y permitir a los usuarios identificar pestañas del navegador.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    Actividad 3 - Ícono en una página web

    con HTML

    Qué es un favicon
    Los favicons son esos pequeños iconos que vemos en las pestañas de los
    navegadores.
    A simple vista no parece ser algo muy importante, pero si quieres saber qué
    beneficios puede traer esto para tu página web, debes de seguir leyendo, al final
    del artículo hablo de eso, pero por ahora veamos cómo puedes poner un icono de
    esos, en tu página HTML.

    Como poner un favicon en HTML


    Como ya viste, los favicons son iconos muy pequeños, entonces necesitas un
    icono de unos 32×32 píxeles. La forma más fácil de insertar un favicon es usando
    una imagen o icono en formato PNG, ya que es un formato muy común y puedes
    crearlos o modificarlos en cualquier editor de imágenes.
    Otra ventaja de usar un formato como PNG es que tu favicon puede tener fondo
    transparente.
    Ahora, el código HTML recomendado es este:
    <link rel="shortcut icon" href="favicon.png">
    El código debe insertarse entre las etiquetas <HEAD> tu página HTML.
    Lo único que debes de cambiar es el nombre del archivo de imagen en donde esta
    tu icono, en este caso el archivo se llama favicon.png. También es importarte
    asegurarte de que el icono esté en la misma carpeta de tu página web, pero si el
    archivo está en otra carpeta entonces tendrás de escribir la dirección del archivo
    completa o relativa.
    El código completo de tu página web mostrando el favicon quedaría como este:
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8">
    <title>Ejemplo de favicon</title>
    <link rel="shortcut icon" href="favicon.png">
    </head>
    <body>
    </body>
    </html>

    Crear un favicon para HTML


    Como es un archivo PNG, puedes usar cualquier editor de imágenes para crear tu
    icono, si usas Windows entonces ya tienes en tu computadora un programa
    llamado Paint, solo debes abrirlo y cambiar el tamaño de documento a 32×32
    píxeles.
    Luego solo haces algún dibujo y guardas el archivo como PNG. Si tienes
    conocimientos más avanzados sobre edición de imágenes puedes usar algo como
    Photoshop.
    Si, por el contrario, crear y editar imágenes, no es lo tuyo, entonces puedes
    descargar una imagen gratuita desde algún lugar como pixabay y si es necesario
    puedes reducir su tamaño a 32×32 píxeles. Te recomiendo incluir la palabra icono
    en tu búsqueda.
    ¿Es importante tener un favicon en tus páginas HTML?
    Los favicons si son importantes porque ayudan a establecer tu marca, las
    personas verán tu icono o logo en pestaña del navegador y en la barra de favoritos
    en caso de que hayan marcado algunas de tus páginas como favorita.
    Cuando alguien abra muchas ventanas en su navegador podrán identificar
    fácilmente en cuáles ventanas han cargado una página de tu sitio web antes de
    cerrarla por accidente.

    También podría gustarte