Tutorial conciso de Dreamweaver 4 (8. Agregar efectos interactivos a páginas web)
Autor:Eve Cole
Fecha de actualización:2009-05-30 18:35:37
8. Agregue efectos interactivos a las páginas web.
Crea efectos interactivos simples
A menudo vemos este efecto en las páginas web. Cuando el mouse se mueve sobre una imagen, la imagen original cambia a otra imagen. Después de alejar el mouse, vuelve a su apariencia original. Al principio mencioné que una de las ventajas de Dreamweaver sobre Frontpage es que Dreamweaver puede crear páginas web interactivas. Ahora usaremos Dreamweaver para crear el efecto interactivo más simple: cambiar imágenes.
Prepare dos imágenes del mismo tamaño, una es antes de mover el mouse hacia arriba y la otra es la imagen después de mover el mouse hacia arriba. Por ejemplo, en las dos imágenes siguientes, la imagen de la izquierda es un botón elevado y la derecha. La imagen es un botón cóncavo.
Haga clic en el panel Objetos , verá el siguiente cuadro de diálogo:
① Nombre de la imagen: el nombre de la etiqueta del efecto de imagen transformada, Dreamweaver lo asignará automáticamente;
② Imagen original: especifique la imagen original (por ejemplo, esta es una imagen en relieve)
③ Imagen al pasar el mouse: especifique la imagen después de mover el mouse hacia arriba (por ejemplo, aquí hay una imagen cóncava);
④ Url: la URL del enlace de la imagen;
Por ejemplo, después de completar la configuración como se muestra arriba, presione OK y luego presione F12 para obtener una vista previa del efecto.