Institución Educativa Parroquial

“San Pedro Santísima Trinidad” De Lurín

UGEL N° 01
Fundo Quintanilla s/n Lurín / Telefax 4301029
NIVEL SECUNDARIA DE MENORES

3ro
SUBDIRECCIÓN DE FORMACIÓN GENERAL
Capacidad/Habilidades: Comprensión y aplicación de tecnologías.

Imágenes: Insertar-Editar
¿Qué es una imagen digital?
Es la representación bidimensional de una fotografía, dibujo
o representación artística convertida a un archivo de ordenador .

Pasos para insertar una Imagen:

1. Clic en panel insertar > Imágenes > Imagen.
También clic en menú opción: Insertar >
Imagen.
2. Luego en el cuadro de diálogo: Seleccionar
origen de imagen; buscar la carpeta que con-
tiene la imagen. Seleccionar la imagen.
3. Pulsar el botón aceptar.
4. Mostrará el cuadro de dialogo: Atributos de
accesibilidad de la etiqueta de imagen.
5. Aquí configurar texto alternativo y pulsar
Aceptar.

Opciones del Panel de propiedades con la Imagen Insertada

Buscar archivo Ancho de imagen
Texto alternativo
Insertar vínculo Señalar archivo Alto de imagen

Alternar restricción de tamaño

Herramienta Zona interactiva poligonal

Opciones para editar la imagen desde Dreamweaver: Editar,
Herramienta Zona interactiva circular
Editar configuración de imagen, Actualizar desde la original,
Herramienta Zona interactiva rectangular
Recorte, Volver a muestrear, Brillo y contraste y Perfilar.
Herramienta puntero de zona interactiva
Educación Para el Trabajo - Computación e Informática 4 Profesor Rafael Bonifacio De La Cruz – rbonifacioperu@gmail.com
 Institución Educativa Parroquial
“San Pedro Santísima Trinidad” De Lurín
UGEL N° 01
Fundo Quintanilla s/n Lurín / Telefax 4301029
NIVEL SECUNDARIA DE MENORES

3ro
SUBDIRECCIÓN DE FORMACIÓN GENERAL

Otras alternativas de las imágenes:

Imagen de sustitución

L
a imagen de Sustitución describe un comportamiento interactivo que se activa simple-
mente al pasar el cursor del mouse encima de la imagen, es decir, cuando usted desliza
por encima el cursor del mouse sobre la imagen ésta cambiará por otra imagen.

En primer lugar se necesitarán dos imágenes, una que estará en estado OFF o Apaga-
do, la cual actuará cuando el cursor del mouse no esté encima de la imagen, la segunda ima-
gen solo actuará en estado ON o Encendido, esto quiere decir que se hará presente siempre y
cuando el cursor del mouse esté encima de la imagen con el comportamiento interactivo.

Pasos para insertar Imagen de sustitución:

1. Clic en menú opción: Insertar >
Objetos de imagen > Imagen
de sustitución.
2. Mostrará el cuadro de diálogo
Insertar imagen de susti-
tuión, donde debemos
configurar lo siguiente:
 Nombre de imagen.– Identifica-
ción de la imagen de sustitución
insertada en la Web.
 Imagen original.– Es el archivo
que se mostrará en estado off.
 Imagen de sustitución.– Es la
imagen que sustituirá a la imagen original, su estado se le conoce como On y actuará cuando el puntero se posi-
cione encima.
 Texto alternativo.– Texto contextual que se mostrará cuando se posicione el puntero del mouse encima de la
imagen.
 Al hacerse clic, ir a URL.– Esta opción permite insertar una dirección web de forma local o remota. (URL o locali-
zador único de recursos).

Diseña una Web que se configure como Galería de

imágenes de lugares turísticos del Perú.
Educación Para el Trabajo - Computación e Informática 5 Profesor Rafael Bonifacio De La Cruz – rbonifacioperu@gmail.com