Tutorial conciso de Dreamweaver 4 (8. Agregar efectos interactivos a páginas web 2)
Autor：Eve Cole
Fecha de actualización：2009-05-30 18:35:33
8. Agregue efectos interactivos a las páginas web.
Crea efectos interactivos más complejos
En Dreamweaver, los efectos más complejos se logran mediante una función llamada Behaviors. Behaviors significa literalmente "comportamiento", que también llamamos respuestas a eventos. A través de cambios en los elementos de la página web, como el movimiento del mouse, clics y otros "eventos" (Eventos), la activación de ventanas emergentes, el cierre de la página y otras "respuestas" (Acciones), es una respuesta a un evento. Y afortunadamente, la realización de "The Act" es casi infalible.
Presione Shift+F3 para abrir el panel de comportamiento, como se muestra a continuación:
Agregar comportamiento a una página web requiere los siguientes tres pasos:
1. Seleccionar los elementos que generan el comportamiento, como imágenes, texto con enlaces, capas, etc. Si desea que el efecto comience a aparecer tan pronto como se carga la página, puede seleccionar Etiqueta 2 en la barra de estado y presionar
El botón selecciona una respuesta (diferentes elementos tienen diferentes respuestas correspondientes) y establece las propiedades de esta respuesta en el cuadro de diálogo siguiente. La siguiente es una descripción de las respuestas que se pueden seleccionar:
Llamar a JavaScript: llame a una parte de JavaScript;
Cambiar propiedad: cambie el estilo CSS de la etiqueta HTML;
Verificar navegador: ingrese diferentes páginas según los diferentes navegadores;
Comprobar complemento: compruebe si el navegador tiene los complementos necesarios;
Controlar Shockwave o Flash: controla la reproducción de animaciones Shockwave o Flash;
Arrastrar capa: permite al espectador arrastrar elementos en la capa;
Ir a URL: enlace a la URL especificada;
Menú Saltar, Menú Saltar Ir: Menú Saltar y botón Ir;
Abrir ventana del navegador: abre una nueva ventana del navegador;
Reproducir sonido: reproducir sonido;
Mensaje emergente: ventana emergente de advertencia;
Precargar imágenes: lea las imágenes por adelantado;
Establecer imagen de la barra de navegación: establece la imagen de la barra de navegación;
Establecer texto: muestra texto en un lugar específico;
Mostrar Ocultar Capa: Muestra u oculta la capa;
Intercambiar imagen, Intercambiar imagen Restaurar: transforme imágenes y restaure imágenes originales;
Línea de tiempo: controla la reproducción de la línea de tiempo;
Validar Formulario: Verificar la exactitud del formulario;
Obtenga más comportamientos: descargue más eventos de comportamiento.
3. Seleccione Eventos para decidir bajo qué circunstancias se activa la respuesta. Los eventos comunes incluyen:
onMouseOver: el mouse se mueve hacia el objetivo;
onMouseUp: cuando se presiona el mouse y luego se suelta el botón izquierdo;
onMouseOut: cuando el mouse se aleja;
onMouseDown: cuando se presiona el mouse (no es necesario soltar el botón izquierdo);
onClink: cuando se hace clic;
onDblClick: al hacer doble clic;
onLoad: al cargar una página web;
onUnload: al salir de la página;
onResize: cuando el espectador cambia el tamaño de la ventana de navegación;
onScroll: cuando el espectador arrastra la barra de desplazamiento.
