Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/04/2010, 16:03
Avatar de Drakerz
Drakerz
 
Fecha de Ingreso: marzo-2010
Mensajes: 182
Antigüedad: 14 años, 8 meses
Puntos: 12
Aporte Guía Capas Propiedades de visibilidad - Dreamweaver

Capas

Las capas son cuadros (como hojas transparentes), que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML (texto, imágenes, flash, etc.).

Las mismas pueden moverse de un lugar a otro de nuestra página haciendo clic sobre el recuadro blanco, y arrastrándola hacia la nueva posición. También pueden ocultarse y solaparse (encimarse) entre sí, lo que proporciona grandes posibilidades de diseño.

Podemos también modificar su tamaño, como si fueran imágenes (pulsando sobre los cuadros y arrastrándolos hasta conseguir el tamaño deseado) ó desde el inspector de propiedades modificando los valores de los cuadros An y Al.

Para poder insertar una capa vamos al menú Insertar Objeto de diseño Div PA (Elemento con posición abosulta).

Una vez insertada, podemos seleccionarla para modificar sus propiedades, para lo cual podemos hacer clic en el recuadro que aparece en el ángulo superior izquierdo de cada capa, ó, si tenemos muchas y no es fácil acceder al cuadro correspondiente a cada capa podemos hacerlo mediante la solapa Elementos PA del panel CSS. Sí este no estuviera visible, lo podemos activar mediante el menú Ventana Elementos PA ó presionando F12.

Al estar seleccionada una capa, en el inspector de propiedades aparece lo siguiente:



Elemento CSS-P : es el nombre de la capa. Tambíen se puede cambiar desde el panel

Elemento PA: haciendo doble clic sobre él.

Izq y Sup: Indican la distancia en píxeles que hay entre los límites izquierdo y superior de la hoja y la capa.

An y Al: Indican la anchura y la altura de la capa.

Índice Z : es el numero de orden de colocación de las capas. 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:

Default: (visibilidad según el navegador),
Inherit: (se muestra la capa mientras la página a la que pertenece también se esté mostrando),
Visible: (muestra la capa, aunque la página no se esté viendo)
Hidden: (la capa está oculta).

La visibilidad también puede cambiarse a través del panel Elementos PA, pulsando sobre la imágen del ojo. El ojo abierto indica Visible, el ojo cerrado Indica Hidden.

Desb. (Desbordamiento) Controla cómo aparecen las capas en un navegador cuando el contenido excede el tamañano especificado de la capa.

Visible indica que el contenido adicional aparece en la capa. La capa se amplía para darle cabida.

Hidden (oculto) especifica que el contenido adicional no se mostrará en el navegador.

Scroll (desplazamiento) especifica que el navegador deberá añadir barras de desplazamiento a la capa tanto si se necesitan como si no.

Auto (auto matico) hace que el navegador muestre barras de desplazamiento para la capa cuando sean necesarias (es decir, cuando el contenido de la capa supere sus límites).

Extras: este fue mi 8 aporte espero que les haya gustado
Drakerz