Como trabalhar com tabelas no Adobe Dreamweaver CS6 - manequins

Quando você pensa em uma tabela no Adobe Dreamweaver CS6 , , pense em uma grade que tenha várias células nele, muito como uma planilha eletrônica. As tabelas são usadas em páginas HTML para que elementos e dados possam ser contidos e posicionados dentro de células específicas em uma série de linhas e colunas.

Você pode alterar as cores das células em tabelas, dividir ou span as células (combiná-las com outras células) e aplicar bordas para elas.

Quando você cria uma tabela, você pode determinar quantas linhas e colunas ela contém, bem como definir larguras fixas ou escaláveis ​​para linhas e colunas, quando necessário. Você também pode escolher mesclar linhas e colunas para criar tabelas exclusivas.

Para criar uma tabela no Dreamweaver, siga estas etapas:

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.

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

   

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 as criar.

   • 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 é um atributo importante porque define o tamanho padrão para a tabela.

   • 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. Nota: Na vista de design, você ainda vê uma borda da tabela tracejada - é apenas uma ajuda visual.

   • Cobertura celular: Digite um número na caixa de texto Cobertura celular se você deseja usar o preenchimento para 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 alterar o espaçamento para separar as células.

   • Cabeçalho: A caixa de seleção Cabeçalho converte a linha superior da tabela de uma linha padrão para um cabeçalho definido (usando a marca ). Isso reforça que a primeira linha e seus conteúdos definam o cabeçalho da tabela.

   • Opções de acessibilidade: Você pode fornecer informações adicionais para ajudar os usuários com deficiência visual a entender o conteúdo de sua tabela.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 e seus conteúdos.

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 de células e conteúdo.

Para uma visualização precisa, volte para a visualização Padrão (clique no botão Padrão na seção Layout do painel Inserir) depois de terminar a edição.