Cuando insertamos una imagen en un documento web, en realidad estamos haciendo un enlace a un fichero que contiene esa imagen. Debemos pulsar el botón:

Después, introduciremos el nombre del fichero con la imagen. Si queremos introducir una imagen que ya ese encuentre en algún servidor Internet, pondremos su URL y marcaremos la opción "dejar la imagen en su dirección original". La universidad proporciona todo un archivo con imágenes que podemos utilizar en nuestras páginas en:

http://www.uc3m.es/repositorio

También se puede introducir una imagen que tengamos en nuestro ordenador, pulsando "seleccionar archivo". Así, la forma de insertar una imagen es muy similar al procedimiento que hemos visto anteriormente para hacer enlaces.

Esta pantalla de "propiedades de la imagen", nos permite una serie de utilidades para situar la imagen en la página web:

1. Alineación de la imagen con respecto al texto: podemos escoger distintos tipos de alineación.

2. Espacio en blanco alrededor de la imagen para separar adecuadamente la imagen del texto

3. Borde sólido: Podemos perfilar la imagen con un borde del grosor que prefiramos. Normal-mente será de color negro, pero si la imagen tuviera además un enlace, este se mostraría de color azul o violeta dependiendo de si el enlace hubiera sido o no visitado.

4. Texto / imagen alternativa: Nos permite poner un título a la imagen que será de gran utilidad si alguno de nuestros lectores navegara teniendo activada la opción de "no visualizar las imágenes".

5. Dimensiones: Aquí podemos forzar a que una imagen tenga unas dimensiones determinadas. Sin embargo no es muy conveniente utilizar esta opción, ya que distorsiona bastante las imágenes. Siempre es preferible ajustar los tamaños en un programa de tratamiento de gráficos

De la misma manera que vimos a la hora de realizar los enlaces hipertexto, y con el fin de evitar errores al teclear las URLs, es aconsejable "visitar" la imagen y copiar su dirección. En el caso de las imágenes podemos hacerlo por el siguiente procedimiento:
1. Volver al navegador

2. Buscar en internet la imagen que deseamos poner.

3. Pulsar sobre la imagen con el botón derecho del ratón.

4. Seleccionar "copiar la dirección de la imagen".

5. Volver de nuevo al documento que estamos editando

6. Situar el cursor en la ventana donde se ha de escribir la URL y pulsar Ctrl + V.


 

  Comentarios y sugerencias:  www-team@uc3m.es
© Universidad Carlos III de Madrid