SimDRWCS5Mod2 Dreamweaver CS5 Modelo 2 - Pgina 1 de 3

NOTA
SIMULACRO EXAMEN FINAL

Dreamweaver CS5

Apellidos : _____________________
Nombres:
_______________________
Colegio : _________________________________________________
Grado : ___________ Seccin : ____ Fecha : ________

Consideraciones:
Duracin: 45 minutos
Se requiere la carpeta: SimDRWCS5Mod2
Copia la carpeta SimDRWCS5Mod2 a la ubicacin que te indique el profesor y cmbiale el
nombre por Sim_Apellidos_Nombres.

A Ab br re e A Ad do ob be e D Dr re ea am mw we ea av ve er r C CS S5 5 y y d de es sa ar rr ro ol ll la a l la as s s si ig gu ui ie en nt te es s p pr re eg gu un nt ta as s. .

Pregunta 1 (2 Pts.)
Crea un sitio de DreamWeaver con nombre tu
nombre y apellido.
Crea las carpetas imag y estilos dentro del sitio
creado.
Crea un archivo con el nombre index.html
(En la imagen referencial el sitio se llama Practicas no tomar
en cuenta este nombre)
Guarda el archivo con el mismo nombre index.html



Pregunta 2 (2 Pts.)
En el archivo index.html
Luego crear una regla con el nombre fondo para que cuerpo de la
pgina sea de color negro, la fuente sea Arial, Tamao de
fuente 13px y color blanco.
(la imagen de muestra es referencia de como se vera cuando se ingrese
data en la pgina, no ingreses ningn texto)

Guarda el archivo con el mismo nombre index.html

Pregunta 3 (3 Pts.)
En la pgina index.html
Inserta la imagen numeros.jpg. Se encuentra en tu
carpeta, la guardas en la carpeta img.
Luego crea una zona interactiva en los nmeros 2,
4, 7 y 9.
Luego coloca en la propiedad title de la imagen la
palabra dos en la zona interactiva 2, cuatro sobre
la zona interactiva 4, siete sobre la zona interactiva
7 y nueve sobre la zona interactiva nueve, de tal
forma que al pasar el Mouse sobre ese aparezca la
palabra escrita en la propiedad title.
Guarda el archivo con el mismo nombre index.html

Pregunta 4 (2 Pts.)
SimDRWCS5Mod2 Dreamweaver CS5 Modelo 2 - Pgina 2 de 3
Abre el archivo: tabla.html
Luego cree una tabla con 5
filas y 4 columnas.
Luego como espacio entre
celdas 0.
Finalmente modifique la tabla
para darle la misma
apariencia y poner los mismos datos que se encuentran el archivo Productos.doc
Luego poner color verde de fondo al titulo productos.
Crea un estilo con el nombre Titulo con color de fuente blanco y fuente Tahoma, tamao
de fuente 13px. Aplica esta regla a los textos Productos y Total.
Crear una regla de clase con nombrecontenido y hacer que las letras tengan como
fuente Tahoma, tamao de letra 13px y fuente de color rojo.

Guarda el archivo con el mismo nombre tabla.html

Pregunta 5 (2.5 Pts.)
Abre el archivo: indice.html
Cree un hipervnculo en ventana que al hacer click se
abra index2.html en la misma ventana de
indice.html.
Luego cree un archivo script.js que muestre el
mensaje de alerta con el siguiente texto "Mensaje de
prueba JavaScript" e inclyelo en indice.htm
Cree un hipervnculo en Mostrar y llame al script.



Pregunta 6 (2.5 Pts.)
En el archivo: bici003.htm
Inserta un elemento PA con las siguientes propiedades: Izq: 260px, Sup: 70px, An: 280px,
Al: 150px. Luego, dentro del nuevo elemento PA (apDiv3) inserta la imagen
bicimodelo3.jpg
Aplica un comportamiento para que al seleccionar la palabra domstica se muestre solo
elemento PA apDiv1. (ya se encuentra creado)
Aplica un comportamiento para que al seleccionar la palabra de montaa se muestre solo
elemento PA apDiv2. (ya se encuentra creado)
Aplica un comportamiento para que al seleccionar la palabra de carreras se muestre solo
elemento PA apDiv3.
Muestra:



Guarda el archivo en tu carpeta de trabajo con el nombre bici003.htm


Pregunta 7 (2 Pts.)
En un documento nuevo crea un elemento Spry de tipo Panel que puede contraerse de
Spry con el nombre panelspry.html
Cambia el nombre de las fichas por Bicicleta y Moto.
Copia el contenido de los archivos bicicleta.txt y moto.txt en cada una de las fichas
correspondientes del panel.

No te olvides de guardar el archivo.
SimDRWCS5Mod2 Dreamweaver CS5 Modelo 2 - Pgina 3 de 3


Pregunta 8 (2 Pts.)
Ingresa a una pgina nueva y agrega el
formulario de la muestra, considera lo
siguiente:

Cuadro de texto, para el cdigo del
cliente.
rea de texto, para la solicitud
Botn, para enviar
Botn, para restablecer
Rellenar con color amarillo el fondo
de la frase Datos del Cliente

Guarda el archivo en tu carpeta de
trabajo con el nombre formulario.htm



USANDO FIREWORKS:
Pregunta 9 (2 Pts.)
Abre la imagen bicirara.jpg. Luego, a la imagen aplcale una
opacidad de 80% y agrega el texto BICI en color blanco
Guardar como: bicirara.png