Canais iMasters

Dreamweaver

As novas funcionalidades do Dreamweaver CS3

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.

Abaixo há uma ilustração da aba Spry na Insert bar do Dreamweaver CS3.

Visualização da aba Spry na Insert bar do Dreamweaver CS3Visualização da aba Spry na Insert bar do Dreamweaver CS3

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. Então lhe pergunto: o que você achou desses novos recursos? Qual o mais interessante para você, por que? Vamos discutir a respeito. Comente ou me envie um e-mail. Um abraço a todos.


Comente também

13 Comentários

Diego Fleury
Diego Fleury

Creio que o mais revelante é sobre CSS uma vez que nem todo mundo gosta de brincar com Ajax. Não sei como será, mas seria interessante que assim como a extensão firebug do Firefox, houvesse um debugger de CSS que não apenas informe as propriedades CSS do elemento mas também as propriedades que ele herdou e as que sobreescreveu. Quanto ao Spry, realmente pecaram em faze-lo obstrutivo. Entretanto, espero que ajude a diminuir o tempo de produção de tarefas cotidianas. Uma coisa que eles pecam muito é na documentação das linguagens. Falta um bom auto-complete para javascript, php e jsp (não sei das outras). Acho que é só isso...

Diego Fleury
Diego Fleury

A sim, claro, estamos na era da web 2.0! Deveriam investir um pouco mais nas facilidades de desenvolvimento javascript criando por exemplo, um Outline. Uma lista das funções, variaveis etc escritas no seu javascript. Melhor que isso, seria um auto-complete dinamico que conseguiria listar as propriedades e metodos de uma classes javascript escrita por você assim como grandes IDEs fazem, como por exemplo o NetBeans da Sun para desenvolvimento Java. Hoje em dia, os "javascripters" não tem uma IDE especifica para sua linguagem. Eu optei pelo Aptana mas acho que o pessoal da Adobe poderia fazer melhor... começando por olhar p/ seus concorrentes, que por sinal, ainda por cima são open source. O que eu poderia dizer é para verem o que estes programas tem de melhor e fazer uma ferramenta poderosa.

Thiago Reis Pontes
Thiago Reis Pontes

E por favor, me digam que ele tem um formatador de código para CSS e JavaScript....

Leandro Vieira
Leandro Vieira

Cara, realmente a falta do auto-complete incomoda muito. Ao meu ver, a Adobe gosta muita de Designers e não programadores. Ah, e quanto ao auto-complete, utilize o Gecko DOM code hints por enquanto :)

Leandro Vieira
Leandro Vieira

Sim Tiago, trabalhar com CSS nesta nova versão ficou hiper fácil, e em JavaScript melhorou bastante.

Um abraço.

Weverton Naves
Weverton Naves

Framework para ajax, suporte a css!! Cara.. o DW fica melhor a cada versão! Pra te falar a verdade, acho que é o único programa na área de design/web que sempre vem com inovações realmente úteis. Pq corel, photoshop, flash.. sempre inventam uma coisinha ou outra inútil. Mas o DW é muito Show!!

Cesar Augusto Miggiolaro
Cesar Augusto Miggiolaro

Seria interessante ter suporte ao PHP 5 , igual ao netbeans tem ao Java, facilitando a Programação Orientada Objeto.

Aguinelo Pedroso
Aguinelo Pedroso

Ao meu ver as versões do anteriores do Dreamweaver geravam muito código desnecessário e desorganizado, espero que esta nova versão não cause o mesmo encomodo.

alex ribeiro
alex ribeiro

Nossa cara, já trabalho muito com CSS e venho a cada dia aplicando muitooo Ajax em meus projetos, agora com o Dreamweaver CS3 as coisas vão ficar ainda melhores !!!

Daniel Bahia
Daniel Bahia

Leandro meu velho!!!!

Estou testando, e ja percebi que o suporte ao css esta melhor, os bugs que tinha no 8 não estão corrigidos. Agora tenho uma pergunta, e as famosas extensões? Não achei nada na web falando se existe para o CS3.

Tenho uma sugestão - será que você não poderia fazer uma série para a criação de templates para os CMS joomla e Xoops? Tem muita gente usando esses CMS!!!!

Abraços!!!!

Leandro Vieira
Leandro Vieira

Obrigado pelas sugestões

Cesar Brunelli
Cesar Brunelli

Mensagem

Cesar Brunelli
Cesar Brunelli

Amigos tem como eu verificar pelo dreamweaver cs3 se tem link quebrado em meu projeto? Alguma maneira que ele faça uma varredura tipo "Entire Current Local Site" para listar links que estão procurando por um arquivo que não existe mais ou mudou de nome e etc...

Pergunto porque peguei um projeto feito por outra pessoa, ja incluí ele em "Manage Sites" e percebi que tem muitos links sem destino, caso alguém saiba me comunique por favor irá me ajudar bastante.

Obrigado desde já.

Qual a sua opinião?

Comentários considerados ofensivos serão moderados.

Parceiros

IBM
PagSeguro
Internet Innovation
Dialhost
HostNet
Tecla
KingHost
DotStore
Dinamize