Capas
 


Las capas son, para los diseñadores, una herramienta que soluciona en gran medida los problemas de distribución de los objetos en una página web. Habíamos visto que con tablas podíamos posicionar un objeto en casi cualquier parte de la pantalla, pero con diferentes versiones de navegadores , estos podían cambiar de posición ligeramente.

Las capas vinen a solucionar este problema en gran medida, pero por el contrario tenemos que no todos los navegadores interpretan las capas, si al menos los mas modernos.

Además con las capas y Dreamweaver podremos crear efectos sorprendentes, como que aparezcan y desaparezcan capas e incluso mover una capa a traves de la pantalla...Esto lo veremos mas adelante.

En Dreamweaver las capas se crean de una forma sencillísima. Desde la Paleta Objetos(común), seleccionamos capas y no tenemos mas que dibujarla en cualquier parte de la pantalla; en ella podremos insertar texto, fotos, objetos de Flash, etc...

Desde la Paleta Propiedades, podremos dar un nombre(ID de capa) a la capa, un tamaño determinado en píxeles; con índice Z introducimos la profundidad de la capa, Podemos configurar si la capa será visible o no, el color y la imagen de fondo de la capa Con Desb. Determinamos que hacer si por ejemplo una imagen es mas grande que la capa(visible, scroll, hidden o auto) Con Rec. Recortamos la medidas de la región visible de la capa.


 


Podemos crear todas las capas que necesitemos. Y controlar su visibilidad(aplilamiento) con índice Z.


Convertir capas a tablas


Dreamweaver tiene unas posibilidades muy grandes a la hora de automatizar tareas, por ejemplo podremos convertir a tabla todas las capas de una forma sencilla. Por lo que podemos empezar a diseñar con capas y después convertirlas para navegadores que no acepten capas.

Para ello elegimos en el Menú- Modificar - Modos de diseño- Convertir capas en tablas (control+Mayús.+F6) y tras un cuadro de diálogo (que lo podemos dejar todo por defecto) automáticamente las capas se convertirán en tablas. Solo podremos convertir a tablas si ninguna de las capas está superpuesta.

También podemos hacer lo contrario; Menú- Modificar - Modos de diseño- Convertir tablas en capas control+F6 (solo se convierten las tablas que contienen algún elemento)

 

Imagen de rastreo


Una de las aplicaciones que tiene el diseño con capas es la de maquetar documentos; muchos diseñadores hacen una plantilla en un programa como Photoshop (Acrobat, Freehand, etc), donde hacen un esbozo de lo que será el diseño de la página web, una vez hecho el diseño, se exporta la imagen en formato JPG, GIF o PNG.

En Modificar-Propiedades de la página, pulsamos sobre examinar en el cuadro Imagen de Rastreo, importamos la imagen.

Aplicar; desde ahí podremos controlar el grado de transparencia de la imagen de rastreo para facilitar la maquetación. Esta imagen de rastreo no se verá en el navegador.

La imagen de rastreo la podremos situar en el lugar de la pantalla que determinemos para ello vamos a Menú-Ver-Imagen de rastreo-Ajustar posición(en pixeles), donde ajustaremos las coordenadas.