Pergunta: Pode ser implementado quando houver imagens em ambas as camadas, mas não funcionará se houver FLASH, o que significa que as imagens estarão sempre cobertas por FLASH.
Sobre
camadas Uma camada
no Dreamweaver é um elemento de página HTML ao qual é atribuída uma posição absoluta - especificamente, uma tag div ou qualquer outra tag.As camadas podem conter texto, imagens ou qualquer outra coisa que possa ser colocada no corpo de um documento HTML.
Observe que
a camada mencionada neste capítulo pertence ao conceito de layout do Dreamweaver, e não à tag da camada.
Entenda o conceito de camadas
Com o Dreamweaver, você pode usar camadas para projetar o layout de suas páginas. Você pode colocar camadas uma atrás da outra, ocultar algumas camadas enquanto mostra outras e mover camadas pela tela. Você pode colocar uma imagem de fundo em uma camada e, na frente dessa camada, colocar uma segunda camada que contenha texto com fundo transparente.
As camadas fornecem grande flexibilidade na colocação de conteúdo. No entanto, os visitantes do site que usam versões mais antigas de navegadores da Web podem ter problemas para visualizar a camada. Para garantir que todos possam visualizar sua página da Web, você pode criar o layout da página usando camadas e depois convertê-las em tabelas. Para obter mais informações, consulte Converter camadas em tabelas. No entanto, se os visitantes com os quais você está lidando provavelmente usam alguns dos navegadores mais recentes, você pode projetar seu layout inteiramente em camadas, sem converter as camadas em tabelas.
Sobre o código HTML de uma camada
Quando você insere uma camada em um documento, o Dreamweaver insere as tags HTML da camada no código. Por padrão, o Dreamweaver cria camadas usando tags div.
Observe que
você também pode usar outras duas tags para criar camadas: layer e ilayer. No entanto, essas tags são suportadas apenas pelo Netscape Navigator 4. O Internet Explorer não oferece suporte a essas tags e o Netscape não oferece mais suporte a essas tags em navegadores mais recentes. O Dreamweaver reconhece as tags de camada e ilayer, mas não as utiliza para criar camadas.
Ao desenhar uma camada usando a ferramenta Desenhar camadas, o Dreamweaver insere uma tag div no documento e atribui um valor de id à camada (por padrão, Camada1 representa a primeira camada desenhada, Camada2 representa a segunda camada desenhada e assim por diante). Posteriormente, você pode renomear a camada como desejar usando o painel Camadas ou o Inspetor de propriedades. O Dreamweaver também usa CSS incorporado no cabeçalho do documento para posicionar camadas e determinar suas dimensões exatas.
Aqui está um exemplo de código HTML para uma camada:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Página de exemplos de camadas</title>
<style type="texto/css">
<!--
#Camada1 {
posição:absoluta;
esquerda:62px;
topo:67px;
largura:421px;
altura:188px;
índice z:1
}
-->
</estilo>
</head>
<corpo>
<div id="Camada1"></div>
</body>
</html>
Você pode definir propriedades para as camadas superiores da página, incluindo coordenadas xey, eixo z (também chamado de ordem de empilhamento) e visibilidade. Para obter mais informações, consulte Configurando preferências e propriedades da camada.