Imágenes en Dreamweaver

Hasta ahora hemos visto etiquetas como TABLE o IMG, sin embargo el combinarlas adecuadamente para lograr un buen diseño lleva consigo un trabajo previo de planeación y estructuración de la página. Este tema es muy importante ya que parte de lo que retiene a los visitantes es su diseño, así que conozcamos algunas consideraciones para crear páginas web estructuradas.

Imágenes: inserción y alineación

Es hora de comenzar a trabajar con imágenes.
Hasta ahora habíamos visto que se podían colocar imágenes de fondo a las tablas y a sus celdas, pero casi no podía tener control sobre éstas ya que, de la tabla o la celda no tener la medida precisa, la imagen se cortaba o se hacía mosaico.

No obstante, la mayoría de las veces, las imágenes se insertan, o sea, se pegan en una determinada celda.
El primer paso para insertar una imagen es tomar la medida de la celda en donde la queremos colocar. ¿Por qué? Porque la imagen debe estar perfectamente editada antes de insertarla, ya que Dreamweaver no es un editor de imágenes. Una imagen incorrectamente trabajada puede estirarnos los bordes de las tablas y deformar nuestro trabajo.
La medida de la celda se puede tomar con las reglas que tenemos en los bordes izquierdo y superior del Dreamweaver.

La medida más relevante cuando se inserta una imagen es su ancho, teniendo en cuenta que ésta no sea muy alta. Cuando se esté seguro de las medidas de la imagen, se posiciona el mouse en la celda donde interesa insertar la imagen. Despues de esto, aparecerá un árbol de direcciones, del cual podremos localizar la imagen a insertar.

Ahora lo único que debemos hacer es arrastrarla con el mouse y tirarla sobre la celda. Cuando hagamos esto aparecerá un menú con 2 opciones, nos interesa la primera: “Texto alternativo de imagen”.

Esta opción es optativa. Ahí podemos colocar el texto que queremos que aparezca cuando el usuario se posicione con el mouse encima de la imagen. También sirve para, en caso que la imagen no se pueda ver, el usuario sepa qué hay allí.

Con respecto a la alineación de la imagen, no nos debemos preocupar por ésta, ya que tomará la misma de la celda.

Fuente:

Austral Augent, en http://austral.augent-doyle.com.ar/dw1.html, el 30/03/2012