Vídeo: 14 Dreamweaver - Formatação de tabela 2024
Além de usar o inspetor de propriedades no Adobe Dreamweaver CS6, você pode formatar tabelas inteiras ou células de tabela individuais (e conteúdo) usando CSS (folhas de estilo em cascata). Na maioria dos casos, esta é considerada uma prática melhor, pois mantém uma separação entre marcação, conteúdo e o estilo real utilizado para torná-lo esteticamente agradável.
Você pode usar CSS para formatar uma tabela da seguinte maneira:
-
Crie uma regra de Classe CSS no inspetor de propriedades ou no painel Estilos CSS.
-
Na categoria Tipo, selecione um tamanho e uma cor para o texto da sua tabela.
-
Na categoria Fundo na caixa de diálogo Definição de regras CSS, atribua uma cor de plano de fundo à sua tabela, usando a propriedade Cor de plano de fundo e clique em OK.
-
Selecione a tabela para a qual você deseja aplicar o novo estilo de Classe.
-
Atribua a classe usando a lista suspensa Classe no Inspetor de propriedades.
Sua tabela inteira assume a nova formatação.
Semelhante à forma como você pode usar o inspetor de propriedades para colorir e alinhar células individuais, você pode criar e aplicar regras CSS para as células da tabela. Na maioria dos casos, isso é considerado uma prática melhor do que confiar em atributos HTML. Para fazer isso, siga estes passos:
-
Crie uma regra de Classe CSS do inspetor de propriedades ou do painel CSS Styles.
-
Na categoria Fundo, selecione uma cor de Fundo.
-
Na categoria Bloquear, selecione Médio na lista suspensa Vertical-Alinhar, selecione Centro na lista suspensa Texto-Alinhamento e clique em OK.
-
Selecione a célula da tabela à qual você deseja aplicar a nova classe.
-
No inspetor de propriedades, localize a lista suspensa Class e selecione sua nova classe.
Suas opções de formatação são aplicadas na célula da tabela.
