Curso práctico de Dreamweaver en JavaScript

Adobe Dreamweaver tiene una característica llamada un "comportamiento" que escribe código JavaScript en sus páginas web para usted. Adobe define un comportamiento como "una combinación de un evento y una acción provocada por ese evento." Un "suceso" ocurre cuando un visitante de su sitio web ha hecho algo en una página. Una "acción" es la respuesta que ha sido pre-escrito en código JavaScript. Es posible, por ejemplo, que desee proporcionar más información sobre un artículo en su página web si el usuario lo solicite. Se podría vincular la palabra "ayuda" a un comportamiento de modo que cuando se hace clic, aparece una ventana con la información en ella.

Instrucciones

1 Seleccione un enlace, imagen o elemento de formulario en una página de Dreamweaver. Haga clic en la etiqueta "cuerpo" en la esquina inferior izquierda de la ventana del documento para adjuntar un comportamiento a una página web entera - por ejemplo, abrir una ventana emergente que recibe a los visitantes a su sitio web.

2 Seleccione "comportamientos" en el menú "Ventana". Haga clic en "+" en el panel Comportamientos y seleccione una acción, como "Mensaje emergente."

3 Introduzca los parámetros para su acción seleccionada. Puede introducir "Bienvenido a mi página web" para el mensaje emergente, por ejemplo. Cada acción tiene un cuadro de diálogo diferente con parámetros e instrucciones específicas de la acción seleccionada. Haga clic en Aceptar."

4 Cambiar el evento que desencadena la acción en el panel Comportamiento si no es el evento de disparo que desee. En nuestro caso ventana emergente, el evento onLoad es el evento predeterminado. Se podría cambiar el evento de disparo a "onUnload" y el mensaje de "Gracias por su visita. Vuelve pronto!"

5 Haga clic en "Archivo" y "Guardar". Vista previa de la página Web para probar los cambios pulsando F12.

Consejos y advertencias

• Una acción será atenuada en el panel Comportamiento si el elemento de página seleccionado no es compatible con esa acción o el objeto requerido no existe en el documento.
• Adobe Dreamweaver CS5 tiene cerca de 24 acciones, pero más están disponibles en el sitio web de Adobe Exchange.
• Usted puede escribir sus propias acciones, si tiene conocimientos en JavaScript.
• código de comportamiento de Dreamweaver se ejecuta en un navegador y no en el servidor, y cada navegador tiene un conjunto de eventos que soporta. Estos difieren de un navegador a otro, por lo que necesita para poner a prueba sus páginas Web a fondo para asegurarse de que funcionan como se esperaba.