Ejercicio paso a paso. Unidad 14. Insertar una capa

Objetivo.

Practicar las operaciones que hay que realizar para insertar una capa y modificar sus propiedades.

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos.

3 Selecciona el sitio Cocina en el panel Archivos.

4 Haz doble clic sobre el documento marcos.htm, que aparece en el panel Archivos.

Se abrirá el documento en Dreamweaver.

5 Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades.

6 Sitúa el cursor debajo de la imagen de sustitucion de email que habíamos incluido en el marco izquierdo.

7 Haz clic sobre el menú Insertar.

8 Elige la opción Objetos de diseño, luego elige la opción Div PA.

9 Sitúa el cursor dentro de la capa.

10 Haz clic sobre el botón Alinear al centro .

11 Escribe el texto no olvides mandarnos tus dudas y sugerencias.

12 Selecciona la capa pulsando sobre el cuadrado blanco que aparece en su esquina superior-izquierda.

13 En ID de capa, del inspector de propiedades, escribe sugerencia.

14 En Iz escribe 60px.

15 En Sup escribe 495px.

16 En An escribe 150px.

17 En Al escribe 59px.

18 Pulsa fuera de la capa para que deje de estar seleccionada y se le aplique el último cambio.

19 Comprueba que la capa ha quedado debajo de la imagen de sustitución, si no haz clic en el cuadrado blanco de su esquina superior-izquierda y arrastralo hasta que quede centrado en el marco y bajo la imagen de email.

20 En Vis selecciona hidden.

21 Pulsa fuera de la capa para que deje de estar seleccionada y se le aplique el último cambio.

22 Haz clic sobre el botón Guardar de la barra de herramientas.