Como alterar a aparência de uma tabela no Dreamweaver - dummies

Precisa alterar a aparência de uma tabela em seu site? Quando você seleciona uma tabela no Dreamweaver, o inspetor de propriedades oferece acesso às seguintes opções para personalizar a aparência da sua tabela:

• Tabela: Fornece uma área de texto onde você pode inserir um nome para uma tabela. Esse nome ou ID é útil para segmentar a tabela em scripts.

• Linhas: Exibe o número de linhas na tabela. Você pode alterar o tamanho da tabela alterando o número. Tenha cuidado, no entanto: Se você inserir um número menor que o número de linhas na sua tabela, o Dreamweaver exclui as linhas inferiores - conteúdo e tudo.

• Cols: Exibe o número de colunas na tabela. Você pode alterar o tamanho da tabela alterando o número. Novamente, se você inserir um número inferior ao número de colunas em sua tabela, o Dreamweaver exclui as colunas no lado direito da tabela - conteúdo e tudo.

• W (largura): Exibe a largura da tabela. Você pode alterar a largura alterando o número. Você pode especificar a largura como uma porcentagem ou um valor em pixels. Os valores expressos em porcentagem aumentam ou diminuem o tamanho da tabela em relação ao tamanho da janela do navegador do usuário ou qualquer recipiente contendo, como outra tabela ou uma etiqueta.

  As dimensões da tabela expressas em porcentagem permitem que você crie tabelas que mudam de tamanho quando a janela do navegador for redimensionada. Se você deseja que uma tabela atenda sempre 75% da janela, independentemente da área de exibição do usuário, defina o tamanho como uma porcentagem. Se você deseja que uma tabela sempre seja do mesmo tamanho, independentemente do tamanho da janela do navegador, escolha pixels para a largura da tabela.

  Se uma tabela estiver inserida em outro recipiente, como uma etiqueta ou uma tabela com uma largura fixa, a tabela é dimensionada, não na janela do navegador, mas no contêiner.

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

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

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

• Alinhar: Controla o alinhamento da tabela na página da 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.

• Borda: Controla o tamanho da borda ao redor da tabela.Quanto maior o número, mais grossa é a borda. Se você quer que a borda seja invisível, defina-a para 0.

• Classe: Fornece acesso fácil às 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 visualizá-los) fornecem essas opções de formatação:

  • Limites de linha de resgate > e Limpar colunas de largura permitem remover todos os valores de altura e largura ao mesmo tempo. Converter largura da tabela em pixels

  • e Converter largura da tabela em porcentagem permitem que você altere automaticamente as configurações de largura de porcentagens para pixels. Os pixels especificam uma largura fixa; uma configuração percentual significa que o navegador ajusta automaticamente a porcentagem especificada 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 de tabela. Para fazer isso, selecione o elemento e, em seguida, use as opções no CSS ou Inspetor de propriedades HTML para fazer as alterações desejadas, exatamente como você faria se o elemento não estivesse em uma célula de tabela.