por FABÍOLA BLAH
fabiolav@yahoo.com

Ele chegou para revolucionar - e facilitar - o trabalho dos webdesigners. Seus recursos permitem que as páginas sejam modificadas dinamicamente, ou seja, é possível alterar as propriedades de uma homepage depois que ela for carregada. Estamos falando do DHTML, o HTML Dinâmico, a grande novidade em termos de linguagem para construção de sites na web.

O DHTML possui um conjunto de ferramentas que vão tornar os sites mais movimentados, pois combina novos instrumentos de design com métodos diferentes para animação de textos e imagens. O grande destaque é o Cascading Style Sheets (CSS), o recurso diretamente responsável pela flexibilidade nas páginas HTML.

Com ele, é possível separar o estilo e a estrutura de uma homepage. Como assim? Por estilo, entenda-se o tamanho, cor e formato das letras (fontes), a cor da tela de fundo e o espaço entre palavras e linhas dentro de um site, por exemplo. A estrutura, por sua vez, é a marcação dos pontos onde haverá parágrafo ou que determinado texto deve ser entendido como título principal da página.

À PARTE - Na hora da construção, tanto as especificações de estilo quanto as de estrutura são marcadas pelo designer através de códigos chamados tags, numa mesma página. Com o Cascading Style Sheets, as determinações de estilo são indicadas na própria página HTML ou num documento à parte, de extensão .css. A vantagem da configuração em separado é que dessa forma a mesma especificação pode ser utilizada em todos os documentos de um site.

Outro ponto importante aperfeiçoado pelo DHTML é o posicionamento dos elementos em uma página. Com o CSS, o webdesigner indica as coordenadas (eixos x e y) para a colocação exata do objeto. A sobreposição também é possível, criando camadas distintas de conteúdo - pode-se aplicar um texto sobre uma imagem ou fazer com que dois textos fiquem sobrepostos.

Essa tarefa era possível mesmo sem o CSS, porém sua realização era um tanto complexa: o designer tinha que transformar o texto em imagem, nos padrões .gif ou .jpg, o que comprometia a agilidade da homepage.

MUDANÇAS - As linguagens de script também foram beneficiadas com o DHTML. Utilizadas para gerar efeitos onmouseover ("com o mouse sobre", ou seja, aparecimento de um elemento quando o usuário passa o cursor por determinado ponto da página), a JavaScript e a VBScript substituem uma imagem por outra, aparentando mudanças dinâmicas. Com o DHTML, o estilo será modificado na hora da execução. Por exemplo: um texto preto muda para verde quando o mouse é passado por sobre ele.

No HTML comum, a imagem do texto preto é substituída por uma outra, de cor verde. Usando o HTML Dinâmico, o script muda a cor da letra na hora exata em que o mouse passa por cima desse texto - o usuário ganha tempo, porque texto carrega muito mais rápido do que imagem - e garante a agilidade da página. O grande responsável por toda essa mobilidade é uma ferramenta chamada DOM (Document Object Model), que permite a alteração dos elementos de uma homepage pelas linguagens de script.