Como aplicar a tabela formatação com css no adobe dreamweaver cs6

Além de usar o Inspetor de propriedades no Adobe Dreamweaver CS6, você pode formatar tabelas inteiras ou células individuais da tabela (e conteúdos) usando CSS (Cascading Style Sheets). Na maioria dos casos, isso é considerado uma melhor prática, uma vez que mantém uma separação entre marcação, conteúdo e o estilo real usado para torná-lo esteticamente agradável.

Você pode usar CSS para formatar uma tabela da seguinte forma:

Crie uma regra de classe CSS a partir de qualquer Inspetor de propriedades ou o painel Estilos CSS.

  • Sob a categoria Tipo, selecione um tamanho e cor para o texto de sua mesa.

    Video: Criando um Site com Tabelas + Menu editado (Básico) - Dreamweaver

  • Sob a categoria de fundo na caixa de diálogo Definição de regra CSS, atribuir uma cor de fundo para a sua mesa usando a propriedade cor de fundo e clique em OK.

    Video: Tutorial Dreamweaver - aula 15 - Introdução CSS

  • Selecione a tabela que deseja aplicar o novo estilo de classe para.

  • Atribuir a classe usando a lista drop-down classe no Inspetor de propriedades.

    Toda a sua mesa assume a nova formatação.



  • Semelhante à maneira como você pode usar o Inspetor de propriedades para colorir e alinhar as células individuais, você pode criar e aplicar regras CSS às células da tabela. Na maioria dos casos, esta é considerada uma prática melhor do que depender de atributos HTML. Para fazer isso, basta seguir estes passos:

    Video: Vídeo Aula Adobe DreamWeaver CS6. Dicas: Formatação de texto para Web

    1. Crie uma regra de classe CSS a partir de qualquer Inspetor de propriedades ou o painel Estilos CSS.

    2. Sob a categoria de fundo, selecione uma cor de fundo.

      Video: Dreamweaver CS 5 - 2 - Tabelas, Divs, CSS Rule

    3. Sob a categoria de bloco, selecione Oriente a partir da lista drop-down vertical-align, Centro de selecionar a partir da lista drop-down text-align e clique em OK.

    4. Seleccione a célula de tabela que você gostaria de aplicar a nova classe para.

    5. Desde o inspetor de propriedades, localize a lista drop-down da classe e selecione sua nova classe.

      Suas opções de formatação são aplicadas à célula da tabela.


    Publicações relacionadas