Tutorial conciso do Dreamweaver 4 (7. Layout de página da Web 2)

Autor：Eve Cole Data da Última Atualização：2009-05-30 18:35:48

7. Layout da página da web

Uso de tabelas 2

Com base na tabela acima e nos parâmetros das células, podemos fazer a seguinte tabela:

A tabela acima é 3×2. A largura da tabela é de 350 pixels. A largura de cada célula é de 33%, que é um terço da tabela. a largura da linha é 10; a cor de fundo da tabela é cinza, a cor da borda da célula 5 é vermelha e a cor de fundo da célula 6 é verde;

No exemplo acima, definimos a largura da linha da tabela como 0. No estado de edição, a tabela que vemos é:

Uma linha de borda com largura 0 será representada por uma linha pontilhada no estado de edição, e o efeito de navegação real é:

Pode-se observar que uma linha de tabela com largura 0 não será exibida no navegador. Na verdade, o chamado uso de tabelas para composição tipográfica é usar tabelas com uma linha de tabela 0 para dividir a página em várias áreas para obter o efeito de posicionamento da composição tipográfica. Além disso, tabelas e tabelas podem ser aninhadas. Por exemplo, na tabela acima, insira outra tabela na célula 2 com largura de tabela de 100% e largura de linha de tabela de 0 e defina cores de fundo diferentes para as células ①②③ respectivamente. você pode ver no estado de edição:

O efeito de navegação real é:

O aninhamento de tabelas é frequentemente usado na produção de páginas da web, especialmente em portais como Sina, Sohu e NetEase. Para exibir uma grande quantidade de informações de maneira organizada na frente dos visualizadores, o aninhamento de tabelas é usado com mais frequência. A imagem abaixo mostra a página inicial do goEway.com em modo de edição. Você pode ver que a página está densamente coberta por linhas de tabela: