Como trabalhar com tabelas no adobe dreamweaver cs6

Video: Tutorial Dreamweaver - aula 10 - Introducao a tabelas pelo HTML usando Interface

Quando você pensa de um mesa no Adobe Dreamweaver CS6, pensar em uma grade que tem 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 período 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 onde for necessário. Você também pode optar por fundir linhas e colunas para criar tabelas únicas.

Video: Curso de Dreamweaver - Aula 1 (Introdução à Interface)

Para criar uma tabela no Dreamweaver, siga estes passos:

1. Coloque o cursor onde você 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 Inserir → Tabela. Seja qual for o método utilizado, a caixa de diálogo Tabela aparece.

   

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 empilhar verticalmente 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 através de uma mesa e podem ser adicionados ou excluídos depois de criá-los.

5. Largura Tabela: Digite uma medida da largura na caixa de texto Largura da tabela e 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 de tabela, tipo 0 na caixa de texto Border espessura. Nota: No modo Design, você ainda vê uma borda de tabela frustradas - é apenas uma ajuda visual.

7. Preenchimento da célula: Digite um número na caixa de texto Preenchimento da célula, 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 o espaçamento para levar as células à parte.

9. Cabeçalho: A caixa de verificação do cabeçalho converte a linha superior da tabela de uma linha normal a um cabeçalho definido (utilizando o 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 mesa. 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 o propósito 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. (Encontre o botão Expanded na seção Layout do painel Inserir.) Vista expandida acrescenta preenchimento da célula e espaçamento em uma mesa 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, voltar à vista padrão (clique no botão Padrão na seção Layout do painel Inserir) depois de terminar a edição.