Tecnología

Inicio

Cómo crear un efecto Ratón por encima con Dreamweaver

Cómo crear un efecto Ratón por encima con Dreamweaver


Cómo crear un efecto Ratón por encima con Dreamweaver. Un efecto "mouse-over" se produce cuando un usuario mueve el puntero del ratón
en una imagen. Cuando el puntero descansa sobre la imagen, cambia a otra cosa. Esto es especialmente útil para los botones de navegación. Dreamweaver 3.0 tiene el ratón sobre los comandos listo para configurar!

Instrucciones

1 Iniciar Dreamweaver y abrir la página el efecto del ratón de recepción se encuentra en.

2 Abra el menú Insertar y seleccione Imagen de sustitución. Un cuadro de diálogo aparecerá.

3 Escriba el nombre de la imagen que se dio la vuelta en la primera casilla. Por ejemplo, se podría llamar un botón de Inicio Página de inicio de sustitución.

4 En el siguiente cuadro, escriba la ubicación de la imagen que aparecerá en la página. Haga clic en Examinar para elegir una imagen de su disco duro.

5 En el cuadro Imagen de sustitución, escriba la ubicación de la imagen que será aparece cuando se pasa el ratón sobre la imagen. Haga clic en Examinar para elegir una imagen de su disco duro.

6 Si la imagen se puede hacer clic (vinculado), escriba la dirección Web en el cuadro siguiente. Haga clic en Aceptar.

7 Guarde la página cuando haya terminado.

8 Pruebe el ratón por encima eligiendo Vista previa en el explorador en el menú Archivo. Pase el cursor del ratón sobre la imagen para ver la nueva imagen ocupe su lugar.

Consejos y advertencias

  • Asegúrese de que el cuadro de Carga previa de imagen Rollover está marcada. Este asegurar que las imágenes utilizadas en el ratón por encima se cargan en el sitio web antes de que el usuario tiene la oportunidad de flotar sobre la imagen base, lo que reduce la posibilidad de errores.
  • Ambas imágenes deben ser del mismo tamaño.
  • Un ratón por encima es parte de un grupo de acciones llamado "comportamientos" en Dreamweaver. Comportamientos, que son eventos (como el posicionamiento del ratón) que desencadenan acciones (por ejemplo, mostrar una nueva imagen), se componen de pequeñas piezas de código JavaScript que le dicen al navegador para realizar una función. Para más información sobre JavaScript, consulte "Cómo aprender acerca de JavaScript" y "Cómo agregar JavaScript a una página web con Dreamweaver," eHows relacionados.