Dreamweaver

Configurar sitio y páginas web

Tema 4. Imágenes en Adobe Dreamweaver CS6

Las imágenes son importantes y claves para el éxito de una página web, tenga en cuenta

que “Una imagen vale más que mil palabras” (Proverbio chino, s.f.).

Adobe Dreamweaver CS6 permite insertar imágenes, las cuales pueden ir acompañadas de

texto, efectos e hipervínculos, además pueden ser ubicadas en cualquier parte de la página.

Procedimiento

Debe tener las imágenes que va a insertar a las páginas con antelación. Se recomienda que

el formato de estas sea PNG, JPG o GIP.

En la carpeta del sitio web local, es necesario crear una subcarpeta llamada imágenes, ahí

debe guardar las ilustraciones que va a utilizar.

Abra la página y coloque el cursor en la posición donde desea insertar la imagen.

Puede insertar el dibujo de dos formas, una con la combinación de teclas Ctrl + Alt + I o

desde el menú Insertar / Imagen.

Subcarpeta

imágenes.

Se activa el cuadro de diálogo, el cual va a permitir ubicar la imagen a insertar. Busque la carpeta donde está la ilustración, luego selecciónela y después dé clic en Aceptar.

Luego de elegir la imagen, se abre un cuadro de diálogo solicitando digitar un texto alternativo, éste se visualiza cuando la ilustración por algún motivo no se puede desplegar. En Descripción larga, escriba la dirección que se quiere invocar, esto en caso de que la imagen no abra. Estos dos campos son opcionales, si quiere, puede optar por no poner nada y dar clic en Aceptar.

Ahora la figura está insertada en la página, selecciónela y vea cómo se activa el inspector de propiedades de la imagen.

Seleccione la imagen.

Inspector de propiedades.

Al escoger la imagen en el inspector de propiedades, se puede, justificar el texto, crear zonas interactivas, hipervínculos, entre otras.

1. Seleccionar la imagen.

2.Crear zonas interactivas.

Referencias

 Servicio Nacional de Aprendizaje, SENA. (2009). Diseño web con Adobe Dreamweaver CS3. Colombia: Autor.

 Fotolia. (2004). Imágenes de alta definición para todos sus usos profesionales. Consultado el 11 de diciembre de 2013 en: http://co.fotolia.com/?utm_source=Google&utm_medium=cpc&utm_campaign=Fotolia_CO%20Brand&tmad=c&tmcampid=6&tmplaceref=CO&gclid=CPbuw5KPv7sCFUtp7AodkiMAKg

Control del documento

Nombre Cargo Dependencia Fecha Autor

José Geovanny Angulo Imbachi

Instructor

Centro de Teleinformática y Producción Industrial. Regional Cauca

Diciembre de 2013

Guillermo Alexander Burgos Ibarra

Instructor

Centro de Teleinformática y Producción Industrial. Regional Cauca

Diciembre de 2013 Adaptación

Rachman Bustillo Martínez Guionista

...