SIMULACRO EXAMEN FINAL

Dreamweaver CS5

NOTA
Nombres:
Apellidos : _____________________ _______________________
Colegio : _________________________________________________
Grado : ___________ Sección : ____ Fecha : ________

Consideraciones:

Duración: 45 minutos

Se requiere la carpeta: SimDRWCS5Mod2

Copia la carpeta SimDRWCS5Mod2 a la ubicación que te indique el profesor y cámbiale el
nombre por Sim_Apellidos_Nombres.

Abre Adobe Dreamweaver CS5 y desarrolla las siguientes preguntas.

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
página sea de color negro, la fuente sea “Arial”, Tamaño de
fuente 13px y color blanco.
(la imagen de muestra es referencia de como se vería cuando se ingrese
data en la página, no ingreses ningún texto)

Guarda el archivo con el mismo nombre index.html

Pregunta 3 (3 Pts.)
En la página 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 números “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 - Página 1 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”, tamaño
de fuente 13px. Aplica esta regla a los textos Productos y Total.
• Crear una regla de clase con nombre”contenido” y hacer que las letras tengan como
fuente “Tahoma”, tamaño 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 hipervínculo 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 inclúyelo en indice.htm
• Cree un hipervínculo 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 doméstica se muestre solo
elemento PA apDiv1. (ya se encuentra creado)
• Aplica un comportamiento para que al seleccionar la palabra de montaña 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 - Página 2 de 3

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

• Cuadro de texto, para el código del

cliente.
• Área de texto, para la solicitud
• Botón, para enviar
• Botón, 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 aplícale una

opacidad de 80% y agrega el texto BICI en color blanco
Guardar como: bicirara.png

SimDRWCS5Mod2 Dreamweaver CS5 – Modelo 2 - Página 3 de 3