Dreamweaver (en adelante, DW) proporciona un mecanismo llamado "Comportamiento" para ayudarlo a crear comportamientos interactivos en la página. El comportamiento es una serie de acciones realizadas en una página web, a través de las cuales el usuario interactúa con la página. Utilizando el comportamiento de DW, puede lograr efectos de página dinámicos enriquecidos y lograr la interacción entre el usuario y la página sin escribir una sola línea de código.
Un comportamiento se compone de eventos y acciones. Un evento es el resultado de la activación de una acción, y una acción es un código JavaScript escrito previamente que se utiliza para completar una tarea específica, como abrir una ventana del navegador, reproducir un sonido, etc.
Cuando se utilizan comportamientos en un elemento de página, se especifican acciones y eventos que se activarán. DW ha proporcionado algunas acciones determinadas que puede aplicar a los elementos de la página.
1. Algunos comportamientos integrados básicos
1. Llamar a JavaScript (Llamar a JavaScript)
Este comportamiento le permite configurar el script de JavaScript correspondiente para que se llame cuando se activen ciertos eventos para implementar la acción correspondiente. Al configurar este comportamiento, puede ingresar directamente scripts o funciones de JavaScript.
2. Cambiar propiedad (Cambiar propiedad)
Este comportamiento le permite cambiar dinámicamente las propiedades del objeto, como el tamaño de la imagen, el color de fondo de la capa, etc. Tenga en cuenta que la configuración de este comportamiento depende de la compatibilidad del navegador.
3. Verificar el navegador
Existen ciertas diferencias en las capacidades de soporte de diferentes navegadores. Usando este comportamiento, podemos verificar la versión del navegador para saltar a diferentes páginas.
4. Verificar complemento
A veces las páginas que creamos requieren el soporte de ciertos complementos, como las páginas web creadas con Flash, por lo que es necesario verificar el complemento del navegador del usuario para ver si tiene el complemento especificado. instalado. Este comportamiento hace precisamente eso.
5. Controlar Shockwave o Flash (Controlar Shockwave o Flash)
Shockwave y Flash son objetos que a menudo se insertan en la producción de páginas web actuales. Este comportamiento se utiliza para controlar estos objetos. Puedes usarlo para controlar la reproducción, parada y retorno de la animación, y también puedes controlar el fotograma al que saltar directamente.
6. Mover capa (Arrastrar capa)
El comportamiento "Mover capa" puede realizar el movimiento de capas en la página, e incluso el movimiento de contenido en capas.
7. Saltar a URL (Ir a URL)
Puede especificar la ventana actual del navegador o la ventana de marco especificada para cargar la página especificada.
8. Menú de salto
El comportamiento del "Menú de salto" se utiliza principalmente para editar formularios de salto.
9. Cuadro de diálogo de mensaje emergente (Mensaje emergente)
Si desea mostrar un cuadro de diálogo de información en la página o darle al usuario un mensaje de aviso, puede utilizar este comportamiento.
2. Ejemplo simple
A continuación, tomaremos imágenes dinámicas como ejemplo para presentar el uso de comportamientos. Primero necesitas hacer dos imágenes 1 y 2 del mismo tamaño. Aquí están los pasos específicos.
1. Abra DW para crear una página e inserte la Figura 1 en esta página.
2. Seleccione Figura 1 en la ventana de edición de DW.
3. Seleccione "Comportamientos" en el menú "ventanas" o presione F8 para abrir el panel Comportamiento. Tenga en cuenta que en el menú emergente Eventos para, se debe seleccionar "Navegadores 3.0 y posteriores".
4. Presione el botón "+" para agregar un nuevo comportamiento: "Cambiar imagen", y aparecerá el cuadro de diálogo "Cambiar imagen". En la lista de imágenes, verá una lista de todas las imágenes en la página. Seleccione la imagen 1 que desea transformar. Esta es la imagen original. Cuando el puntero del mouse se mueva sobre ella, será reemplazada por una imagen resaltada 2. sustituto.
5. Haga clic en el botón Examinar y seleccione la que desea reemplazar. Mediante el evento "onMouseOver", la imagen seleccionada 2 reemplaza la imagen original 1.
6. Seleccione la configuración predeterminada para la prellamada y el almacenamiento de imágenes.
La opción "Precargar imágenes" significa que cuando se descarga la página completa, las imágenes transformadas se colocan en la memoria caché del navegador. Cuando el espectador mueve el puntero del mouse sobre la imagen de Nuestra Historia por primera vez, apenas puede sentir la imagen resaltada. No hay demora en la aparición de . La opción "Restaurar imágenes onMouseOut" significa que cuando ocurre el evento "onMouseOut" (mouse out), la imagen se restaurará automáticamente a su estado original.
7. Una vez completada la configuración, haga clic en el botón "Aceptar" para cerrar el cuadro de diálogo "Cambiar imagen" y aplicar la configuración anterior.
En este momento, el panel Comportamiento contiene los eventos y acciones que acaba de configurar para la imagen. Hay una marca de acción "Intercambiar imagen" al lado del evento "OnMouseOver", y encima está el evento "onMouseOut" y la acción correspondiente "Intercambiar imagen restaurar" (este comportamiento se produce cuando acepta el valor predeterminado en el cuadro de diálogo Intercambiar imagen opciones de cuadro definidas).
8. Cierre el panel Comportamiento. Presione F12 para obtener una vista previa de la página. Cuando mueva el puntero del mouse a la imagen 1, encontrará que ha sido reemplazada por la imagen 2.
El ejemplo anterior es solo un ejemplo de aplicación simple del comportamiento de DW. Hay muchos otros usos, por lo que no los explicaré uno por uno aquí. Además, DW también permite a los usuarios utilizar comportamientos extendidos, que se pueden descargar desde la página de inicio de Macromedia.