[Resolvido] Criando estilos HTML

[Jackson Dias 68]

CRIANDO ESTILOS HTML

 

E aí guerreiros iMasters. Aqui vai mais um pôster, vou mostrar a criação de estilos HTML, é possível criar de duas formas: é possível formatar o texto no documento e, em seguida, criar um estilo com base no texto selecionado, ou pode-se criar um estilo no painel Estilos HTML selecionando os atributos de formatação a serem aplicados.

 

 

Para criar um novo estilo HTML selecionando os atributos de formatação:

 

 

1. No Painel Estilos HTML, clique no ícone de Novo estilo. É possível escolher Texto > Estilos HTML > Novo estilo. (o painel Estilo HTML fica dentro do grupo de painel design)

 

 

2. . Novo etilo é no sinal de mais ( + ).

A caixa de dialogo Definir o estilo HTML é exibida.

( CTRL + F11)

 

 

 

 

 

 

1. Na caixa de texto Nome, digite um nome para o estilo.

2. Em aplicar a, siga um dos procedimentos abaixo para escolher como este estilo será aplicado:

 

Para definir um estilo de seleção, escolha Seleção.

Para definir um estilo de parágrafo, escolha Parágrafo.

 

 

Nota: Um estilo de parágrafo se aplica ao bloco inteiro de texto, no qual está localizado o ponto de inserção (o ponto que fica piscando na tela quando estiver digitando), independente do texto que está realmente selecionado.

 

3. Em Ao aplicar, escolher se o estilo HTML será aplicado além do estilo já existente do texto ou parágrafo selecionado, ou para limpar a formatação da seleção ou do parágrafo e aplicar ao novo estilo HTML.

4. Em Atributos da fonte, utilizar os menus pop-up para selecionar as opções de formatação a serem aplicadas.

5. Se estiver criando um estilo de parágrafo, em Atributos de parágrafo, no menu pop-up Formatar, escolha uma tag de parágrafo (por exemplo: parágrafo, Cabeçalho 1, Pré-formatado).

6. em Alinhamento, clique no botão de alinhamento esquerdo, central ou direito para definir o alinhamento de parágrafo desejado.

7. Clique em Ok.

 

O Estilo é adicionado à lista de Estilos HMTL

 

Para criar um estilo com base no texto selecionado (o texto já com os atributos desejados)

 

1. Selecione o texto com os atributos.

2. Clique em novo estilo no painel estilo HTML.

3. Digite o nome desejado e Ok.

 

 

 

Aplicando estilos

 

 

1. No canto inferior esquerdo do painel Estilos HTML, certifique-se de que a opção Aplicar esteja selecionada, para aplicar automaticamente o estilo selecionado.

2. Na janela do documento, seguir um dos procedimentos abaixo para selecionar o texto ao qual o estilo será aplicado:

 

Coloque o ponto de inserção em qualquer local em um parágrafo para aplicar um estilo de parágrafo.

Utilize o cursor para selecionar o texto ao qual um estilo de seleção será aplicado.

 

3. No painel Estilos HMTL, clique no estilo HTML a ser aplicado ao texto.

O texto é atualizado automaticamente na janela do documento.

 

Editando e removendo estilos HTML

 

 

Quando um estilo HTML é editado, o Dreamweaver não atualiza automaticamente o texto que tenha sido formatado previamente utilizando este estilo. Para atualizar o estilo para o texto formatado previamente, é necessário aplicar novamente o estilo manualmente.

 

Para editar um estilo HTML existente:

 

 

1. Certifique-se de que não haja texto selecionado na janela do documento.

2. No painel Estilos HTML, certifique-se de que a caixa de seleção Aplicação automática esteja desmarcada.

 

Se a opção Aplicação automática estiver ativada, o estilo HTML será aplicado quando este for escolhido no painel Estilos HTML.

3. No painel Estilos HTML, seguir um dos procedimentos abaixo:

 

 

Clique com o botão direito do mouse e, em seguida, escolha Editar no menu contextual.

Ou clique duas vezes no estilo.

 

A caixa de diálogo Definir o estilo HTML é exibida

 

4. Faça a alteração desejada e Ok.

 

Para remover um estilo HTML

 

Clique no Estilo HTML, clique no estilo desejado em seguida clique no ícone lixeira no canto direito inferior da tela, Ok.

 

 

 

 

Uffa, ta pronto, E aí ajudou?

Comentem.

 

 

Falou povão

 

 

Jackson Dias