Cómo utilizar scripts de Java en Dreamweaver

Adobe Dreamweaver cuenta con varios incorporado en comportamientos JavaScript puede agregar fácilmente a su página web con unos pocos clics del ratón. Algunos de los comportamientos JavaScript comunes disponibles para su uso son ventana emergente, mensaje emergente, el rápido cambio de imagen, y cambiando el estilo de un elemento. "comportamientos" son acciones de JavaScript (como el cambio de una imagen o apareciendo por la ventana) asignados a eventos (como hacer clic en una imagen o se cierne sobre el texto con el cursor del ratón). El comportamiento de la imagen de intercambio se utiliza comúnmente para crear efectos de renovación de botón de fantasía. Trate de añadir la imagen incorporada en el comportamiento de intercambio para ver cómo Dreamweaver comportamientos en el trabajo. Para obtener los mejores resultados, las dos imágenes de los botones deben ser las mismas dimensiones.

Instrucciones

1 Abra su página Web en Dreamweaver (o crear uno nuevo mediante la opción "Archivo | Nuevo" y eligiendo "HTML").

2 Inserte la imagen del botón estándar en su página seleccionando la opción "Insertar | Imagen" y elegir el archivo de imagen. Si obtiene el mensaje "¿Le gustaría copiar el archivo en la carpeta de documentos ahora?" haga clic en "Sí" y siga las instrucciones para guardar una copia del archivo de imagen.

3 Haga clic en el botón de imagen estándar en para seleccionarlo. La imagen estará rodeada por un borde con controladores de tamaño cuando se selecciona.

4 Abrir la paleta de comportamientos mediante la selección de "Ventana | Comportamientos."

5 Haga clic en el botón "Añadir comportamiento" (el signo más "+") en la parte superior de la paleta. Seleccione "Intercambiar imagen" en el menú desplegable. Aparece la ventana "Intercambiar imagen".

6 Haga clic en el botón "Examinar", seleccione el archivo de imagen y haga clic en el botón destacado en "OK". Si obtiene el mensaje "¿Le gustaría copiar el archivo en la carpeta de documentos ahora?" haga clic en "Sí".

7 Compruebe las "imágenes" Restaurar onMouseOut casillas de verificación "Carga previa de imágenes" y. La carga previa de imágenes mejora la velocidad y el rendimiento del efecto de imagen de sustitución. Restauración de imágenes onMouseOut agrega un comportamiento para configurar el botón de la imagen del botón estándar original cuando el cursor del ratón se mueve fuera de la imagen.

8 Haga clic en Aceptar." Tenga en cuenta que existen dos fichas en la paleta de Comportamientos. El comportamiento "Intercambiar imagen" se asigna al evento "onMouseOver" para la imagen. El comportamiento "Restaurar imagen intercambiada" se asigna al evento "onMouseOut".

9 Guarde la página web.

10 Vista previa de la página web y comprobar el efecto moviendo el cursor del ratón sobre el botón. Cuando el cursor del ratón sobre el botón, debería aparecer la imagen del botón resaltado. Al mover el cursor del ratón fuera del botón, la imagen del botón estándar debe ser restaurado.

Consejos y advertencias

• Pruebe los otros comportamientos de Dreamweaver para ver lo que hace cada uno. Cada acción tiene sus propias opciones, y hay una variedad de eventos que puede utilizar para controlar cuándo se produce el comportamiento. Por ejemplo, si desea que ocurra una acción al hacer clic sobre un objeto, utilice el evento "onMouseClick" para el comportamiento.