Tecnología

Inicio

Cómo crear un rollover en Dreamweaver CS5

Dreamweaver es una aplicación de desarrollo Web que se incluye en la suite CS5 de programas de diseño gráfico y multimedia de Adobe. Puede utilizar Dreamweaver para crear sitios web profesionales a través de un editor WYSIWYG que requiere poco o ningún conocimiento de HTML. El editor proporciona soporte incorporado para imágenes de sustitución. Una imagen de sustitución contiene una imagen estática o texto, y al pasar el ratón sobre la imagen, aparece una segunda imagen o texto. Los vuelcos son comúnmente utilizados para crear botones con diversas imágenes y texto.

Instrucciones

1 Haga clic en "Inicio", "Todos los programas" y luego haga clic en "Adobe Dreamweaver CS5".

2 Haga clic en "Archivo" y haga clic en "Abrir". Seleccione el archivo en el que desea crear una imagen cambiante y haga clic en "Abrir".

3 Haga clic donde desee que aparezca la imagen de sustitución dentro de la ventana de documento.

4 Haga clic en "Insertar" en el menú superior, seleccione "Objetos de la imagen" y luego elegir la opción "Imagen de sustitución" en el menú desplegable.

5 Ajuste los siguientes campos rollover para "Nombre de imagen", "imagen original", "Imagen de sustitución", "precarga Imagen de sustitución", "texto alternativo" y "Al hacer clic, ir a URL".

6 Haga clic en Aceptar."

7 Haga clic en "Archivo" y luego haga clic en "Vista previa en el explorador."

8 Mover el puntero del ratón sobre la imagen para ver la imagen de sustitución.