» Construindo Páginas

Estes três conceitos são a base para a construção da maioria das páginas hospedadas na web (com exceção das páginas com formulários, que são abordadas em um outro tópico). 



• Páginas

Cada nova "tela" que você vê após clicar em um link é uma página.

Uma página é um arquivo cujo conteúdo é uma representação de como ela deve aparecer no browser. A linguagem usada para descrever a página é chamada HTML, e é interpretada pelo browser na hora de mostrar a página. Como mostraremos mais abaixo, você não precisa entender de programação ou HTML para construir páginas.

Um site é normalmente constituído de várias páginas (por exemplo, "Entre em contato", "Produtos e Serviços" etc.). A maneira como o visitante do site navega de uma página para outra é através de links. 



• Links

Links são palavras ou figuras que quando clicados levam a uma nova página.

Para definir o link, basta escolher qual o trecho de texto ou figura a se transformar em link, e qual a página, ou seja, simplesmente o nome do arquivo, que será mostrado em seguida. Existem três formas diferentes de definir este nome de arquivo:

• Relativa: a mais comum, e provavelmente a única que você usará. Na maioria das vezes contém simplesmente o nome do arquivo, por exemplo, "produtos.php". Ela é chamada relativa porque o ponto de partida para que o servidor ache o arquivo a ser mostrado (no exemplo, "produtos.php") é o mesmo local onde a página corrente está. Assim, se as duas páginas estão no mesmo diretório, só o nome do arquivo já é suficiente.

• Absoluta: é usada para fazer links com páginas de endereços diferentes. Por exemplo, você pode fazer um link de uma das suas páginas para o site da Disney colocando o endereço: "http://www.disney.com".

• Referente à raiz: Neste tipo de link o ponto de partida é a "raiz" do site. Dependendo de como seu site é endereçado, a raiz pode ou não ser útil. Se seu endereço for do tipo "www.schemer.com.br/seunome", a raiz corresponde ao nível onde estão as páginas da Schemer. Assim, referências às suas páginas deverão ser como: "/seunome/pagina.php". Não é aconselhável usá-las, porque se um dia seu site passar a ter nome de domínio próprio, a mesma página passará a ser chamada "/pagina.php", fazendo você ter que mexer em todos os links para que eles funcionem. 



• Imagens

Embora imagens façam parte das páginas, cada imagem fica em um arquivo separado. Estas são incluídas nas páginas usando o mesmo tipo de endereçamento que os links. Tipicamente são usadas referências relativas para imagens. Por exemplo, numa página chamada "produtos.php" é incluído o arquivo de imagem "carro.jpg" através da referência relativa:

" figuras/carro.jpg",

que o servidor interpreta da seguinte forma:

" procurar o arquivo ’carro.jpg’ que se situa no subdiretório ’figuras’ que está sob o diretório corrente. 



• Ferramentas para a composição de páginas 

Agora que você entendeu os conceitos de páginas, links e figuras, aqui estão alguns programas que ajudam a construí-los. Na maioria dos casos, se você sabe usar um editor de texto como Word, não será difícil construir um site. Basta planejar cada página, construí-la, dar um nome de arquivo a cada uma e estabelecer os links.

Vá em frente. Escolha um dos programas abaixo, faça um "download" e instale-o. Os programas mais conhecidos são:

• Microsoft FrontPage Express: extremamente simples, vem junto com o Internet Explorer 5.0 e é de graça. Se você já tem o IE4 instalado, procure o FrontPage Express no menu Iniciar, Internet Explorer.

• Netscape Composer: o editor de páginas que acompanha o Netscape Communicator.

• Allaire: o popular HomeSite 3.0, na versão mais recente, é uma ferramenta ao mesmo tempo fácil e poderosa.

• Macromedia Dreamweaver: disponível para avaliação grátis por 30 dias, também disponível para Macintosh, no site da Macromedia.

• Microsoft FrontPage 98/2000: pode ser comprado on-line no site da Microsoft ou em lojas.


Uma vez construídas as páginas, o próximo passo é atualizar seu site. Veja nesta mesma categoria o tutorial "Atualizando o Site".