Como mudar a aparência de uma tabela no dreamweaver
Video: Tutorial- Como criar e editar tabelas no dreamweaver
Conteúdo
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 às seguintes opções para personalizar sua mesa&rsquo-S aparência:
Video: Dreamweaver - Site em Tabela
Mesa: Fornece uma área de texto onde você pode digitar um nome para uma mesa. Este nome, ou ID, é útil para a segmentação da mesa em scripts.
Video: Montando um template com tabelas e imagens no Dreamweaver
linhas: Exibe o número de linhas na tabela. Você pode 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 em sua tabela, o Dreamweaver exclui as linhas de fundo - o 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ê 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): 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. Valores expressos como uma percentagem de aumento ou diminuição da mesa&rsquo-s de tamanho em relação ao tamanho do utilizador&rsquo-s janela de navegador ou qualquer recipiente envolvente, tal como uma outra tabela ou uma etiqueta.
dimensões de mesa expressas como percentagem 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 do usuário&rsquo-s área de exibição, definir o tamanho como uma percentagem. 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 um marcador ou uma tabela 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 uma melhor prática, a maioria dos designers don&rsquo-t especificar a altura da tabela porque a tabela&conteúdos rsquo-s pode mudar de um visitante para outra. Por exemplo, o tamanho da fonte do texto depende de um usuário&rsquo-s sistema e configurações.
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 for o número, mais espessa é a 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 Property (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- um ajuste 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 então usar as opções do CSS ou Inspetor de propriedades HTML para fazer as alterações desejadas, tal como faria se o elemento weren&rsquo-t em uma célula da tabela.