_________SITE DINOBRASILIS: http://dinobrasilis.pro.br

Princípios de como montar um "website"
Última atualização: 08/09/2006


Há diversas ferramentas para o desenvolvimento de websites, algumas bem específicas com recursos gráficos avançados como FLASH, FRONTPAGE, DREAMWEAVER (que utilizo neste momento); editores de código como HOMESITE e ARACHNOPHILIA; outros nada específicos mas que podem "resolver" em um primeiro momento como o próprio WORD (editor de textos), POWERPOINT e IMPRESS (ambos geradores de apresentações).

Mesmo no WORD é possível estruturar sites simples e funcionais.
Em resumo, escreve-se cada parte do site em um documento como um arquivo .HTML em separado.
Para isso basta salvar o arquivo como "Página da Web" ou salvar como .HTML (depende da versão do WORD instalada em seu computador). Os dois caminhos geram arquivos .HTML a partir de um documento inicial.
No exemplo a seguir, começamos escrevendo um texto introdutório que será a página inicial de um pequeno site sobre música:

O próximo passo é criar as outras partes constituintes do "site", isto é, um arquivo para "jazz" e outro para "rock".
Iniciamos pelo "jazz". Para isso criamos um novo documento no WORD relativo a "jazz" e gravamos o arquivo como .HTML, da mesma forma como fizemos anteriormente.

Repetimos o mesmo procedimento para o arquivo "rock":

Agora, note que os arquivos INDEX.HTML, ROCK.HTML e JAZZ.HTML podem ser agora visualizados no ambiente do navegador Internet Explorer.
No caso do INDEX.HTML:

O problema é que as linhas "Clique aqui" estão mentindo...nada acontece se você clicar nelas, os arquivos não estão associados/linkados a outros arquivos.
Falta vincular os arquivos por meio de links.
Para isso, precisamos reeditar o arquivo no WORD inserindo apropriadamente esses links.
Após reabrir o arquivo INDEX.HTML no WORD, selecione a palavra "jazz" e vá para INSERIR/HYPERLINKS e selecione o arquivo (JAZZ.HTML) associado ao link "para jazz".

Repetindo o processo para "rock", teremos o arquivo INDEX.HTML corretamente associado aos arquivos JAZZ.HTML e ROCK.HTML.
Esses 3 arquivos vinculados por meio de "hipertextos" formam um pequeno "site":

Clicando em "para jazz" no navegador, será aberto:

Do mesmo modo que "ligamos" os arquivos ROCK.HTM e JAZZ.HTM ao INDEX.HTM, poderíamos ter vinculado qualquer site da Internet. Por exemplo, poderíamos ter outro link que remetesse o internauta diretamente a um outro site pré-existente como o da banda Titãs, por exemplo (algo como: http://www.titas.com.br).

Você entendeu que a idéia de criar documentos .HTML separadamente e vinculá-los por meio de hyperlinks é a base para a criação de sites na Internet? Que a edição dos arquivos .HTM tem tudo a ver com a atualização do conteúdo de uma página?
Note que esse "site" está off-line, precisamos aprender a enviá-lo efetivamente para a Internet - um próximo passo da nossa discussão.