Na WEB desde 11/04/97

mais um site associado à:

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

Uma das grandes "sacadas" da linguagem HTML, que tornou a WEB tão popular foi, sem sombra de dúvida, a possibilidade de se inserir uma imagem de fundo nas páginas, de sorte a parecer como um "papel de parede". Isso possibilita que as páginas fiquem muito mais bonitas, e elegantes, do que apenas o uso de um fundo branco, cinza, ou mesmo de qualquer outra cor. Nesta página, por exemplo, sob este texto você pode notar uma imagem imitando o mármore, que permite melhorar o visual da mesma, tornando-a mais leve e interessante, e portanto ajudando a atrair - e manter - seus visitantes.

Inserindo Imagens de Fundo

Para inserir uma imagem como fundo de uma página, faça assim:

1. Selecione o menu File * Page Properties;
2. Na janela que se abre clique na aba Background;
3. Clique na opção Background Image;
4. No campo logo abaixo digite o nome da imagem desejada, ou
   1. Clique no botão Browse e navegue até encontrar o arquivo da imagem desejada;
5. Clique no botão [OK];

Inserindo Imagem de Fundo "Congelada"

Quando seu visitante utiliza um browser de 4ª geração ele poderá ser capaz de apreciar um espetáculo um pouco diferente de uma imagem simples de fundo. Ele poderá observar sua imagem ficar "congelada" na tela, enquanto ele usa a barra de rolagem vertical, para navegar dentro de sua página. Isto se chama "efeito watermark" e faz com que apenas o texto se desloque na tela do browser. Para inserir uma imagem, com a característica de "efeito watermark", faça assim:

1. Selecione o menu File * Page Properties;
2. Na janela que se abre clique na aba Background;
3. Clique na opção Watermark;
4. No campo logo abaixo digite o nome da imagem desejada, ou
   1. Clique no botão Browse e navegue até encontrar o arquivo da imagem desejada;
5. Clique no botão [OK];

Inserindo e Formatando Listas

O Frontpage Editor permite facilidades extremas na preparação e montagem de diversos tipos de listas, sejam elas numeradas, ou com marcadores. Permite recuar mais ou menos (chama-se esse efeito de indentação) essas mesmas lista (na verdade pode-se fazer isso mesmo com texto comum), e formatar as diversas opções de marcadores e de numeração de listas.

Criando uma Lista Numerada

O jeito mais simples de se criar uma lista numerada é pressionando o botão "Numbered List", que se encontra na Barra de Ferramentas. O FP Editor coloca o número 1, um pouco indentado na página, e fica esperando sua digitação. Cada elemento da lista será definido quando você pressionar a tecla [ENTER]. Para encerrar uma lista numerada basta pressionar uma segunda vez a tecla [ENTER], ao final do último elemento.

O exemplo abaixo mostra uma lista simples, com apenas 3 elementos, usando o numerador padrão:

1. Item 1
2. Item 2
3. Item 3

Criando uma Lista Com Marcadores

O jeito mais simples de se criar uma lista com marcadores é pressionando o botão "Bulleted List", que se encontra na Barra de Ferramentas. O FP Editor coloca o marcador "bolinha cheia", um pouco indentado na página, e fica esperando sua digitação. Cada elemento da lista será definido quando você pressionar a tecla [ENTER]. Para encerrar uma lista com marcadores basta pressionar uma segunda vez a tecla [ENTER], ao final do último elemento.

O exemplo abaixo mostra uma lista simples, com apenas 3 elementos, usando o marcador padrão:

• Item 1
• Item 2
• Item 3

Formatando uma Lista Numerada

Para se formatar uma lista numerada deve-se primeiro digitar a lista toda (minha sugestão!) e à seguir utilizar 2 etapas básicas:

1. Indentar - adequadamente - cada grupo de itens
   para fazer isso dê 2 cliques (para cada nível de indentação) no botão "Increase Indent" da barra de ferramentas;
   se for necessário diminuir o nível de indentação dê 2 cliques (para cada nível de indentação) no botão "Decrease Indent" da barra de ferramentas;
2. Formatar a lista do jeito desejado; para isso faça assim:
   1. Selecione o menu Format * Bullets and Numbering;
   2. Clique na aba Numbered;
   3. Selecione a opção de formatação desejada;
   4. Se desejado selecione um valor inicial para o grupo de itens que está formatando - campo "Start At";
   5. Clique no botão [OK];

O exemplo abaixo mostra uma lista, com 3 elementos, sendo que o item 2 possui numeração diferenciada:

1. Item 1
2. Item 2
   1. Sub-item 2a
   2. Sub-item 2b
3. Item 3

Formatando uma Lista Com Marcadores

Para se formatar uma lista com marcadores deve-se primeiro digitar a lista toda (minha sugestão!) e à seguir utilizar 2 etapas básicas:

1. Indentar - adequadamente - cada grupo de itens
   para fazer isso dê 2 cliques (para cada nível de indentação) no botão "Increase Indent" da barra de ferramentas;
   se for necessário diminuir o nível de indentação dê 2 cliques (para cada nível de indentação) no botão "Decrease Indent" da barra de ferramentas;
2. Formatar a lista do jeito desejado; para isso faça assim:
   1. Selecione o menu Format * Bullets and Numbering;
   2. Clique na aba Bulleted;
   3. Selecione a opção de formatação desejada;
   4. Clique no botão [OK];

O exemplo abaixo mostra uma lista, com 3 elementos, sendo que o item 2 possui um marcador diferenciado:

• Item 1
• Item 2
  • Sub-item 2a
  • Sub-item 2b
• Item 3

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