A nova versão CS3 traz componentes Ajax e avanços em CSS.

Como se sente o maioral da escola quando um aluno novo chega querendo tomar o seu lugar? Ele pode escolher entre dois caminhos: recuar e deixar o novato ocupar seu território ou mostrar quem manda no pedaço. Com o Dreamweaver CS3, a Adobe mostra que escolheu a segunda opção. A nova versão do software o deixa muito à frente do seu novo rival, o Expression Web, da Microsoft. Entre os avanços significativos do Dreamweaver CS3 estão o suporte a Ajax e ajustes na área de gerenciamento de CSS. A seguir, você fica por dentro do que mudou no editor web mais poderoso do mercado.

AJAX

A maior novidade do Dreamweaver CS3 é a implementação do framework Spry para desenvolvimento de páginas com Ajax. Os recursos do Spry ficam em uma aba separada, que contém componentes prontos – os widgets – comuns em sites web 2.0. Entre eles estão menus que se desdobram ao clicar do mouse, caixas retráteis e componentes para validação de formulários. Os scripts gerados pelo Spry ficam armazenados em arquivos CSS e JS locais. Por isso, não dependem de processamento no servidor. Ao todo, o Dreamweaver CS3 traz 13 componentes Ajax prontos para uso. Outros recursos de Ajax interessantes são os Spry Effects. Eles permitem aplicar efeitos como fade e redimensionamento a imagens. Os efeitos ficam armazenados no painel Behaviors e podem ser vinculados a ações do mouse. Pode-se fazer com que uma imagem encolha ao passar do mouse ou apenas se o usuário clicar sobre ela, por exemplo.

ESTILO

Com a crescente separação de estilo e conteúdo, os arquivos CSS são cada vez maiores. E o gerenciamento das folhas de estilo fica mais complicado. Para facilitar essa tarefa, o Dreamweaver CS3 traz algumas novidades na área de CSS. Uma delas permite arrastar e soltar definições CSS dentro do arquivo de estilo. Isso serve para, por exemplo, organizar os estilos em ordem alfabética. Outra novidade é a possibilidade de converter estilos embutidos em tags (inline) em estilos de um arquivo CSS.

INTEGRAÇÃO

Como era de esperar, após a aquisição da Macromedia pela Adobe, o novo Dreamweaver está mais integrado aos outros produtos da empresa. Uma amostra disso é o recurso de importação de imagens. O Dreamweaver CS3 cola em sua área de trabalho até mesmo seleções de imagem com várias camadas criadas no Photoshop. Não é necessário nem mesclar as camadas da imagem. Basta usar o recurso de copiar mesclado (copy merged) e colar no Dreamweaver. Antes de embutir a imagem, o Dreamweaver a converte no formato desejado pelo usuário e cria um arquivo. A integração com o Flash é discreta, mas foi aprimorada. O novo Dreamweaver conta com atalhos para inserção de arquivos de Flash Video e Flash Paper, inexistentes na versão anterior.

BROWSERS

O verificador de compatibilidade de browser do Dreamweaver foi aprimorado. Na versão CS3, um painel independente mostra em detalhes os erros encontrados, além de apontar quais navegadores são afetados pela falha. O relatório de erros pode ser visto em formato HTML ou gravado no disco. Para facilitar a resolução dos problemas, o verificador é integrado com o site Adobe CSS Advisor, mantido pela comunidade de desenvolvedores do Dreamweaver. Essa página traz dicas de como resolver boa parte dos problemas encontrados pelo verificador do aplicativo.

BLOGS

O Dreamweaver CS3, no entanto, deixa a desejar na área de blogs. As ferramentas do programa dão e sobram para a montagem de um blog, mas faltam recursos específicos e ajustes que facilitem essa tarefa. Não há, por exemplo, modelos de página com layout de blog ou comportamentos de JavaScript comuns em páginas desse tipo, como os usados em permalinks. Mas essa falha não chega a ser grave, já que a montagem de blogs normalmente é feita online em serviços como Blogger e Wordpress.