Como trabalhar com tabelas no Adobe Dreamweaver CS6

Quando você pensa de um mesa no Adobe Dreamweaver CS6, pensar em uma grade que possui várias células na mesma, bem como uma folha de cálculo. As tabelas são utilizadas em páginas HTML, de modo que os elementos de dados e pode ser contida e posicionada no interior de células específicas de uma série de linhas e colunas.

Você pode alterar as cores de células em tabelas, dividir ou palmo as células (combiná-los com outras células), e aplicar limites para eles.

Ao criar uma tabela, você pode determinar quantas linhas e colunas que ele contém, bem como conjunto fixo ou larguras escaláveis ​​para linhas e colunas, quando necessário. Você também pode optar por fundir linhas e colunas para criar tabelas únicas.

image0.jpg

Para criar uma tabela no Dreamweaver, siga estes passos:

  1. Coloque o cursor onde deseja que a tabela apareça, certifique-se de que a guia comum no painel de Inserção é visível, e depois clique no botão Tabela.

    Alternativamente, você pode escolher Insert-Table. Seja qual for o método utilizado, a caixa de diálogo Tabela aparece.

    image1.jpg
  2. Digite ou selecione os atributos da tabela que você deseja criar:

  3. linhas: Na caixa Linhas de texto, digite o número de linhas que deseja na tabela. Linhas pilha vertical e podem ser adicionados ou excluídos depois de criar a tabela.

  4. colunas: Na caixa de texto Colunas, digite o número de colunas que deseja na tabela. Colunas são criadas horizontalmente em uma mesa e podem ser adicionados ou eliminados depois de criá-los.

  5. Largura da tabela: Digite uma medida de largura na caixa de texto largura da tabela e, em seguida, selecione uma medição (pixels ou porcentagem) a partir da lista drop-down para a direita. largura da tabela é um atributo importante porque define o tamanho padrão para a tabela.

  6. Espessura da borda: Enter (em pixels) a espessura desejada para a largura da borda em torno das células e fora da mesa. Se você quiser ver nenhuma formatação da tabela, tipo 0 na caixa de texto Espessura da borda. Nota: No modo Design, você ainda ver um table border frustradas - é apenas uma ajuda visual.

  7. Preenchimento da célula: Digite um número na caixa de texto celular Preenchimento se você quiser usar preenchimento para criar uma margem em torno de todo o conteúdo dentro da célula.

  8. Espaçamento da célula: Digite um número na caixa de texto celular Espaçamento se você quiser alterar as células de pressão spacingto distante.

  9. Cabeçalho: A caixa de seleção Header converte a linha superior da tabela a partir de uma linha padrão para um cabeçalho definido (usando a tag). Isto reforça que a primeira fila e os seus conteúdos definir o cabeçalho da tabela.

  10. Opções de acessibilidade: Você pode fornecer informações adicionais para ajudar os usuários com deficiência visual entender o conteúdo de sua tabela. Adicione uma legenda que é relevante para a sua mesa na caixa de texto Legenda. Na área de Resumo, incluir várias linhas de texto para fornecer mais informações sobre a finalidade da tabela e seu conteúdo.

  11. Clique em OK.

    Sua tabela é criada.

Ao trabalhar com tabelas, tentar tirar proveito do recurso de tabela expandido no Dreamweaver. (Encontrar o botão Expanded na seção Layout do painel Inserir.) Vista Expandida adiciona o preenchimento e espaçamento de célula em uma tabela e aumenta o tamanho da borda para fazer a seleção de células e conteúdo mais fácil.

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

menu