Criando Páginas na WWW

Introdução

As páginas da WWW são arquivos armazenados em computadores que, estando em qualquer lugar do mundo, se conectam à Internet. Embora sua aparência seja complexa, cheia de gráficos e cores (e até sons e video), no fundo elas são apenas texto.  Este texto no entanto não é um texto normal, como o que você editaria no Bloco de Notas do Windows, por exemplo, ou mesmo no Word. As páginas da WWW são escritas em uma linguagem especial, chamada HTML, que contém todas as informações necessárias para que o seu navegador, seja ele o Internet Explorer, Netscape, Opera ou outro qualquer, exiba o seu conteúdo corretamente. HTML não é uma linguagem de programação (ufa!), e nem tampouco você precisa conhecê-la para criar páginas da WWW. Há vários programas que permitem que você edite e "desenhe" suas páginas, coloque figuras nela, etc., enquanto ele vai "por trás das cortinas", criando os códigos HTML para que a página funcione na Internet. Neste pequeno tutorial vamos usar o Word 97 (isto mesmo!) para criar nossas páginas e uní-las em um pequeno site.

Começando pela Home Page

Construíremos um site sobre proteínas. A idéia é ter uma página inicial, com apresentação, um pequeno índice (links) para as outras páginas do site e um endereço de email para que as pessoas entrem em contato com o(a) desenvolvedor(a) da página. Se quiser ter uma idéia de como o site deve ficar, clique aqui.

A primeira coisa a fazer é criar uma pasta no computador para armazenar todos os arquivos relativos ao site. Quando se trabalha com páginas da WWW, o texto e as figuras não ficam todos reunidos em um arquivo tipo os .doc do Word. Pelo contrário, dentro das páginas existe uma referência às figuras que indica ao navegador onde encontrá-las. Por este motivo, um site pode conter centenas (ou até milhares) de arquivos. Na prática, desenvolvedores experientes não trabalham com tudo na mesma pasta, mas para os nossos propósitos vamos seguir esta regra, OK? Vejamos então os passos a seguir:

Entre no Windows Explorer e crie uma pasta chamada proteinasXX dentro de Meus Documentos (XX, neste caso, representa o seu número de chamada - por exemplo, se seu número é 45, a pasta se chamará proteinas45).

Abra o Word, e quando o documento "vazio" aparecer, salve-o antes de mais nada na pasta proteinasXX no formato HTML (SOCORRO!). Calma, vamos explicar como isto é feito.

Vá ao menu Arquivo e escolha a opção Salvar como... conforme mostra a figura ao lado (não use a opção Salvar, senão o Word vai gravar o nosso arquivo como .doc, o que não queremos...)

O próximo passo é super-importante. Na hora de salvar, escolha Documento HTML como tipo, e dê ao arquivo o nome de default.htm. Este é o nome padrão da página inicial (ou seja, a home page) de qualquer site. Clique depois em Salvar.

Agora que temos uma página em branco, vamos colocar algum texto nela. Digite as seguintes linhas, e depois formate-as do jeito que achar melhor (se quiser uma sugestão, clique aqui) :

A Faculdade de Medicina da USS
apresenta
Introdução: O que são Proteínas?
Classificação das Proteínas
Enzimas
Curiosidades: A reação de Maillard
Para saber mais
Comentários e Sugestões? Fale comigo.
Este site foi desenvolvido por <coloque seu nome aqui>
Última Atualização : Maio, 2002

Colocando figuras em uma página da WWW

Na realidade este processo é muito simples. Primeiro vamos obter a figura, e copiá-la para a nossa pasta do site; lembre-se de que isto é muito importante. Não basta escolher uma figura e inserí-la na página. Ela tem que estar na pasta do site para que o navegador possa achá-la!

Você pode obter a figura que deseja de qualquer modo: em outra pasta no mesmo computador, em um CD de figuras, ou até mesmo em outro site da WWW. O que você não deve fazer é copiar a figura e colar no Word. Isto dá certo quando estamos trabalhando com documentos normais do Word (tipo .doc), mas com páginas da WWW o melhor é copiar para a pasta do site e depois inserir a figura na página. Clique aqui para obter a figura da home page do nosso site. Quando ela aparecer, leia a DICA abaixo para saber como salvá-la. Ao ser pedido o local para salvá-la, coloque-a na pasta do site. Use o nome abertura.jpg.

DICA: Se você estiver visitando um site e gostar de uma figura, clique sobre ela com o botão direito do mouse (veja a figura ao lado), escolha Salvar figura como... e salve-a na pasta onde está construindo seu site. Mas cuidado, pois nem todo mundo gosta de ter suas figuras copiadas, e pode haver direitos autorais envolvidos...

 

 

 

 

 

Bom, agora que já temos uma figura, vamos inserí-la em nossa página. Primeiro, vamos colocar o cursor onde queremos que ela fique: depois da palavra apresenta, e antes de Introdução. Depois, vamos ao menu Inserir do Word, e depois escolhemos Figura e então Do Arquivo... Na janela que vai aparecer, escolhemos a figura que queremos (no caso, abertura.jpg) . 

IMPORTANTE: Para que a inserção da figura funcione corretamente, as opções que vemos à esquerda devem estar configuradas como na figura. Certifique-se de que elas estão corretamente marcadas e depois clique em Inserir.

 

 

Pronto, agora é só centralizar a figura. Salve a página, clicando no botão com um disquete na barra de ferramentas.

Na próxima lição, veremos como se coloca um hyperlink em uma página. Um hyperlink (ou apenas link) é uma expressão ou figura que nos leva a outra página da WWW quando clicamos nele.

Proxima Lição