Na WEB desde 11/04/97

mais um site associado à:

Atualizada em: 07/07/03
© 1997-2008 by Francisco Panizo Beceiro

Usando Estilos:

Muitas das formatações de que necessitamos usar em nosso dia-a-dia de criação e manutenção de páginas da Web, podem ser feitas simplesmente usando a ferramenta "Change Style", que se encontra na Barra de Formatação do FrontPage Editor.

Tudo que é definido à nivel de parágrafo poderá ser formatado com essa ferramenta. Entre os estilos que poderão ser utilizados, destacam-se os seguintes:

• Bulleted List (Lista com Marcadores);
• Numbered List (Lista Numerada);
• Headings (Cabeçalhos);
• Address (Endereçamento);
• Menu List (Lista de Menu);

Lembrar que - em geral - deve-se primeiro selecionar todo o texto que se quer modificar o estilo, para em seguida selecionar o estilo desejado na ferramenta "Change Style" da barra de Formatação.

À seguir detalharemos estes estilos, e mostraremos como aparecem os estilos mais utilizados numa página HTML:

Bulleted List (Lista com Marcadores):

A lista com marcadores é útil quando uma lista de itens, não necessariamente ordenados, deve ser apresentada de forma a manter um conjunto mais compacto de linhas e indicar a hieraquia desse bloco de texto com relação ao parágrafo anterior.

Abaixo um exemplo prático de BULLET LIST:

• Lista tipo Bullet - linha 1
• Lista tipo Bullet - linha 2
• Lista tipo Bullet - linha 3
• Lista tipo Bullet - linha 4
• Lista tipo Bullet - linha 5
• Lista tipo Bullet - linha 6

Numbered List (Lista Numerada):

A lista numerada é útil quando uma lista de itens, necessariamente ordenados, deve ser apresentada de forma a manter um conjunto mais compacto de linhas e indicar a hieraquia desse bloco de texto com relação ao parágrafo anterior. Além disso a lista sai automaticamente, e sequencialmente, numerada.

Abaixo um exemplo prático de NUMBERED LIST:

1. Lista tipo Numbered - linha 1
2. Lista tipo Numbered - linha 2
3. Lista tipo Numbered - linha 3
4. Lista tipo Numbered - linha 4
5. Lista tipo Numbered - linha 5
6. Lista tipo Numbered - linha 6

Definition List (Lista tipo definição):

A lista tipo definição é útil quando uma lista de itens, com termo e definição do termo, deve ser apresentada de forma a manter um conjunto mais compacto de linhas. O termo é apresentado alinhado à esquerda, enquanto a definição do termo é apresentado indentado mais para a direita.

Abaixo um exemplo prático de DEFINITION LIST:

Definition 1

Texto da definição 1

Definition 2

Texto da definição 2

Definition 3

Texto da definição 3

Inserindo e Formatando Linhas Horizontais:

As linhas horizontais servem para separar porções da página HTML, de tal sorte a que fique claramente indicado os "blocos de informação" que existem dentro dessa única página. As linhas horizontais são reconhecidas por todos os browsers, porém o Netscape e o Internet Explorer não apresentam todas as opções que o FrontPage Editor permite configurar.

Inserindo Linhas Horizontais:

Inserir uma linha horizontal é algo simples, que pode ser obtido tanto com o uso do teclado (através de teclas de atalho), quanto com o uso do mouse (através do menu):

• Usando o Teclado (TECLAS DE ATALHO)
  • pressione as teclas [ALT][I]+[L] com o cursor já posicionado no local desejado;
• Usando o Mouse (MENU)
  • selecione INSERT * HORIZONTAL LINE com o cursor já posicionado no local desejado;

Formatando Linhas Horizontais:

Formatar as linhas horizontais permite que você posicione a linha do jeito desejado, e com o tamanho, espessura e cor requerido. O FrontPage permite que se definam todos esses detalhes numa única janela, que deve ser alcançada através do uso do botão direito do mouse (para o efeito ser viável deve-se primeiro posicionar o cursor do mouse sobre a linha horizontal que se deseja formatar.

A janela de Propriedades da Linha Horizontal coloca todos os controles necessários para formatá-la numa única janela. A largura da linha tanto pode ser definida em % da janela, ou em pixels (default = 100%); A altura da linha deve ser definida em pixels (default = 2 pixels); O alinhamento pode ser à esquerda (Left), centralizada (Center) ou à direita (Right) (default = center); A cor pode ser definida numa das 16 cores básicas, ou então na Customizada (Custom) que permite 16,7 milhões de cores possíveis; A linha pode ser definida com sombra (Shading) ou sólida (Solid Line - No Shading) (default = Shading)

Figura 1: Janela de Propriedades da Linha Horizontal

Abaixo uma amostra das propriedades das linhas horizontais:

Lembrar que cada browser apresenta diferenças na apresentação de algumas propriedades
Assim deve-se testar as páginas pelo menos nos dois browsers mais utilizados.

[Índice] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]