Tutorial conciso do Dreamweaver 4 (7. Layout da página da Web 3)
Autor:Eve Cole
Data da Última Atualização:2009-05-30 18:35:47
Uso de camadas
Se você acha que usar tabelas para posicionar os elementos da página é muito difícil de dominar, você também pode tentar usar a vantagem da camada. Clique no painel de propriedades botão, o cursor se tornará uma cruz e arraste-o na janela de edição para criar uma camada. Podemos inserir a maioria dos elementos da página da web na camada, como imagens, texto, etc. A vantagem das camadas é que elas podem ser colocadas em qualquer lugar da página, conforme mostrado abaixo:
Após selecionar uma camada, o painel de propriedades correspondente é o seguinte:
① Layer ID: O nome da camada, usado para identificar diferentes camadas;
② L, T: A posição da camada, L é a distância da borda esquerda da página, T é a distância da borda superior da página;
W, H: largura e altura da camada;
③ Índice Z: ordem das camadas no eixo Z;
④ Imagem Bg: imagem de fundo da camada;
⑤ Vis: O estado de exibição da camada, onde Oculto oculta a camada e a torna invisível;
⑥ Bg Corlor: A cor de fundo da camada;
⑦ Tag: O método de código usado pela camada Geralmente, o DIV padrão pode ser usado;
⑧ Estouro Se houver muitos textos na camada, ou a imagem for muito grande e o tamanho da camada não for suficiente para exibir tudo, você pode escolher:
visível: A parte excedida ainda é exibida;
oculto: O excesso fica oculto;
scrool: A barra de rolagem será exibida independentemente de ter sido excedida;
auto: A barra de rolagem aparecerá somente quando ultrapassar o limite;
Por exemplo, se selecionarmos automático, a camada no exemplo acima será exibida como:
As vantagens das camadas são óbvias, mas as desvantagens são igualmente óbvias. Por exemplo, é difícil criar uma página web que se adapte a diferentes resoluções; quando uma página utiliza múltiplas camadas, a complexidade da página aumenta, tornando a edição muito complicada; status de edição e status de navegação Existem diferenças bastante óbvias no efeito real. Normalmente as pessoas usam Layer para composição e depois convertem a camada em uma tabela (Modefy > Convert > Layers to Table). A operação específica não será descrita aqui.