Tabela Criação e formatação no Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver oferece suporte à criação e formatação de tabelas em seu site. Quando você pensa em uma tabela , pense em uma grade, como uma planilha. Você pode alterar as cores das células nas tabelas, dividir ou span as células (combiná-las com outras células) e aplicar bordas para elas.

Em alguns casos, você não vê a tabela em si porque pode colocar conteúdo em linha e coluna sem mostrar a tabela; neste caso, é apenas uma ferramenta de formatação. Quando você cria uma tabela, você pode determinar quantas linhas e colunas ela contém. Você também pode escolher expandir linhas e colunas para criar tabelas exclusivas.

Uma tabela com linhas e colunas mescladas.

1. Coloque o cursor onde deseja que a tabela apareça, verifique se a guia comum no painel Inserir está visível e, em seguida, clique no botão Tabela.

   Como alternativa, você pode escolher Inserir → Tabela. Seja qual for o método que você usa, a caixa de diálogo Tabela aparece.

   

   Defina as especificações da tabela na caixa de diálogo Tabela.

2. Digite ou selecione os atributos da tabela que deseja criar:

   • Linhas: Na caixa de texto Linhas, insira o número de linhas desejado na tabela. As linhas são empilhadas verticalmente e podem ser adicionadas ou excluídas depois de criar a tabela.

   • Colunas: Na caixa de texto Colunas, insira o número de colunas que deseja na tabela. As colunas são criadas horizontalmente em uma tabela e podem ser adicionadas ou excluídas depois de criá-las.

   • Largura da tabela: Digite uma medida de largura na caixa de texto Largura da tabela e, em seguida, selecione uma medida (Pixels ou Percentagem) na lista suspensa para a direita. A largura da tabela define o tamanho padrão da tabela. Em 100 por cento, a tabela ocupa 100 por cento da sua página da Web, alterando o tamanho quando a página é redimensionada. Digite um valor de pixel para garantir que a tabela permaneça sempre do mesmo tamanho.

   • Espessura da borda: Digite (em pixels) a espessura desejada para a largura da borda que circunda as células e fora da tabela. Se você quiser ver nenhuma formatação de tabela, digite 0 na caixa de texto Espessura da borda. Na vista de design, você ainda vê uma borda de tabela tracejada. Você vê fronteiras verdadeiras quando visualiza a página em um navegador ou na Visualização ao vivo.

   • Cobertura da célula: Digite um número na caixa de texto do preenchimento celular se você deseja criar uma margem em torno de todo o conteúdo dentro da célula.

   • Espaçamento celular: Digite um número na caixa de texto Espaçamento celular, se você deseja separar as células.

   • Cabeçalho: Selecione o tipo de cabeçalho que deseja incluir na sua tabela (ou selecione Nenhum se não quiser cabeçalhos).

   • Acessibilidade: Adicione uma legenda relevante para a sua tabela na caixa de texto Legenda. Na área Resumo, inclua várias linhas de texto para fornecer mais informações sobre a finalidade da tabela.

3. Clique em OK.

   Sua tabela é criada.

Ao trabalhar com tabelas, tente aproveitar o recurso de tabela expandida no Dreamweaver. (Encontre o botão Expandido na seção Layout do painel Inserir.) A visualização expandida adiciona preenchimento e espaçamento de celular em uma tabela e aumenta o tamanho da borda para facilitar a seleção. Para uma visualização precisa, volte para a exibição Padrão (clique no botão Padrão na seção Layout do painel Inserir) depois de terminar a edição.