Sites com páginas dinâmicas

Cansado daqueles sites compridos, quadrados, estáticos, sem vida?
Pois é, isso já é passado....a nova tendência da web 2.0 e 3.0 é utilizar sites dinâmicos que o usuário sinta prazer em navegar...onde ele possa deixar suas sugestões e críticas, mudar a cor do layout para aquela que mais lhe agrade, aumentar ou diminuir a fonte do texto, ver imagens trocando a cada página que for...enfim tudo que os softwares proporcionam as webdesign's criarem...basta ser criativo e se divertir.

Chega de alterar página por página....hoje temos nas nossas mãos servidores que fazer isso para nós, basta ter a tag certa no seu projeto html.

Vou dar uma pequena dica de como alterar um texto ou imagem atraves do Server Side Include - SSI, (alteração através de servidor) sem precisar refazer as milhoes de páginas que seu site possui....ao alterar essa tag todo o conteudo que tiver ligado a ela é alterado automaticamente em todas as páginas que aparecerem...

Ai vai um pequeno passo a passo...

1- Abra o Dreamweaver e desenhe uma página com estrutura simples (Trace uma tabela com uma linha e duas colunas. Na primeira coluna, insira uma outra tabela com uma linha e uma coluna, na coluna da direita coloque um texto, ou uma imagem - fica a seu critério - e salve a página como Xyz1.html

2- Exiba o código html, localize a parte referente a tabela interna, recorte-a e cole-a no seu editor html (Bloco de Notas) e salve esse trecho do código como Quadrado.txt e copie para seu servidor.

3- Volte ao Dreamweaver, ao código da página, e no lugar do trecho retirado, coloque essas três linhas:

< !--------Quadro--------------- >
< !--#include virtual="Quadro.txt"-- >
< !--------/Quadro-------------- >

A primeira e a última linhas servem apenas para colocar comentários pra ajudar a localizar o conteúdo, a do meio é a chamada para o servidor.
Atenção: entre o sinal de exclamação e o item #include coloque exatamente dois hifens. Em lugar de escrever apenas "quadro.txt", indique o diretório onde se encontra o arquivo.

4- Salve o arquivo Xyz1.html. Salve-o outra vez, agora como Xyz1.shtml. O "s" indica uma página ligada ao servidor. Copie a página SHTML para o servidor. Abra-a pela Web e veja: ela aparece completa, exatamente como foi concebida no original. Verifique o código HTML. Perceba que a tabela também está lá, isso ocorre porque o servidor substitui a tag de inclusão pelo texto do arquivo indicado, antes de enviar a página ao browser.

5- Volte ao editor de HTML. Escreva um pequeno texto qualquer, salve-o como Quadro.txt e copie-o para o servidor. Esse arquivo substituirá o outro com o mesmo nome, que já estava lá. Abra de novo a página SHTML: em lugar da tabela, aparece o novo texto.
Pronto: Server Side Include é isso. Detalhe: além de SHTML, as páginas SSI também podem ter extensão SHL, STM e SHTM