Fazendo um Estilo de CSS no Dreamweaver

Para começar, você precisa ter o Dreamweaver da Macromedia no seu PC. A minha versão é a 8, mas não é que nas outras é muito diferente.

Bom, para começar, abra no Dreamweaver o arquivo do seu blog/site para o qual você quer criar um estilo de CSS.

Clique em Window » CSS Styles (Janela » Estilos de CSS) ou aperte Shift+F11. Na lateral esquerda ou direita do Dreamweaver vai abrir uma janelinha :D! Se ela não abrir automaticamente, olhe nas laterais, procure por uma barra como a da imagem abaixo e clique na seta para baixo.


Agora clique na folhinha com um + que vai aparecer uma nova janela. Clique na bolinha na frente de Tag, e em "name" (nome) coloque a tag que você vai querer editar (body, div, td, table, u, b, i, h1, etc..). Em "Define in" (definir em), clique na bolinha de "(New Style Sheet File)" (novo arquivo de folha de estilo) e clique em OK.



Na janela que vai aparecer, selecione onde você quer que o programa salve a sua folha de estilo ( na pasta do seu blog, por exemplo).Depois disso, uma nova janela vai aparecer. Nela, você podera definir os atributos dessa tag que você escolheu.
Font/Fonte: a fonte que você quer usar
Size/Tamanho:tamanho da fonte
Style/Estilo: estilo da fonte
Weight/Peso(?): fonte em negrito ou não
Variant/Variante: a letra do jeito que você escreveu ou em CAPS LOCK
Color/Cor: a cor da fonte
Decoration/Decoração: decoração da fonte

Você pode usar o menu do lado esquerdo da janela para navegar pelas opções que você pode mudar, entre elas, border/borda e background/fundo. Quando você tiver terminado clique em OK. Para editar os atributos de outra tag (ou criar uma class), é só repetir o procedimento de clicar no ícone de +.


Se esse tutorial te ajudar, não esqueça de linkar (:
Tutorial por Vevis - Winter-Dream.com . Não copie sem autorização Dúvidas?