O Dreamweaver possui uma paleta behaviors (comportamentos) que serve para acrescentar códigos javascript no documento html. Esses scripts são acionados quando determinados eventos ocorrem. Scripts como Mensagem de alerta, texto na barra de status, popup, entre outros, podem ser usados facilmente sem a necessidade da inclusão dos mesmos via código, já que o dreamweaver faz esse processo facilmente, mas isso é assunto para a próxima vídeo aula.

Assistir à vídeo aula

Irei ensinar como fazer um sub-menu popup, - como imagem ao lado -, utilizando o behaviors e a ação Show hide layers utilizando onmouseover e onmouseout.

Este menu é bem parecido com o que ensinei a fazer na última video aula de Fireworks CS3, porém, como ele é feito pelo dreamweaver, fica mais leve e facilita na sua atualização.

O interessante neste tutorial é que mostrarei também como corrigir um bug de posicionamento dos submenus popup (eixos X e Y ou L e T), já que, visto em resoluções de vídeo diferentes (800×600 para 1024×768), a layer sub-menu sai do lugar. Essa dúvida assola grande parte dos iniciantes e com exclusividade do mxmasters, você saberá como resolver esse problema.

Obs: Claro, que seria bem mais elegante, ensinar a criar um menu usando CSS e listas (ul e li), seguindo assim os padrões web, porém, grande parte dos webdesigners e principalmente os iniciantes utilizam as tabelas para diagramação de sites. Portanto, achei bem interessante dividir esse conhecimento com todos!