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

Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver suporta a criação de estilos de classe para permitir um controle mais preciso sobre sua página formatação. Você pode criar seletores de classe, que são chamados de estilos para corpo, texto, manchetes, subtítulos e outros elementos. Ao contrário dos seletores de tags, você pode escolher praticamente qualquer nome para uma classe e aplicar seu estilo seletivamente aos itens se e quando quiser.

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

1Abra nova caixa de diálogo Regra CSS.

Localize o painel CSS, desligado para a direita e clique no botão Nova regra CSS na parte inferior ou escolha Formatar → Estilos CSS → Novo.

2 Escolher a classe (pode se candidatar a qualquer elemento HTML).

Esta opção é encontrada na lista suspensa Tipo de seletor.

3 Nomeie sua nova classe.

Na caixa de texto Nome do seletor, digite um nome para sua nova classe. Você pode inserir qualquer nome desejado, mas certifique-se de que não possui espaços e é descritivo de como você o usará. Reallycoolstyle é um nome ruim; headlinestyle é um nome melhor. O Dreamweaver insere o período na frente do nome do estilo porque é uma convenção de nomenclatura necessária.

4 Escolher (Novo arquivo de folha de estilos).

Esta é uma opção na lista suspensa Definição de regras na parte inferior. Clique OK.

5 A caixa de diálogo Salvar arquivo de folha de estilo como aparece.

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

6Introduza um nome para a folha de estilo.

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

7Saver seu estilo.

Deixe o URL como está e a lista suspensa relativa a definida no Documento. Clique em Salvar.

Você criou um novo. arquivo css ou uma folha de estilo externa. A caixa de diálogo Definição de regras do CSS aparece onde você pode aprimorar sua nova folha de estilo.