Inicio TuToriales diseño web tutorial imágenes de sustitución

Ejercicio: Imágenes de sustitución
Objetivo: Creación de imagenes de sustitución o ptos interactivos
Software y versión utilizados: Macromedia Dreamweaver
Nivel: Básico
Duración: 15 min.

Archivos necesarios: rollover y barra de navegación

 

Paso 1

Hemos realizado en un programa de tratamiento de imagen digital dos imágenes.

Para colocar una imagen de sustitución nos podicionamos en el lugar adecuado elegimos la herramienta de imagen de sustitución y el la ventana flotante escogemos la imagen originar y la de sustituición accediendo al directorio desde el botón Examinar.
Truco
Es conveniente que las dos imágenes tengan el mismo tamaño y sean similares.
Crea una imagen, duplica la capa y haz un ligero cambio.
A continuación guarda para web dos veces activando la visualización de la capa que te interese en cada caso.
 

Resultado

El resultado es una imagen que cambia cuando el cursor pasa por encima, de esta manera indicamos al usuario que esta sobre un nodo o un punto interactivo. Las imagenes de sustitución son muy utilizadas en botones y en menús de navegación.

Ernesto Navarro Durá. 2009