Diseo Web Adobe Fireworks CS3

Clases 11

- 12

Tema: Prctico final.

T.P. Final
Crear un archivo de 1024 x 768 fondo blanco y crear una pgina cuya parte superior sea similar a
la de la figura (no es necesario que sea exactamente igual, cada uno le puede dar el diseo que
quiera). Debajo del men colocar alguna imagen y el texto que encontrar en el archivo Pepito
Electronics.doc.

Vamos a crear una pgina para cada uno de los productos del men. Slo tendrn datos las
pginas correspondientes a Audio, Discman y Karaoke. En las pginas de TV y DVD debe
aparecer el cartel En construccin con alguna animacin (puede ser en el texto en alguna
imagen).
El diseo de las pginas de audio, discman y karaoke puede ser similar al siguiente (no es
necesario que sea exactamente igual)

En este caso las imgenes tienen una opacidad

del 25%, al pasar el mouse por encima, la
imagen tiene una opacidad del 100% y en el
centro de la pantalla, aparece la imagen en un
tamao ms grande. Esto se puede hacer
mediante botones y rollovers.
Las imgenes pequeas tienen el nombre del
modelo, mientras que las ms grandes tienen el
mismo nombre pero terminan con la letra G.
Las imgenes pueden ser tratadas para quitarle
el fondo blanco que tienen.

Al hacer clic en cada una de las imgenes, deber abrirse otra pgina conteniendo la imagen
grande y las caractersticas del producto (que se encuentran en archivos del Bloc de notas con el
mismo nombre que las imgenes).
Adems de las pginas anteriores, deberemos crear una pgina con un producto de oferta. Para
llegar a esa pgina, en la pgina inicial deberemos colocar algn aviso llamativo para que al hacer
clic, nos lleve a esa pgina.
Pgina 1/2
TODOS LOS DERECHOS RESERVADOS, MATERIAL PARA USO EXCLUSIVO DEL IAC

Diseo Web Adobe Fireworks CS3

Crear una pgina donde colocaremos las sucursales de la empresa, insertar la imagen mapa
Baires, y hacer que al pasar con el mouse sobre el barrio, aparezcan la direccin completa, el
telfono y el mail de dicha sucursal.
Crear otra pgina (en Dreamweaver) con un formulario, por medio del cual los visitantes puedan,
al completarlo, recibir un catlogo con los productos de oferta para cada mes.
En la parte inferior de cada pgina debe haber un vnculo para poder acceder a cualquiera de las
otras secciones y para volver a la pgina inicial tambin. Al pasar por cada opcin debe aparecer
un texto alternativo.
Crear dentro de su carpeta una carpeta llamada ELECTRONICOS y en Dreamwearver definir un
sitio con el mismo nombre.
Exportar las pginas y en Dreamweaver armar el sitio, probando que todo funcione correctamente.
La lista completa de productos es la siguiente:
Audio
A_1000
A_3003
A_3400
A_5000

Discman
D_488
D_575
D_588
D_775

Karaoke
K_200
K_300
K_400
K_500

Pgina 2/2
TODOS LOS DERECHOS RESERVADOS, MATERIAL PARA USO EXCLUSIVO DEL IAC