Manual de animaciones flash

Animación de capas con las líneas de tiempo

Se denomina HTML dinámico (o DHTML) a la combinación de HTML con un lenguaje de scripts que permite cambiar propiedades de estilo o posicionamiento de elementos HTML. En Dreamweaver, las líneas de tiempo usan HTML dinámico para cambiar las propiedades de las capas e imágenes con el transcurso del tiempo. Use líneas de tiempo para crear animacionessin controles ActiveX, plug-ins ni applets de Java (aunque sí requieren código JavaScript).
Nota: la palabra dinámico puede tener distintos significados en distintos contextos relacionados con la Web. No hay que confundir el HTML dinámico con la idea de una página Web dinámica, que es una página Web generada dinámicamente por código del lado del servidor antes de servirla a un visitante.

Laslíneas de tiempo permiten cambiar la posición, el tamaño, la visibilidad y el orden de apilamiento de una capa. (Las funciones de capa de las líneas de tiempo solamente funcionan en las versiones 4.0 o posteriores de los navegadores.) Las líneas de tiempo también sirven para realizar otras acciones cuando termine de cargarse la página. Por ejemplo, las líneas de tiempo pueden cambiar el archivo deorigen de una etiqueta de imagen para que aparezcan distintas imágenes en la página durante un periodo de tiempo. Para ver el código JavaScript generado por una línea de tiempo, abra la vista Código de la ventana de documento. El código de línea de tiempo está en la función MM_initTimelines dentro de una etiqueta script en la sección head del documento. Al editar el código HTML de un documento quecontenga líneas de tiempo, procure no mover, eliminar o cambiar el nombre de elementos relacionados con la línea de tiempo.

1

Utilización del panel Líneas de tiempo El panel Líneas de tiempo muestra cómo cambian las propiedades de las capas e imágenes en el transcurso del tiempo. Elija Ventana > Líneas de tiempo para abrir el panel Líneas de tiempo.
Menú emergente Línea de tiempo Cabezal dereproducción Números de fotograma

Canal Comportamientos

Fotogramas clave Barra de animación

Canal de animación

Menú emergente Línea de tiempo Especifica Cabezal de reproducción Muestra

qué líneas de tiempo del documento se están mostrando actualmente en el panel Líneas de tiempo. qué fotograma de la línea de tiempo se está mostrando actualmente en la ventana de documento. entre losbotones Atrás y Reproducir corresponde al fotograma actual. La duración de la animación se controla estableciendo el número total de fotogramas y el número de fotogramas por segundo (fps). El valor predeterminado de 15 fotogramas por segundo es una buena velocidad media para la mayoría de los navegadores que se ejecutan en sistemas normales Windows o Macintosh.

Números de fotograma Indica lanumeración secuencial de los fotogramas. El número que aparece

Nota: las velocidades más altas no mejoran necesariamente los resultados. Los navegadores siempre reproducen todos los fotogramas de la animación, incluso aunque en el sistema del usuario no puedan alcanzar la velocidad especificada. La velocidad de fotogramas se omite si es superior a la que puede admitir el navegador.

Menúcontextual

Contiene varios comandos relacionados con la línea de tiempo.

Canal Comportamientos Es

el canal de los comportamientos que deben ejecutarse en un fotograma determinado de la línea de tiempo.

Barras de animación Muestran la duración de la animación de cada objeto. Una sola fila puede incluir múltiples barras en representación de otros tantos objetos. Barras diferentes no puedencontrolar un mismo objeto en el mismo fotograma. Fotogramas clave Son

fotogramas de una barra en los que se han especificado propiedades del objeto (como posición, por ejemplo). Dreamweaver calcula valores intermedios para fotogramas en fotogramas clave. Los fotogramas clave se señalan mediante pequeños círculos. barras para animar capas e imágenes.

Canales de animación Muestran

2...