Criação de tabelas e formatação em adobe cs5 dreamweaver

Video: 14 Dreamweaver - Formatação de tabela

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

Em alguns casos, você não vê a própria mesa 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 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.

    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 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 após criá-la.

  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 define o tamanho padrão para a tabela. A 100 por cento, a tabela ocupa 100 por cento de sua página web, alterar o tamanho quando a página é redimensionada. Digite um valor de pixel para garantir que a tabela permanece sempre o 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 Border espessura. No modo Design, você ainda vê uma borda de tabela 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 Preenchimento da célula, 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 que você deseja incluir em sua tabela (ou selecione Nenhum se você quiser há 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 o propósito da mesa.

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


Publicações relacionadas