O dia 27 de março de 2007 foi marcado pelo lançamento da Adobe Creative Suite 3. Entre os integrantes dessa novidade, está a nova versão do Dreamweaver: o Adobe Dreamweaver CS3. E neste artigo pretendo lhe contar as novas funcionalidades que foram adicionadas a essa versão.

Spry framework para AJAX

Spry é um framework desenvolvido pela Adobe e através dele, o Dreamweaver oferecerá suporte ao AJAX. Como ele é um framework client-side e em forma de bibliotecas Javascript, qualquer outro editor de HTML poderá utilizá-lo.

Através desse framework, o Dreamweaver CS3 através de sua interface oferecerá possibilidades para se trabalhar com os recursos do Spry de forma fácil e prática. O Spry se divide em três principais especificidades: Spry data, Spry widgets e Spry effects.

Através do Spry data, poderemos Integrar dados à uma página através de arquivos XML (esses arquivos podem ser um Feed RSS ou um banco de dados) com opção de filtros e ordenação.

Utilizando o Spry widgets, adicionaremos elementos de interface à página como listas, tabelas, abas, validação de formulário e repetição (loop) de regiões determinadas em uma página.

Já com o Spry effects, você adicionará efeitos visuais nos elementos de suas páginas. Com tais efeitos, os elementos de sua página poderão: crescer (grow), encolher (shrink), esmaecer (fade), realçar (highlight), entre outros efeitos.

Mas o Spry framework não é uma maravilha como esperávamos, tal framework utilizada atributos proprietários nas tags HTML, resultando num Javascript obstrutivo (quando deveria ser não-obstrutivo), inacessível e na invalidação da página. Espero que Adobe trabalhe arduamente para corrigir esses consideráveis detalhes.

Suporte completo a CSS

Se tratando de Cascading Style Sheet, o Dreamweaver CS3 incorporou inúmeros recursos que merecem ser mencionados. Começando pela disponibilização de vários layouts CSS e cada um deles com extensivos e completos comentários a respeito das declarações CSS utilizadas.

O novo painel CSS Styles ficou super interessante, funcional e focado em importantes facilidades. Agora, você poderá mover as CSS de várias maneiras, ou seja, mover as CSS inline para o head; mover do head para um arquivo, CSS, externo; mover entre um documento e outro; e muito mais.

O novo painel CSS Styles ficou unificado e inteligente, agora visualizar as declarações CSS aplicadas em um elemento em específico ficou super fácil, e você poderá alterar tais declarações de forma visual, rápida e de forma consistente.

Através do CSS Advisor website, você encontrará soluções para os bugs de navegadores específicos se tratando de CSS, e tais soluções são postadas pelos membros dessa comunidade. Há dicas interessantes e importantes por lá.

Através da própria interface do Dreamweaver, será possível verificar a compatibilidade da página entre os navegadores disponíveis; o que significa dizer que você economizará tempo, terá certeza que a visualização da página será consistente entre os navegadores e os sistemas operacionais. E tudo isso sem a necessidade de abrir o navegador no seu computador.

Integração entre os programas

O Dreamweaver CS3 terá uma integração eficiente com o Adobe Photoshop CS3 e o Fireworks CS3, afinal de contas, todas agora são parentes e ambos se conhecerão cada vez mais.

Suporte ao formato de vídeo FLV

Agora, com apenas cinco cliques e sem nenhum conhecimento do Adobe Flash, será possível inserir vídeos em sua página de forma fácil e customizada. Uma vez que tal vídeo, tenha o formato FLV.

Suporte as principais tecnologias

Como é de seu conhecimento, o Dreamweaver oferece suporte as principais linguagens utilizadas no desenvolvimento web, ou seja, HTML, XHTML, CSS, XML, Javascript, AJAX, PHP, Adobe ColdFusion, ASP, ASP.NET, e JSP.

Minha expectativa, ainda não tive informações a respeito, é quanto a melhoria no suporte ao PHP. Tenho conhecimento que o suporte será melhorado, fato comprovado pela comprada da Interakt pela Adobe. Vamos ver o que nos aguarda.

Acredito que com essas informações foi possível ter uma noção do que o Dreamweaver CS3 irá nos proporcionar.
Autor/fonte: Leandro Vieira

No Dreamweaver o que faz mover os objectos são as timelines:
Para mover um objeto é necessário que ele esteja dentro de uma layer, por isso cria uma;

Inseres uma imagem (também pode ser: texto, tabela, cor de fundo,…) dentro da layer;

Com a layer selecionada, abres a janela da timeline (shift F9) e crias um objeto dentro dela;

O “objeto” que corresponde ao movimento da layer, tem no mínimo 2 keyframes, uma que representa a posição inicial e a outra a posição final; portanto selecionas uma das keyframes e moves com o rato a layer para outra posição qualquer;

Se queres que o movimento se execute assim que entrares na pagina, activa o autoplay;

Assim já tens uma imagem com um movimento retilíneo; se queres que a imagem mude de direções durante o movimento, terás de criar mais keyframes no objeto da timeline; para isso usa o botão direito do rato sobre o objeto;

Depois seleciona a keyframe criada, e move a layer com o rato ou alteres a posição nas propriedades da layer.
Autor/fonte: Sérgio Brandão