CREACION DE CAPAS

Para crear una capa, lleve a cabo una de estas operaciones:
Para dibujar una capa, haga clic en el botón Dibujar capa de la barra Insertar y arrástrelo en la vista Diseño de la ventana de documento para dibujar la capa.

Para colocar el código de una capa en un determinado lugar del documento, sitúe el punto de inserción en la ventana de documento y, a continuación, elija Insertar > Capa.


Si tiene activada la opción Elementos invisibles, aparecerá un marcador de código de capa en vista Diseño cada vez que coloque una capa en la página. Si los marcadores de código de capa no están visibles y desea verlas, elija Ver > Ayudas visuales > Elementos invisibles. Cuando la opción Elementos invisibles está activada, los elementos de la página pueden cambiar de posición. Sin embargo, los elementos invisibles no se muestran en los navegadores. Por ello, cuando se ve la página en un navegador, todos los elementos invisibles aparecen en la posición correcta.
Para dibujar múltiples capas consecutivamente:
Haga clic en el botón Dibujar capa del panel Insertar.
Arrastre el ratón mientras presiona la tecla Control para dibujar cada capa. Podrá continuar dibujando nuevas capas mientras no suelte la tecla Control.




PANEL CAPAS
El panel Capas proporciona un medio para manejar las capas del documento. Para abrir el panel Capas, elija Ventana > Otros > Capas. Las capas se muestran en forma de lista de nombres; en orden de índice z. La primera capa que se creó estará situada al final de la lista, mientras que la última aparecerá en la primera posición. Las capas anidadas se muestran como nombres relacionados con las capas padres. Haga clic en los iconos de signo más (+) o menos (-) para mostrar u ocultar las capas anidadas.

CODIGO HTML PARA CAPAS
Configure Dreamweaver para que utilice la etiqueta div o span para las capas. Existen otras dos etiquetas para crear capas: layer e ilayer, sin embargo, estas etiquetas sólo son compatibles con Netscape Navigator 4; Internet Explorer no las reconoce y Netscape abandonó su soporte en las versiones posteriores del navegador. Dreamweaver reconoce las etiquetas layer e ilayer, pero no crea capas utilizándolas.
La diferencia entre la etiqueta div y la etiqueta span estriba en que los navegadores que no admiten capas introducen saltos de línea adicionales antes y después de la etiqueta div. En la mayoría de los casos es más conveniente que el contenido de la capa aparezca en un párrafo independiente en los navegadores que no admiten capas, es decir, será preferible usar div en lugar de span.
Al dibujar una capa en Dreamweaver, ésta se muestra donde la ha dibujado, pero Dreamweaver inserta su código al principio de la página, inmediatamente después de la etiqueta body. Si crea una capa anidada, Dreamweaver insertará el código dentro de la etiqueta que define la capa padre. En los navegadores que no admiten capas el contenido de la capa aparecerá en el punto de la página donde se encuentre el código de la capa.

A continuación se ofrece un ejemplo de código HTML de una capa:
A continuación se ofrece un ejemplo de código HTML de una capa anidada en otra:
Puede definir las propiedades de colocación de las capas en la página, incluidas las coordenadas x e y, índice z y visibilidad.