Usando o Front Page Express - Parte 6

 

Amigos,
Procedendo aos últimos fundamentos de nossa HP básica, dentro do estilo wysiwyg do FPE, vamos ao seguinte:

Nono passo:
Com o FPE aberto, um novo arquivo deverá ser criado, pelo método que já conhecemos - vamos dar a ele o nome de "acabamento.htm" para que possamos achá-lo mais facilmente quando quisermos conferir o que aprendemos nesta etapa.

Procedimentos para "compreender" o código htm de um documento:
a) com o documento "acabamento.htm" aberto e salvo, clique em Exibir/HTML. Surgirá uma tela com o seguinte código:

<html>

<head>

<meta http-equiv="Content-Type"

content="text/html; charset=iso-8859-1">

<meta name"GENERATOR" content="Microsoft Front Page Express 2.0">

<title>Página normal sem título</title>

<head/>

<body bgcolor="#FFFFFF">

</body>

</html>

Não iremos discutir a linguagem htm, apenas alguns de seus aspectos de nosso interesse, dentro de um programa como FPE. É óbvio que a tag <title> está relacionada com o título do documento; portanto, onde se lê "página normal sem título", sinta-se à vontade para editar diretamente o código, substituindo aquele texto por algo assim como "experimento", por exemplo.
b) as tags <body> </body> que se referem
ao corpo do documento, onde será colocado quase tudo o que for apresentado em sua página (imagens, textos, etc.) contém vários elementos, todos eles também editáveis diretamente no código, se for de seu interesse. Alguns desses elementos são:
- cor de fundo (body bgcolor="#FFFFFF") onde, editando, pode-se colocar qualquer código de cor (#ffffff - no exemplo) que se queira. Se você quiser um fundo preto, digite #000000, por exemplo;
c) se o documento tiver uma imagem de fundo, será apresentada como BACKGROUND (body background="imagemfundo.gif"), e também poderá ser editada no código, colocando-se aí o nome do arquivo de fundo, que já deverá estar na mesma pasta do documento htm. Este procedimento, no entanto, é totalmente desnecessário em se tratando de um programa wysiwyg como o FPE, como já dissemos.

Resumindo a visita ao código:


Um dos pontos de nosso maior interesse, nesta etapa, é justamente a possibilidade de formatarmos a cor de fundo de nosso documento, ou a cor do texto, com algum código de cor que não esteja disponível por padrão dentro do programa.

Décimo passo:
Completando o item LINKS.
- com sua página aberta, digite um texto, ou insira uma imagem pelos métodos que já conhece, selecionando para ser usado como link para uma outra página. Supondo-se que você ainda não tenha criado essa nova página, faça isso agora, junto com a criação do link que levará a ela;
a) com o texto ou imagem selecionados, clique em Inserir/Hyperlink;
b) na tela que se abrir clique em "Nova página";
c) em "Título da página" defina qual o nome da página que será apresentado na parte de cima do seu browser. Exemplo: "casa.htm";
d) em "URL da página" defina um caminho para que sua página seja encontrada, ou seja, coloque preferencialmente o mesmo título anterior: "casa.htm";
e) na janela "Nova página" que surgir, escolha "Pagina normal" na lista apresentada, para criar uma página da Web em branco;
f) clique em OK e você terá, assim, aberta para edição, uma nova página já devidamente linkada desde o documento anterior, que você salvará depois de editada, dentro da mesma pasta onde se encontram os outros arquivos e documentos que compõem sua HP.

Cremos ter ultimado, dessa forma, o HP Básico, conforme desejávamos em nosso projeto.

nota1: uma bela página não tem de, necessariamente, conter muitas animações e enfeites de todo tipo. Quanto mais "enfeitada" uma página, mais desagradável será, prejudicando a permanência de seu visitante. Seja discreto, busque manter o interesse do visitante com um bom conteúdo, e alinhave tudo com bom gosto e atualizações periódicas. Você obterá sucesso, com certeza;

nota2: seja criativo. Cuidado com os direitos autorais de terceiros. Procure aprender com o que outros já fizeram, mas, evite colocar em sua página coisas que podem ser encontradas em todo lugar: as mesmas gifs, os mesmos fundos, os mesmos scripts. E, acima de tudo, não entulhe sua página com efeitos especiais... é difícil de aturar isso por muito tempo (ou por tempo algum). Enxugue sua página: ela deve baixar o mais rapidamente possível, portanto, use sempre imagens leves.

Aproveite tudo o que aprendeu, construa sua primeira página pessoal e...

Boa Sorte!

              Guacira

 

Tutorial elaborado por Guacira Sampaio Rocha

Direitos reservados

 

Mapa Site

Introdução

Parte1

Parte 2

Parte 3

Parte 4

Parte 5

 

design by Angela Maria Pereira Glavam 

  Copyright © 2002 by Angela Maria P. Glavam  ® 

Todos os direitos reservados