Capas de Dreamweaver
Capas de Dreamweaver
Las capas no son ms que unos recuadros, elementos de bloque, destinados a contener y
agrupar otros elementos, igual que los prrafos son elementos de bloque destinados a contener texto. Las capas, tambin llamadas layers o divisiones, se crean con la etiqueta <div></div>. Al ser elementos contenedores, son muy tiles para organizar nuestros elementos. Si esto lo combinamos con el posicionamiento absoluto, una propiedad CSS que nos permite colocar los elementos donde queramos en nuestra pgina, obtenemos los elementos ideales para maquetar nuestra pgina, es decir, distribuir el contenido en bloques. Cuando convertimos una capa en un elemento con posicin absoluta (elemento PA), se muestra as en Dreamweaver:
Este icono
tambin la capa.
Cuando existen varias capas en un mismo documento, es preferible seleccionarlas a travs de la pestaa Elementos PA del panel CSS, que puede abrirse a travs del
men Ventana opcin Elementos PA. Tambin puedes abrir el panel pulsando F2.
Elemento CSS-P es el nombre o ID de la capa. Izq y Sup indican la distancia en pxeles (tambin podemos introducir un valor en porcentaje) que hay entre los lmites izquierdo y superior del documento y los lados superior e izquierdo de la capa respectivamente. An y Al indican la anchura y la altura ndice Z es el nmero de orden de colocacin de las capas. Este valor tambin puede cambiarse a travs del panel Elementos PA. Una capa ser solapada por aquellas capas cuyo ndice Z sea mayor que el suyo. Vis indica la visibilidad inicial de la capa. La visibilidad puede ser de cuatro tipos: o o o o Default (visibilidad segn el navegador), Inherit (se muestra la capa mientras la pgina a la que pertenece tambin se est mostrando), Visible (muestra la capa, aunque la pgina no se est viendo) y Hidden (la capa est oculta).
Im. fondo y Col puede indicarse una imagen o un color de fondo para la capa. Desb. (Desbordamiento). Con esta propiedad controlamos cmo aparecen las capas en un navegador cuando el contenido excede el tamao especificado de la capa.
o o o o
Visible indica que el contenido adicional se muestra, excediendo los lmites de la capa. Hidden (oculto) especifica que el contenido adicional no se mostrar en el navegador. Scroll (desplazamiento) especifica que el navegador deber aadir barras de desplazamiento a la capa tanto si se necesitan como si no. Auto (automtico) hace que el navegador muestre barras de desplazamiento para la capa cuando sean necesarias (es decir, cuando el contenido de la capa supere sus lmites).