Pregunta: Se puede implementar cuando hay imágenes en ambas capas, pero no funcionará si hay FLASH, lo que significa que las imágenes siempre estarán cubiertas por FLASH. ¿Qué debo hacer?
Acerca de
las capas Una capa
en Dreamweaver es un elemento de página HTML al que se le asigna una posición absoluta, específicamente, una etiqueta div o cualquier otra etiqueta.Las capas pueden contener texto, imágenes o cualquier otra cosa que pueda colocarse dentro del cuerpo de un documento HTML.
Tenga en cuenta que
la capa mencionada en este capítulo pertenece al concepto de diseño de Dreamweaver, no a la etiqueta de capa.
Comprenda el concepto de capas
Con Dreamweaver, puede utilizar capas para diseñar el diseño de sus páginas. Puede colocar capas una detrás de otra, ocultar algunas capas mientras muestra otras y mover capas por la pantalla. Puedes colocar una imagen de fondo en una capa y luego, frente a esa capa, colocar una segunda capa que contenga texto con un fondo transparente.
Las capas proporcionan una gran flexibilidad a la hora de colocar contenido. Sin embargo, los visitantes del sitio que utilizan versiones anteriores de navegadores web pueden tener problemas para ver la capa. Para asegurarse de que todos puedan ver su página web, puede diseñar el diseño de la página usando capas y luego convertir las capas en tablas. Para obtener más información, consulte Convertir capas en tablas. Sin embargo, si es probable que los visitantes con los que está tratando utilicen algunos de los navegadores más recientes, puede diseñar su diseño completamente en capas sin convertir las capas en tablas.
Acerca del código HTML de una capa
Cuando coloca una capa en un documento, Dreamweaver inserta las etiquetas HTML de la capa en el código. De forma predeterminada, Dreamweaver crea capas utilizando etiquetas div.
Tenga en cuenta que
también puede utilizar otras dos etiquetas para crear capas: capa e ilayer. Sin embargo, estas etiquetas sólo son compatibles con Netscape Navigator 4. Internet Explorer no las admite y Netscape ya no las admite en los navegadores más nuevos. Dreamweaver reconoce las etiquetas de capa e ilayer pero no las utiliza para crear capas.
Cuando dibuja una capa con la herramienta Dibujar capas, Dreamweaver inserta una etiqueta div en el documento y asigna un valor de identificación a la capa (de forma predeterminada, Capa1 representa la primera capa dibujada, Capa2 representa la segunda capa dibujada, y así sucesivamente). Más tarde, puedes cambiar el nombre de la capa al que quieras usando el panel Capas o el inspector de propiedades. Dreamweaver también utiliza CSS incrustado en el encabezado del documento para colocar capas y determinar sus dimensiones exactas.
A continuación se muestra un ejemplo de código HTML para una capa:
<head>
<meta http-equiv="Tipo de contenido" content="text/html; charset=iso-8859-1" />
<title>Página de capas de muestra</title>
<tipo de estilo="texto/css">
<!--
#Capa1 {
posición:absoluta;
izquierda: 62px;
arriba: 67px;
ancho: 421 px;
altura: 188 px;
índice z: 1
;
-->
</estilo>
</cabeza>
<cuerpo>
<div id="Capa1"></div>
</cuerpo>
</html>
Puede establecer propiedades para las capas superiores de la página, incluidas las coordenadas xey, el eje z (también llamado orden de apilamiento) y la visibilidad. Para obtener más información, consulte Configuración de preferencias y propiedades de capa.