Draem Weber

Sitio Web Integrador Fireworks – Dreamweaver
Importante

Este ejercicio sirve de repaso integrador de las funciones vistas en los ejercicios anteriores y de práctica para la evaluación. Por ello se valuará con 2 puntos la independencia demostrada, en conjunción con el tiempo empleado en la resolución de las actividades. En este trabajo se crearan 3 archivos en Fireworks ( default, pag1 y pag2) que luego de exportarse conformaran un sitio web que se publicara en Internet utilizando Dreamweaver )

EL TEMA DEL SITIO PUEDE SER EDUCACIÓN VIAL o SEGURIDAD INFORMATICA
Página Principal (default)

1. Crear una carpeta llamada FW+SusApellidos en Mis Documentos , donde se almacenarán los mayúsculas para poder ser visualizados desde internet )

archivos de este Ejercicio. Crear enFireworks un nuevo archivo de 800x600 pixeles. Guardar como PNG y llamarlo default.png ( es importante que los nombres de los archivos no incluyan

2. Importar un fotomontaje de los realizados en ejercicios anteriores ( debe tener una imagen de Fondo y por lo menos 3 capas mas con otras imágenes y en alguna de las imágenes debe haber realizado una modificación de Color, utilizando alguna de lasfunciones del menú Filtros , tales como Curvas, Matiz, etc. 3. Incorporar 4 botones, de 3 estados ( pueden ser iguales o diferentes )

4. 2 de los botones se utilizaran para abrir páginas secundarias del sitio que se crearan en el punto

11 y que luego de exportarse como pagina web se llamaran pag1.htm y pag2.htm. Por lo tanto en la barra de propiedades, en la sección Vinculo debe ingresarse pag1.htmen el caso del primer botón y pag2.htm en el caso del 2do. Es importante destacar que Fireworks no permite

probar el funcionamiento de enlaces a páginas locales ( como pag1.htm ) ya que al pulsar F12 para verificar el funcionamiento, solo puede crear en memoria la copia temporal de una página por vez. El correcto funcionamiento de los enlaces se probará en Dreamweaver
5. El 3er botón deberedirigir a un sitio externo y el restante (4to) deberá utilizarse para realizar un comportamiento que desaparezca una parte de la imagen al posar el Mouse sobre él 6. Guardar el archivo default terminado como archivo png. 7. Crear una carpeta en Mis Documentos llamada sitio, y dentro de ésta otra con sus apellidos (en minúsculas y sin espacios) [Ej sitio\garcia_machado]. 8. Desde Fireworks exportaren la carpeta recién creada el archivo default.htm (menú Archivo/Exportar ) eligiendo la opción HTML e IMÁGENES ) y cuidando que esté marcada la opción que permite Exportar las divisiones 9. Avisar al profesor para que anote la hora de finalización. ( Continua en página siguiente ) -------------- >> Segunda Página (pag1)

10. Crear ahora 2 nuevos archivos en Fireworks que se llamaran pag1.png ypag2.png ,y que deberán respetar el formato gráfico ( por ej compartir el fondo o la gama de colores ) de la página principal default 11. En el archivo pag1.png, utilizando el mismo fondo del archivo default.png, realizar dos animaciones ( cada una en una capa distinta del fondo ) . La primera utilizará la interpolación de símbolos entre instancias de por lo menos 40 fotogramas utilizando figurasgeométricas combinadas y con opciones de trazo y relleno. La segunda deberá mostrar un texto que aparezca gradualmente, cambie de color y un personaje animado utilizando fotogramas. 12. Desde la ventana Optimizar ( a la derecha de la pantalla sobre la ventana de capas ) elegir que el archivo se optimice como Gif Animado. Guardar como pag1.png 13. Exportar en la carpeta creada en el punto 8 elarchivo como pag1.htm ( Html e imágenes ) Tercera Página (pag2) 14. En el archivo pag2.png creado en el punto 10, Incorporar el nombre y apellido de los autores, y 2 figuras geométricas. La primera deformada con estilo libre y con un Efecto aplicado ( bisel, sombra, etc ) y la segunda utilizando un Estilo de los que trae predefinidos Fireworks. Incluir también 2 botones, uno que permita volver a...