Criação de classe de estilo no Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver suporta a criação de estilos de classe para permitir um controle mais preciso sobre a sua página de formatação. Você pode criar seletores de classe,

que são nomeados estilos para o corpo, texto, manchetes, subtítulos, e outros elementos. Ao contrário dos selectores de tag, você pode escolher apenas sobre qualquer nome para uma classe e aplicar o seu estilo seletivamente para itens se e quando quiser.

Você também pode fazer a sua nova regra disponível para mais de uma página em seu site, definindo uma nova folha de estilo externa. Este método salva as regras em um arquivo externo que pode ser conectado a várias páginas de cada vez.

1

caixa de diálogo Abrir Nova regra CSS.

Localize o painel CSS, para a direita, e clique no botão Nova regra CSS na parte inferior ou escolher estilos de New Format-CSS.

2

Escolha Class (pode ser aplicado a qualquer elemento HTML).

Esta opção é encontrada na lista drop-down Tipo de Selector.

3

Nomeie sua nova classe.

Na caixa de texto Selector Nome, digite um nome para a nova classe. Você pode inserir qualquer nome que você quiser, mas certifique-se de que não tem espaços e é descritivo de como você vai usá-lo. Reallycoolstyle é uma má headlinestyle nome- é um nome melhor. O Dreamweaver insere o período na frente do nome do estilo porque é uma convenção de nomeação necessário.

4

Escolha (Novo arquivo de estilo).

Esta é uma opção na lista drop-down Definição de regra na parte inferior. Clique em OK.

5

A Folha de Salvar Arquivo de Estilo como caixa de diálogo aparece.

Localize a pasta do site (ou se você não tiver definido um site, uma pasta onde você vai manter todas as informações relevantes, tais como arquivos de imagem e páginas para o seu site).

6

Digite um nome para a folha de estilo.

Digite um nome apropriado, como main.css ou basic.css se é o principal conjunto de estilos que você está criando para o seu site. (Dreamweaver irá adicionar a extensão .css obrigatória no final do nome do arquivo.)

7

Salve o seu estilo.

Deixar o URL como é eo Relativa lista drop-down definir ao documento. Clique em Salvar.

Você criou um novo arquivo CSS, ou uma folha de estilo externa. A caixa de diálogo Definição de regra CSS aparece onde você pode refinar ainda mais seu novo estilo.

menu