Como criar uma tabela no dreamweaver

Video: Criação de formulário HTML estilizado com tabela no dreamweaver

Você pode inserir uma tabela clicando no ícone Tabela no painel Layout Inserir do Dreamweaver ou usando o menu Inserir, como mostrado nas instruções passo-a que se seguem. Não se preocupe com o aperfeiçoamento do settings- você mudar todas essas opções mais tarde (com exceção das configurações de acessibilidade, que podem ser editados somente na Visualização de código depois que você criou uma tabela).

Video: Como Criar Um Layout no Dreamweaver

Para criar uma tabela no Dreamweaver:

1. Escolha Inserir → Tabela, ou clique no ícone Tabela no painel comum ou layout Inserir.

   A caixa de diálogo Tabela aparece.

   

2. Nas linhas e campos Colunas, especifique o número de linhas e colunas, respectivamente, você quer em sua mesa.

3. No campo largura da tabela, introduzir a largura da mesa e, em seguida, seleccionar por cento ou pixéis a partir da lista pendente.

   Se você escolher Pixels, a tabela será criada em um tamanho fixo. Se você optar por cento, a tabela vai expandir ou contrair em tamanho com base no tamanho da janela do navegador. Por exemplo, se você criar uma tabela e definir o tamanho de 80 por cento, a tabela irá preencher 80 por cento do espaço janela do navegador.

4. No campo espessura da borda, especificar a espessura da borda de sua tabela em pixels.

   Você pode inserir um 0 neste campo para criar uma tabela com nenhuma borda visível.

5. Nos campos de preenchimento da célula e espaçamento de célula, insira o número de pixels de preenchimento da célula e espaçamento de célula, respectivamente, para a sua mesa.

   Os campos de preenchimento e espaçamento pode ser deixado em branco para criar uma tabela sem preenchimento extra ou espaçamento. Alternativamente, você pode criar um estilo CSS que especifica espaçamento.

6. 
   
   
   

   Escolha uma opção de cabeçalho clicando no ícone que representa a posição do cabeçalho que você quer em sua mesa.

7. (Opcional) Nos campos de acessibilidade, adicionar uma legenda e um resumo.

   Estes campos fornecem informações adicionais que podem ser úteis para os deficientes auditivos e outras pessoas que estão a navegar na web usando leitores de tela ou outros browsers que lêem páginas da web em voz alta.

8. Clique em OK.

   A tabela é adicionado à página em Dreamweaver e a caixa de diálogo Tabela fecha.

9. Para adicionar texto a uma tabela, clique para colocar o cursor em qualquer célula da tabela e, em seguida, digite os dados que deseja naquela célula. Repetir para cada célula.

   Alternativamente, você pode usar Editar → Colar especial para inserir dados em colunas de outro programa, como o Excel.

10. Para inserir uma imagem em uma célula, clique para colocar o cursor em qualquer célula da tabela e, em seguida, escolha Inserir → Imagem → Imagem. Repetir para cada célula.

    Alternativamente, você pode usar o ícone de imagem no painel Common Inserir.

11. Aplicar opções de formatação, como negrito ou itálico, para células selecionadas e seus conteúdos, escolhendo a opção do Inspetor de propriedades.

Você pode editar todas as opções de tabela, exceto as opções de acessibilidade, no Inspetor de propriedades depois de criar uma tabela. Quando você seleciona uma tabela ou célula clicando na área de trabalho do Dreamweaver, os atributos aparecem no Inspetor de propriedades na parte inferior da área de trabalho.

Clique na borda de qualquer tabela para selecionar a tabela inteira, e o Inspetor de propriedades exibe as opções de tabela. Para visualizar todas as opções, clique na seta de expansão no canto inferior direito do Inspetor de propriedades.

Às vezes selecionar a tabela inteira e não apenas uma célula individual é complicado. Se você está tendo problemas para selecionar a tabela, basta colocar o cursor em qualquer lugar na tabela e escolha Modificar → Tabela → Selecionar tabela.