19ª CLASE
Imágenes Animadas

20ª CLASE
Atributos de Insertar Imágenes

21ª CLASE
Enlazar una Imagen

22ª CLASE
Atributos de la página






 
 

LECCION 18ª
INSERTAR IMAGENES

              Para insertar imágenes utilizamos <img src="aquí ponemos la dirección de la imagen">

Este tag no tiene tag de cierre.

En Internet tenemos numerosas páginas que proporcionan imágenes gratis. Por ejemplo

http://www.gifmania.com/

Nos vamos a gifmania para obtener una imagen de una ejecutiva

Seleccionamos mujeres y ejecutivas.

Nos situamos sobre la imagen y pulsamos el botón DERECHO

 

Lo guardamos con el nombre de fichero ejecutiva y guardar como tipo de fichero GIF. Podemos guardarlo con varios tipos de ficheros, elegimos los gif por ocupar poco espacio y dar pocos problemas de compatibilidad.

Si lo guardamos en el MISMO directorio que el fichero HTML que estamos creando la instrucción para insertar la imagen de la ejecutiva nos queda:

<img src="ejecutiva.gif">

 

Es MUY IMPORTANTE tener cuidado con las direcciones de la imágenes. Si las imágenes están en un directorio y el fichero html que estamos creando en otro directorio, la dirección de la imagen debe indicar la localización de la imagen en el otro directorio.  

Cuando hemos puesto imágenes en un fichero HTML y al enviarlo al servidor de Internet no aparecen suele ser por dos motivos:

A) Hemos enviado el fichero HTML a Internet pero no los ficheros con las imágenes.

B) Al enviarlo al servidor la dirección donde el programa busca la imagen es distinta de donde realmente esta la imagen. Para comprobar si donde esta la imagen coincide con la dirección que tiene la página nos colocamos sobre la imagen (o sobre donde debería estar) y pulsando el botón DERECHO en el menú que aparece pulsamos propiedades.

Lo recomendable es MANTENER LA MISMA ESTRUCTURA DE DIRECTORIOS en el disco duro de nuestro ordenador y en el servidor de Internet. Al mover los ficheros en el disco duro y posteriormente enviarlo al servidor puede que la dirección de la imagen no coincida con la localización de la imagen. 

 


Clase anterior

Próxima clase


Página de Inicio       Contáctanos       ¿Quiénes somos?
Este es un producto de AulaFacil S.L. - Madrid, 13 de Julio 2000