DreamWeaver II pag.

1
EJERCICIOS DE DREAMWEAVER II
Creacin de un sitio
Creacin de pginas con marcos
Creacin de una hoja de estilos
Creacin de estilos
Aplicar estilos a diferentes elementos
Crear enlaces a distintas pginas
Trabajar con tablas, capas, botones flash,
comportamientos, imgenes, imgenes de
sustitucin, ..

NOTA: Recuerda que debes trabajar todas las prcticas en el mismo ordenador,
guardar los archivos dentro de tu carpeta y que debes hacerlas por orden para
que funcionen correctamente. No debes pasar de prctica hasta que hayas
comprendido y dominado la que estas realizando. Puedes repetirla las veces
que creas necesarias.
1
1. Crea un sitio que se llame SITIO2 y que se encuentre en tu subdirectorio.
2. Crea una pgina llamada PRINCIPAL que tenga como ttulo BIENVENIDOS.
3. Crea una hoja de estilo dentro de SITIO2 que se llame BIEN-ESTILOS.
4. Dentro de BIEN-ESTILOS define los siguientes estilos:
a. .Bien1: verdana, 17, color rojo, tachada.
b. .Bien2: arial, 14, cursiva, color rojo, dentro de un marco discontinuao,
separacin de letras 2 cm.
c. .Bien3: comic, 35, color verde, fondo negro, marco grueso.
5. Escribe adems en lineas distintas: Ests en la pagina de (tu nombre) y
Disfruta de tu visita . Aplica al ttulo y a estas dos lneas los distintos estilos.
6. Fija una imagen de fondo a la pgina.

DreamWeaver II pag.2
2
1. En SITIO2 crea una pgina con marcos del tipo DIVIDIDO
VERTICALMENTE. Llama a la pagina completa HIP1 (recuerda que tambin
debes guardar los marcos, para lo cual te recomiendo que los llames, por
ejemplo, HIP1IZQ y HIP1DER, o algo que despus sepas reconocer a que
pertenece).
2. En el marco de la izquierda debes escribir en lneas distintas el nombre de las 4
estaciones.
3. En el marco de la derecha debes insertar 4 imgenes (una por estacin) que
puedes descargar directamente de Internet. Deben estar separadas entre si de
forma que en la pantalla no se puedan ver dos imgenes al mismo tiempo.
4. Crea enlaces a cada una de las imgenes.
5. Aplica los estilos del ejercicio anterior a cada uno de los enlaces.
6. Fija un color de fondo amarillo a toda la parte derecha.
7. Haz que en la parte derecha no aparezca barra de desplazamiento..
3
1. Crea una pgina con marcos (del tipo SUPERIOR ANIDADO) llamada HIP2
(recuerda guardar tambin los marcos con nombres significativos).
2. En el marco superior escribe como ttulo ANDALUCIA. Al pulsar sobre
Andaluca debe aparecer un men horizontal con cada una de las provincias,
clasificadas en subgrupo de oriental y occidental. (Utiliza para este paso los
comportamientos).
3. Crea una pgina llamada INFORMACION PROVINCIA donde introducir la
informacin de cada provincia (foto y extensin). Debe estar creada de forma que
solo la informacin de una provincia se muestre en la pantalla.
4. Crea los enlaces oportunos de forma que al pulsar sobre el men del marco
superior se muestre (en el marco inferior) la informacin correspondiente a la
provincia seleccionada. Solo debe aparecer en pantalla la informacin de la
provincia que se haya elegido. Al cargar la pgina debe aparecer la bandera de
Andaluca.

DreamWeaver II pag.3
4
1. Crea en la pgina PRINCIPAL enlaces a las pginas HIP1 y HIP2. la primera
debe abrirse como una nueva ventana del explorador y la segunda en la ventana
actual.
2. Crea en HIP1 dos enlaces, uno para PRINCIPAL y otro para HIP2.
3. Crea en HIP2 dos enlaces, uno para PRINCIPAL y otro para HIP1.
4. Haz que al pasar el ratn por la foto de la bandera de Andaluca, la imagen
cambie y muestre un olivo.
5. Prueba (usado un navegador) que todas las prcticas de esta unidad funcionan
correctamente.