Cómo insertar archivos .gif en mi sitio web

Adición de una imagen a su sitio web puede mejorar en gran medida su atractivo para los visitantes. El formato de archivo más comúnmente utilizado para las imágenes en la web son .jpg y .gif. Universidad de Indiana dice .gif archivos son los más adecuados para las imágenes de bordes afilados con gradaciones de color reducidos. Estos pueden incluir dibujos, textos y dibujos lineales. Otras ventajas de los archivos .gif son la posibilidad de configurar el fondo con la transparencia y añadir animación. Adición de un archivo .gif a un sitio web es tan simple como subir un archivo y escribir una frase.

Instrucciones

1 Abra el panel de administración del sitio web. Esto será diferente para cada individuo, ya que depende del servidor host que utiliza o si utiliza programas como Dreamweaver para administrar su sitio. Esencialmente, hay dos tipos principales de software de edición --- editor de html o WYSIWYG. Smashing Magazine explica WYSIWYG significa "lo que ves es lo que obtienes." Estos programas están diseñados para hacer la construcción de página más intuitiva. editores de HTML que requieren para entender los conceptos básicos del lenguaje HTML.

2 Guarde el archivo de imagen .gif en las "imágenes" o carpeta correspondiente de su sitio web. Si está usando un programa en su ordenador, sólo tendrá que encontrar la carpeta correcta en su disco duro. Si está utilizando una interfaz de administración en línea, tendrá que subir la imagen. Navegue a la carpeta correcta en el panel de administración y siga las instrucciones para cargar un archivo. En la mayoría de los casos, va a utilizar un botón Examinar para buscar el archivo .gif en su ordenador y haga clic en "Subir".

3 Añadir la .gif a la página web. En un editor WYSIWYG, lo único que tiene que hacer es arrastrar y soltar la imagen donde usted lo desee. Vista previa de la página web para asegurarse de que la página aparece como se esperaba y ajustar según sea necesario.

Si estás usando un editor de texto HTML, abra la página HTML en la que se colocará el .gif. Desplazarse hasta el punto en el texto HTML en el que desea que aparezca el .gif. Agregue la línea siguiente, sustituyendo información después del signo "=" señales con información acerca de la .gif y dejando las comillas en su lugar:

<Img alt = "Mi GIF" width = "150" height = "120" hspace = "8" vspace = "8" align = "center" border = "2" />

Cross Culture explica "img src" significa "fuente de la imagen." La información entre las cotizaciones debe aparecer el nombre de la carpeta en la que reside la .gif y luego el nombre de la .gif. La etiqueta "alt" se refiere al texto que aparecerá si el vínculo de la imagen está roto, si el visitante tiene imágenes inhabilitadas o para los lectores de texto para descifrar. "Ancho" y "Altura" establecen el tamaño que se muestra de la imagen en píxeles. Las etiquetas de espacio definen cómo se le da mucho espacio vertical u horizontal alrededor de la imagen en relación al contenido circundante. La etiqueta frontera añadirá una línea alrededor de la imagen y el número dentro de las comillas determina su anchura.

Consejos y advertencias

• Un uso común de un archivo .gif se denomina Spacer.gif. Esta imagen es un cuadrado transparente que mide 1 píxel por 1 píxel. Este archivo .gif da página diseñadores la opción de añadir eficientemente el espacio predecible en diversos lugares de la disposición. Para añadir espacio por debajo de un bloque de texto, por ejemplo, se puede colocar el Spacer.gif en su propio párrafo y ajustar la altura y la anchura a sus preferencias.
• Guardar una copia de la página web que se está modificando antes de intentar añadir el nuevo .gif y tratar de trabajar fuera de línea si es posible hasta que esté satisfecho con los resultados. Esto evita que las páginas de la práctica de la salida a bolsa y protege su capacidad para empezar de nuevo en caso de tener dificultades.