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.

Subcarpeta
imágenes.

Puede insertar el dibujo de dos formas, una con la combinación de teclas Ctrl + Alt + I o
desde el menú Insertar / Imagen.
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=CPbuw5KPv7sCFUtp7Ao
dkiMAKg

Control del documento

Nombre Cargo Dependencia Fecha

Centro de
Teleinformática y
Diciembre
José Geovanny Instructor Producción
de 2013
Angulo Imbachi Industrial. Regional
Cauca
Autor
Centro de
Teleinformática y
Guillermo Alexander Diciembre
Instructor Producción
Burgos Ibarra de 2013
Industrial. Regional
Cauca
Guionista - Centro
Rachman Bustillo Diciembre
Línea de Agroindustrial.
Martínez de 2013
Producción Regional Quindío
Adaptación Integración
Centro
Andrés Felipe de Diciembre
Agroindustrial.
Velandia Espitia Contenidos y de 2013
Regional Quindío
Actividades