/0

INTRO - QU SON LOS ACTIVOS? Los activos son ciertas categoras de elementos componentes de la estructura web del sitio local que se utilizan en las distintas pginas del sitio en desarrollo: IMGENES RGB de COLORES VNCULOS PELCULAS JAVASCRIPT y otras secuencias de comandos Un comportamiento JavaScript es una combinacin de un evento que desencadena una accin en el navegador. Por ejemplo, cuando los usuarios pasan con el mouse sobre una instancia de link, la tecnologa del navegador reporta un evento que traduce la situacin particular del mouse (en este caso "onMouseOver") y al mismo tiempo verifica si existe cdigo JavaScript que ordene alguna accin para ese evento. Los eventos son mensajes generados por los navegadores indicando que el visitante de la pgina ha hecho algo con el mouse. Dicho de otra manera... Son traducciones del navegador reportanto el movimiento o estado actual del mouse en determinadas reas, generalemente sobre reas con instancias de links. Las acciones son tareas realizadas por el navegador y ordenadas por JavaScript respondiendo a determinado "evento" que se ha detectado | evento + accin = COMPORTAMIENTO En el Panel de Comportamientos se definen las dos instancias necesarias para un definir un comportamiento JavaScript: EVENTOS y ACCIONES Activar o desactivar el Panel desde.... MEN Ventana Comportamientos |1BOTN + (MS) = SELECCIN DE ACCIN |2 1 CLIC en el botn-flecha para activar un men emergente con otros eventos disponibles. Los eventos ms utilizados suelen ser: - onMouseDown = hacer clic sobre el objeto, soltando el clic o no - OnMouseUp = soltar el clic sobre el objeto - onClick = hacer clic y soltar - onDblClick = hacer 2 clics seguidos sobre el objeto - onMouseOver = pasar el mouse sobre el rea objeto

- onMouseOut = desplazarse con el mouse hacia fuera (salir) del rea del objeto La accin "Abrir Ventana del Navegador" abre un archivo.html en una NUEVA ventana del navegador Un ejemplo de aplicacin de esta accin es... - Definir un link desde una imagen que se muestra en un tamao relativamente pequeo, para abrir una nueva ventana y visualizarla en un tamao mayor. Para configurar la accin "abrir ventana del navegador", siempre ser necesario que en el sitio local exista previamente la pgina. Es decir, la pgina a la cual invoca la accin JavaScript debe existir en el sitio local y luego recin se edita la pgina que definir el comportamiento.

1PASO En la ventana de trabajo... Activar el Panel Comportamientos... MEN Ventana Comportamientos 2PASO

Seleccionar una imagen a la cual se le aplicar el comportamiento

3PASO Desde el Panel de Comportamientos... 1 CLIC en el botn (+ ms) Se activar un men emergente con las distintas opciones de acciones JavaScript

indicar "Abrir ventana del navegador" Se abrir el cuadro de dilogo para configurar los parmetros de accin.
4PASO

La accin "Imagen de Sustitucin" intercambia una imagen por otra imagen. El ejemplo ms comn de aplicacin de esta accin es... - pasar el mouse sobre un botn de navegacin y que ste cambie de color (o cualquier otro cambio en su apariencia). Para configurar la accin "imagen de sustitucin, debern estar alojadas en el sitio local las dos imgenes necesarias para que el comportamiento funcione OK. El mtodo ms rpido y fcil para insertar una imagen con la accin de "imagen de sustitucin" es desde la PALETA DE OBJETOS!. 1PASO En la ventana de trabajo... Activar el Panel OBJETOS... MEN Ventana Objetos 2PASO indicar con 1 CLIC el punto de insercin de la imagen = imagen original (1) 3PASO Desde el Panel de Objetos... 1 CLIC en el icono "insertar imagen de sustitucin" Se abrir el cuadro de dilogo "insertar imagen de sustitucin"

4PASO

MODIFICAR Desde Panel de Comportamientos se realizan siempre las redefiniciones de parmetros de comportamientos JavaScript 1 Seleccionar la imagen original (1) 2 CLIC sobre el campo de accin "intercambiar imagen". ETC. Shockwave Flash botn flash es flash sin flash. Quienes no tengan conocimientos en el uso de herramientas especficas para trabajar con animaciones vectoriales e interactivas como Macromedia Flash, AHORA PODRN CREAR SUS PROPIAS PELCULAS.SWF DIRECTAMENTE DESDE LA INTERFACE DE MDW4 y mientras realizan otros trabajos de diseo y diagramacin de la pgina web. INSERTAR "botn Flash" El "botn Flash" que se puede crear desde MDW4 se basa en estilos prediseados con algunas propiedades personalizables. Todos los estilos de botones definen un comportamiento compuesto por 3 instancias de apariencia que se visualizarn segn distintos eventos Los tres eventos son tpicos de la edicin de botones en Macromedia Flash... OnMouseOver = al pasar con el mouse sobre el rea del botn OnClick = al hacer clic con el mouse sobre el botn OnMouseOut = al desplazar el mouse saliendo del rea del botn 1PASO 2PASO 3PASO En la ventana de trabajo... En el rea del documento... Desde el Panel de Objetos... activar el Panel OBJETOS 1 CLIC indicando el punto de insercin 1 CLIC en el icono "Insertar botn Flash"

Se abre el cuadro de dilogo "insertar botn flash" para la definicin de todos los parmetros de la pelcula. 4PASO

- VINCULO = definicin de un hipervnculo para el botn 1 CLIC en "Examinar" para localizar en el sitio local el archivo a vincular Para utilizar tipos de vnculos relativos al documento, ser absolutamente indispensable guardar el archivo.SWF en el mismo directorio que el archivo HTML que lo contiene. Caso contrario el hipervnculo no funcionar OK. Este hipervnculo puede ser "absoluto", es decir, indicado con URL (por ejemplo, http://www.puntoedu.edu.ar) - DESTINO especificar el destino="target" de carga del hipervnculo - GUARDAR COMO.. MDW asigna automticamente un nombre predeterminado (y extensin ".swf") para el botn que se est creando. En el caso de no querer utilizar este nombre... escribir el nombre del archivo.swf - EXAMINAR... indicar la ubicacin en la estructura web donde se guardar el archivo.swf ATENCIN! Si el botn contiene un hipervnculo "relativo" al documento, deber guardarse en el mismo directorio que el documento HTML que lo contiene para que el link funcione OK . Una vez configuradas todas las opciones para el botn Flash... - Aplicar 1 CLIC en "Aplicar" para pre-confirmar y realizar una visualizacin en el documento de trabajo de la apariencia del botn. O bien, directamente... - Aceptar OK/ Aceptar para confirmar. Se cierra el cuadro de dilogo y volvemos a la ventana de trabajo. Finalmente... F12 para comprobar en el navegador que la pelcula Flash funciona OK.