8 Capas

Macromedia Dreamweaver
TECNOLOGÍA
CAPAS
PRÁCTICA
11
1. Copiar dentro de la carpeta oscars los archivos avio.gif y estrella.gif que se
encuentran en la carpeta Imágenes.
2. Abrir el documento index.htm que se encuentra en la carpeta oscars.
3. Añadir una nueva capa al inicio del documento e insertar en ella la imagen
avio.gif.
4. Activar el panel de líneas del tiempo desde el menú ventana.
5. Seleccionar la capa y colocarla en la línea del tiempo haciendo que
ocupe desde el fotograma 1 hasta el 45.
6. Seleccionar el primer fotograma y colocar la capa a la derecha de la
página. Seleccionar ahora el último fotograma y colocar la capa a la
izquierda del documento.
7. De la ventana líneas del tiempo realizar un clic sobre la casilla reproducir
automáticamente.
8. Guardar el documento con las modificaciones y visualizarlo desde el
navegador.
9. Para hacer que el movimiento no sea en línea recta insertar dos nuevos
fotogramas en las posiciones 15 y 30. Desde la línea el tiempo con la tecla
de Control pulsada realizar un clic sobre el fotograma 15 y sobre el
fotograma 30.
10. Con el fotograma 15 seleccionado mover la capa hacia abajo. Seleccionar
ahora el fotograma 30 y desplazarlo ligeramente hacia arriba.
11. Guardar el documento y visualizarlo desde el navegador. Modificar el
movimiento a tu gusto.
12. Abrir el documento peter.htm de la carpeta oscars y añadir una nueva
capa insertando en ella la imagen estrella.gif
13. Crear una animación grabada con la capa de la estrella.
•
Seleccionar la capa y desplazarla al lugar donde debe estar cuando se
inicie la animación.
•
Escoger la opción registrar ruta de capa del menú modificar /línea de
tiempo.
•
Arrastrar la capa por la página para crear una ruta.
•
Soltar el botón del ratón en el punto donde debe detenerse la
animación.
37
PDF Created with deskPDF PDF Writer - Trial :: http://www.docudesk.com
Macromedia Dreamweaver
TECNOLOGÍA
CAPAS
PRÁCTICA
11
14. Activar la casilla de reproducir automáticamente la animación del panel
de líneas de tiempo.
15. Guardar el documento y visualizarlo desde el navegador.
38
PDF Created with deskPDF PDF Writer - Trial :: http://www.docudesk.com