Tecnología

Inicio

Cómo hacer un GIF archivo de página Web

Cómo hacer un GIF archivo de página Web


GIF significa Graphics Interchange Format. Los sitios web usan comúnmente imágenes en formato GIF, ya que son universalmente compatibles y leer incluso en los navegadores antiguos. Otras ventajas de las imágenes GIF incluyen la capacidad para crear animaciones y fondo transparente. GIF limita imágenes a 256 colores que crea un tamaño de archivo pequeño. Crear una página web GIF que cuenta con una imagen GIF por sí mismo o junto con los componentes adicionales de páginas web.

Instrucciones

1 Sube el archivo GIF en su servidor web mediante FTP o sistema de gestión de archivos proporcionada por su proveedor de alojamiento web. Para la codificación más fácil, cargar el archivo GIF en el mismo directorio que sus páginas web. Si usted tiene una imagen subdirectorio específico dentro de su directorio raíz (donde se encuentran las páginas web), subir el archivo en el directorio de imágenes en su lugar. Como alternativa, subir la imagen en un sitio web gratuito de alojamiento de imágenes como Flickr, ImageShack o Photobucket.

2 Abra un editor HTML y crear una nueva página HTML. Utilice el siguiente código HTML para crear una página web en la que se mostrará el archivo GIF.

<HTML>

<BODY>

</ BODY>

</ HTML>

3 Agregue el archivo GIF insertando el siguiente código entre las etiquetas <body> y </ BODY>:

<IMG SRC = "nombre_de_archivo.gif" ALT = "Descripción de imagen">

Reemplazar "nombre de archivo" con el nombre de su archivo GIF.

Si el archivo GIF se encuentra dentro de un subdirectorio, a continuación, reemplace "nombre_de_archivo.gif" con "/images/filename.gif." Reemplazar las "imágenes" de palabras con el nombre del subdirectorio si su subdirectorio utiliza un nombre distinto de "imágenes".

Si ha cargado la imagen en una web libres de la imagen, a continuación, reemplace "nombre_de_archivo.gif" con la URL completa de la imagen web.

Por ejemplo:

<IMG SRC = "http://www.samplefreeimagewebsite.com/filename.gif" ALT = "Descripción de la imagen">

Sustituir las palabras "Descripción de imagen" sigue a la etiqueta "ALT" con palabras que describen su imagen. El siguiente texto de la etiqueta "ALT" se mostrará en algunos navegadores cuando un usuario mueve su ratón sobre la imagen. La etiqueta "ALT" también puede sustituir las imágenes en dispositivos móviles o navegadores donde los usuarios han desactivado visualización de la imagen.

4 Incluir el tamaño de la imagen dentro de las etiquetas "img" mediante la adición de etiquetas de altura y anchura con el siguiente formato:

<IMG SRC = "nombre_de_archivo.gif" ALT = "Descripción de la imagen" width = "100" height = "200">

5 Modificar el código para centrar la imagen GIF en la página de la siguiente manera:

<CENTER> <img src = "nombre_de_archivo.gif" ALT = "Descripción de la imagen" width = "100" height = "200"> <CENTER>

6 Guarde la página HTML y subirla a la página del directorio de su servidor web.

Consejos y advertencias

  • Averiguar la anchura y la altura de una imagen seleccionando la opción "tamaño de imagen" en el software de diseño gráfico.
  • Si desea visualizar la imagen en una página web en un tamaño diferente que el tamaño real de la imagen, puede incluir "ancho" y "etiquetas" altura de su tamaño preferido. expertos gráficos, sin embargo, recomiendan cambiar el tamaño de un software de diseño gráfico en su lugar ya que esto mostrará una imagen más clara en la página web.

Artículos relacionados