Ambiente S

Universidad Autónoma de Nuevo León
Escuela Industrial y Preparatoria Técnica Álvaro Obregón
Secuencia Didáctica # 7, 8 y 9


Secuencia Didáctica 7: Aplicación de comportamientos.
* Elaborar un documento en Word sobre los comportamientos y su aplicación que se puede utilizar en Dreamweaver
Los comportamientos son acciones, programadas normalmente en código JavaScript, que suceden cuandolos usuarios realizan algún evento sobre un objeto (en lenguaje Dreamweaver) ya sea imagen, texto, capa,... Los comportamientos de Dreamweaver introducen en los documentos código JavaScript que permite a los visitantes interactuar con la página Web para modificarla de diversas maneras o para que se realicen determinadas tareas. Un comportamiento es una combinación de un evento con una acción quedesencadena ese evento. |

El panel Comportamientos, que se puede abrir a través del menú Ventana, o pulsando Mayús+F3 o sobre el botón del lanzador. Un comportamiento se añade a un objeto especificando en primer lugar una acción y, a continuación, el evento que desencadena esa acción. |
Estos eventos puede ser: |
onMouseOver (pasar el ratón sobre) |
onMouseOut (el fuera de) |onClic (hacer clic sobre) |
y muchos más |
|

Algunos comportamientos no funcionan para algunos navegadores, por lo que dependiendo del navegador elegido aparecerán unos u otros comportamientos posibles. Existen comportamientos que funcionan en Internet Explorer pero no en Netscape. Una vez elegido un navegador (mostrar eventos para...) ya no es necesario volver a elegirlo las siguientes veces quese desee insertar algún comportamiento. |
Cada evento lleva asociada una acción. Las acciones más importantes son: |
Abrir ventana de navegador  (ejemplo) |
Intercambiar imagen (ejemplo) |
Arrastrar capa  (ejemplo) (funciona con Internet Explorer) |
Mostrar y ocultar capas  (ejemplo) |
Mensaje emergente (ejemplo-buscar condiciones de uso) |
Llamar a JavaScript |
|

Puede aplicarcualquier comportamiento disponible a una imagen o zona interactiva de imagen. Al aplicar un comportamiento a una zona interactiva, Dreamweaver inserta el código HTML en la etiqueta area. Hay tres comportamientos que se aplican específicamente a las imágenes: Carga previa de imágenes, Intercambiar imagen y Restaurar imagen intercambiada.
Carga previa de imágenes carga en la memoria caché delnavegador las imágenes que no aparecen en la página de inmediato (como aquellas que se intercambiarán por comportamientos, capas o scripts de JavaScript). Esto contribuye a evitar las demoras debidas a la descarga cuando llega el momento de que aparezcan las imágenes.
Intercambiar imagen intercambia una imagen por otra cambiando el atributo SRC de la etiqueta img . Use esta acción para crearsustituciones de botones y otros efectos de imágenes (incluido el intercambio de varias imágenes a la vez).
Restaurar imagen intercambiada restaura los archivos de origen del último conjunto de imágenes intercambiadas. Esta acción se añade automáticamente siempre que se adjunta la acción Intercambiar imagen a un objeto de forma predeterminada. No suele ser necesario seleccionarla manualmente.
*Elaborar un documento en Word sobre las capas y su aplicación que se puede utilizar en Dreamweaver
Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y solaparse entre sí, lo que proporciona grandes posibilidades de diseño.
Las capas pueden moverse de una posición a otra de la ventanapulsando sobre el recuadro blanco, y sin soltar el ratón, arrastrándola hacia la nueva posición. También pueden ser redimensionadas pulsando sobre los recuadros negros, y arrastrándolos hasta conseguir el tamaño deseado.

Dentro del recuadro de la capa es posible insertar texto, tablas, imágenes, animaciones flash, y todos los elementos que puede contener un documento HTML. La capa no solo...