Criação mesa e Formatação no Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver suporta a criação e formatação de tabelas no seu site. Quando você pensa de um mesa, pensar em uma grade, como uma folha de cálculo. 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.

Em alguns casos, você não vê a própria tabela porque você pode colocar o conteúdo em linha e forma de coluna sem mostrar a mesa-, neste caso, é apenas uma ferramenta de formatação. Ao criar uma tabela, você pode determinar quantas linhas e colunas que ele contém. Você também pode escolher para abranger linhas e colunas para criar tabelas únicas.

Uma tabela com linhas e colunas mescladas.
Uma tabela com linhas e colunas mescladas.
  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.

    Definir especificações de tabela na caixa de diálogo tabela.
    Definir especificações de tabela na caixa de diálogo tabela.
  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 excluídos após criá-lo.

  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 define o tamanho padrão para a tabela. A 100 por cento, a tabela ocupa 100 por cento da sua página web, de mudança tamanho quando a página é redimensionada. Introduzir um valor de pixel para garantir que a mesa fica sempre do mesmo tamanho.

  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, digite 0 na caixa de texto Espessura da borda. No modo Design, você ainda ver um table border frustradas. Você vê verdadeiras fronteiras quando você visualizar a página em um navegador ou no modo Live.

  7. Preenchimento da célula: Digite um número na caixa de texto celular Preenchimento se você quiser criar uma margem ao redor 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 levar as células à parte.

  9. Cabeçalho: Selecione o tipo de cabeçalho você deseja incluir em sua tabela (ou selecione Nenhum se você quiser sem cabeçalhos).

  10. Acessibilidade: 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.

  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 fronteira para facilitar a seleção. 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