Como construir páginas HTML

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.htm". Ela é chamada relativa porque o ponto de partida para que o servidor ache o arquivo a ser mostrado (no exemplo, "produtos.htm") é 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.advant.com.br/seunome", a raiz corresponde ao nível onde estão as páginas da Advant. Assim, referências às suas páginas deverão ser como: "/seunome/pagina.htm". 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.htm", 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.htm" é 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 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.

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. Isto é muito simples na Advant, veja como fazê-lo.