Hay muchas razones por las que es posible que desee agregar una imagen .gif a su sitio web.
Agregar una imagen a su sitio web puede mejorar enormemente su atractivo para los visitantes. Los formatos de archivo más utilizados para imágenes en la web son .jpg y .gif. La Universidad de Indiana dice que los archivos .gif son más adecuados para imágenes de bordes nítidos con gradaciones de color reducidas. Estos pueden incluir dibujos animados, texto y arte lineal. Otras ventajas de los archivos .gif son la capacidad de establecer el fondo en transparencia y agregar animación. Agregar un archivo .gif a un sitio web es tan simple como cargar un archivo y escribir una oración.
Paso 1
Abra el panel de administración de su sitio web. Esto será diferente para cada individuo porque depende del servidor host que use o de si usa programas como Dreamweaver para administrar su sitio. Básicamente, existen dos tipos principales de software de edición: editor html o WYSIWYG. Smashing Magazine explica que WYSIWYG significa "Lo que ves es lo que obtienes". Estos programas están diseñados para hacer que la creación de páginas sea más intuitiva. Los editores de HTML requieren que comprenda los conceptos básicos del lenguaje HTML.
Video del día
Paso 2
Guarde su archivo de imagen .gif en las "imágenes" o en la carpeta correspondiente de su sitio web. Si está utilizando un programa en su computadora, solo necesitará encontrar la carpeta correcta en su disco duro. Si está utilizando una interfaz de administración en línea, deberá cargar la imagen. Navegue a la carpeta correcta en su panel de administración y siga las instrucciones para cargar un archivo. En la mayoría de los casos, utilizará un botón de exploración para encontrar el archivo .gif en su computadora y luego haga clic en "Cargar".
Paso 3
Agrega el .gif a la página web. En un editor WYSIWYG, todo lo que necesita hacer es arrastrar y soltar la imagen donde la desee. Obtenga una vista previa del sitio web para asegurarse de que la página aparezca como esperaba y realice los ajustes necesarios.
Si está utilizando un editor de texto HTML, abra la página HTML en la que se colocará el .gif. Desplácese hasta el punto en el texto HTML donde desea que aparezca el .gif. Agregue la siguiente línea, sustituyendo la información después de los signos "=" con información sobre el .gif y dejando las comillas en su lugar:
Cross Culture explica que "img src" significa "fuente de la imagen". La información entre las comillas debe incluir el nombre de la carpeta en la que reside el .gif y luego el nombre del .gif. La etiqueta "alt" se refiere al texto que aparecerá si el enlace de la imagen está roto, si el visitante tiene imágenes deshabilitadas o para que los lectores de texto las descodifiquen. "Ancho" y "alto" establecen el tamaño mostrado de la imagen en píxeles. Las etiquetas de espacio definen cuánto espacio vertical u horizontal se da alrededor de la imagen en relación con el contenido circundante. La etiqueta de borde agregará una línea alrededor de la imagen y el número dentro de las comillas determina su ancho.
Cosas que necesitará
Computadora con conexión a Internet
Acceso administrativo al sitio web
Imagen .gif guardada para insertar
Propina
Un uso común de un archivo .gif se llama spacer.gif. Esta imagen es un cuadrado transparente que mide 1 píxel por 1 píxel. Este archivo .gif brinda a los diseñadores de páginas la opción de agregar de manera eficiente un espacio predecible en varias ubicaciones del diseño. Para agregar espacio debajo de un bloque de texto, por ejemplo, puede colocar spacer.gif en su propio párrafo y ajustar la altura y el ancho según sus preferencias.
Advertencia
Guarde una copia de la página web que está modificando antes de intentar agregar el nuevo .gif e intente trabajar sin conexión si es posible hasta que esté satisfecho con los resultados. Esto evita que las páginas de práctica se hagan públicas y protege su capacidad para comenzar de nuevo si tiene dificultades.
