Como alterar a aparência de uma tabela no Dreamweaver

Necessidade de alterar a aparência de uma tabela em seu site? Quando você seleciona uma tabela no Dreamweaver, o Inspetor de propriedades dá-lhe acesso aos seguintes opções para personalizar a aparência de sua tabela:

  • Mesa: Fornece uma área de texto onde você pode digitar um nome para uma mesa. Este nome ou ID, é útil para orientar a mesa em scripts.

  • linhas: Exibe o número de linhas na tabela. É possível alterar o tamanho da tabela, alterando o número. Tenha cuidado, porém: se você digitar um número que é menor do que o número de linhas na sua tabela, o Dreamweaver exclui as linhas de fundo - o conteúdo e tudo.

  • cols: Exibe o número de colunas na tabela. É possível alterar o tamanho da tabela, alterando o número. Novamente, se você digitar um número menor que o número de colunas em sua tabela, o Dreamweaver exclui as colunas do lado direito da tabela - o conteúdo e tudo.

  • W (a largura): Apresenta a largura da mesa. É possível alterar a largura alterando o número. Você pode especificar a largura como uma porcentagem ou um valor em pixels. Valores expressos como uma percentagem de aumento ou diminuição do tamanho da mesa em relação ao tamanho da janela de navegador do utilizador ou qualquer recipiente envolvente, tal como uma outra tabela ou uma etiqueta.

    dimensões de mesa expressa como uma porcentagem permitem criar tabelas que mudam de tamanho quando a janela do navegador é redimensionada. Se você quer uma mesa para sempre levar até 75 por cento da janela, independentemente da área de exibição do usuário, defina o tamanho como uma porcentagem. Se você quer uma mesa para ser sempre o mesmo tamanho, independentemente do tamanho da janela do navegador, escolha pixels para a sua largura da tabela.

    Se uma tabela é inserida em um outro recipiente, tal como uma etiqueta ou de uma mesa com uma largura fixa, a tabela é dimensionada com base não em janela de navegador, mas no recipiente.

    Nota: Começando no Dreamweaver CS4, você não encontrar um campo H (altura). Como melhor prática, a maioria dos designers não especificar a altura da tabela, porque o conteúdo da tabela pode mudar de um visitante para outra. Por exemplo, o tamanho da fonte do texto depende do sistema e as configurações do usuário.

  • CellPad: Especifica o espaço entre o conteúdo de uma célula e sua fronteira.

  • espaço celular: Especifica o espaço entre as células da tabela.

  • Alinhar: Controla o alinhamento da tabela na página web. As opções são padrão, Esquerda, Centro e Direita. Como regra geral, a configuração padrão alinha a tabela do lado esquerdo da janela do navegador ou outro recipiente.

  • Fronteira: Controla o tamanho da borda ao redor da mesa. Quanto maior o número, mais grossa da fronteira. Se você quiser a fronteira para ser invisível, configurá-lo para 0.

  • Classe: Fornece acesso fácil a opções de folha de estilo.

  • Limpar e converter: Os ícones na área inferior esquerda do Inspetor de propriedades (clique na seta de expansão no canto inferior direito para vê-los) fornecer essas opções de formatação:

  • Limpar Row Heights e Largura das colunas claras permitem remover todos os valores de altura e largura de uma só vez.

  • Converter larguras da tabela em pixels e Converter larguras da tabela de Percent permitem alterar automaticamente as configurações de largura de percentagens de pixels. Pixels especificar um fixo width- uma configuração por cento significa que o navegador ajusta automaticamente a percentagem específica da área de exibição do navegador.

Você também pode aplicar opções de formatação e alterar os atributos de qualquer elemento - como texto, uma imagem ou um arquivo multimídia - dentro de uma célula da tabela. Para fazer isso, selecione o elemento e, em seguida, use as opções na CSS ou Inspetor de propriedades HTML para fazer as alterações desejadas, tal como faria se o elemento não estavam em uma célula da tabela.

menu