Criação de estilo de classe em adobe cs5 dreamweaver

Video: Adobe Dreamweaver CS5:Top 3 Features in Dreamweaver CS5

Conteúdo

Video: adobe dreamweaver cs5:top 3 features in dreamweaver cs5
1caixa de diálogo abrir nova regra css
Video: dreamweaver cs5 creating a class using edit rules
2escolha class (pode aplicar a qualquer elemento html)
3nomeie sua nova classe
4escolha (novo arquivo de estilo)
5a folha salvar arquivo de estilo como caixa de diálogo aparece
6digite um nome para a folha de estilo
Video: adobe dreamweaver cs5: estilos css
7salve o seu estilo

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 seletores de tag, você pode escolher apenas sobre qualquer nome para uma classe e aplicar 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 ao mesmo tempo.

1caixa 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 escolha Formatar → CSS Styles → Novo.

Video: Dreamweaver CS5 Creating a class using Edit Rules

2Escolha Class (pode aplicar a qualquer elemento HTML)

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

3Nomeie sua nova classe

Na caixa de texto Selector Nome, digite um nome para a nova classe. Você pode inserir qualquer nome que quiser, mas certifique-se 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 nomenclatura necessário.

4Escolha (Novo arquivo de estilo)

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

5A Folha 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).

6Digite 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.)

Video: Adobe Dreamweaver CS5: Estilos CSS

7Salve o seu estilo

Deixe o URL como é eo Relativa lista Para suspensa 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.