Revisão e avaliação do Adobe dreamweaver cs6

O Adobe Dreamweaver (US $ 399, 99; atualização de US $ 199, 00, direto) dominou o campo de edição na Web por mais tempo do que a maioria das pessoas consegue lembrar, mas nos últimos anos parecia disposto a manter sua reputação, oferecendo atualizações dignas, porém desinteressantes, a cada versão recente. A versão do Dreamweaver CS6 é diferente. É uma atualização essencial para quem deseja criar páginas da Web ou aplicativos que se adaptam automaticamente quando visualizados em um navegador da Web em um telefone ou tablet ou em um laptop ou desktop. Nos últimos anos, tenho feito a maior parte do meu design na Web Expression Web limpa, eficiente e subpublicada da Microsoft, mas o Dreamweaver CS6 é o primeiro editor da Web criado para a era das multiplataformas, com suporte total para HTML5 e CSS3. Como o restante da suíte CS6, o Dreamweaver é direcionado a profissionais que desejam escalar sua curva acentuada de aprendizado, mas até mesmo codificadores ocasionais podem usá-lo para criar sites impressionantes.

O que há de novo?

Os grandes novos recursos do Dreamweaver são esses. Primeiro, são os “layouts de grade fluida” que permitem especificar exatamente como os elementos da página serão organizados quando o site for exibido em um telefone de tela pequena, tablet de tamanho médio ou área de trabalho em tela cheia. (Continue lendo para obter mais detalhes sobre isso.) Em seguida, há suporte interno para o PhoneGap Build, uma plataforma de código aberto que facilita a criação de um único aplicativo baseado na Web que roda em várias plataformas telefônicas. O Dreamweaver também aprimorou sua integração com o Query Mobile, uma plataforma baseada em JavaScript para criar aplicativos de telefone e tablet baseados em navegador. Transições CSS - a contrapartida baseada na Web de transições em aplicativos de apresentação tradicionais - agora são suportadas por uma interface razoavelmente intuitiva.

A Adobe melhorou a fidelidade e a flexibilidade da visualização "Ao vivo" do Dreamweaver e melhorou o painel de visualização "tela múltipla", que mostra a aparência da sua página nos tamanhos de tela de telefone, tablet e área de trabalho. O "laboratório de navegadores" on-line da Adobe torna possível testar suas páginas em plataformas mais antigas, embora o recurso SuperPreview comparável da Microsoft ofereça uma escolha ainda mais ampla de navegadores antigos e novos para testar.

Outro recurso do Dreamweaver que eu queria há anos, e que a Adobe mal menciona em seu PR, é o suporte interno a fontes da Web por meio de uma caixa de diálogo simples que permite instalar fontes no servidor da Web para que você possa usá-las nas suas páginas; isso sempre foi possível através de trabalhos manuais de codificação, mas o Dreamweaver facilita. Outras melhorias que fico feliz em ver incluem um módulo FTP completamente renovado - e rápido - com suporte total a protocolos seguros. O suporte integrado para a ferramenta de validação de página do W3C Consortium garante total conformidade com os padrões atuais da Web.

O novo recurso mais espetacular do Dreamweaver é o suporte para "layouts de grade fluida", o que significa que ele cria páginas organizadas de acordo com uma grade subjacente invisível que muda de acordo com o tamanho da tela. Os elementos de texto e gráficos na página reajustam automaticamente sua posição quando a página é exibida em um telefone, tablet ou computador. Eu tive que assistir a um vídeo de demonstração (acessível no menu de abertura do Dreamweaver) para descobrir como usá-lo, mas depois disso foi fácil.

Você cria um layout de grade fluido direcionando três tamanhos de tela: telefone, tablet e computador. Primeiro, você organiza os elementos da página como deseja que eles visualizem o tamanho de uma tela, com cada elemento alinhado à grade invisível do plano de fundo. Em seguida, clique em um ícone para alternar para um tamanho de tela diferente e organize os elementos de uma maneira diferente na grade. Por exemplo, um telefone exibirá sua página inteira em uma única coluna com um menu de navegação suspenso na parte superior, enquanto um tablet exibirá partes da página em três colunas, com uma ampla barra de navegação na parte superior. O CSS subjacente alterna automaticamente entre layouts de acordo com o tamanho da tela do dispositivo que exibe a página. O painel de visualização em tela múltipla permite alterar um ou todos os três tamanhos de tela integrados, para que você possa testar a maneira como a grade de fluidos funcionará no tamanho desejado.

Integração com Flash

O Dreamweaver, previsivelmente, está totalmente integrado ao formato Flash da Adobe. Mas se você estiver desenvolvendo para iOS, não poderá usar o Flash em seus aplicativos ou páginas da Web, a menos que compre o Flash Media Server da Adobe, no valor de US $ 4.500, para transmitir o Flash da maneira que o iOS permitir. O Dreamweaver me deixou soltar vídeo em Flash em minhas páginas da Web sem soluços e com muitas opções de layout, mas quando tentei adicionar um vídeo HTML5 à minha página, tive que descobrir por mim mesmo que precisava fazer o download e instalar um vídeo em HTML5 " widget ”e modifique o código do widget manualmente.

Interface

Como o restante da interface do Creative Suite Dreamweaver da Adobe, há uma floresta de painéis e "grupos de guias" e barras de ferramentas que levam tempo para se acostumar. Ao contrário do restante do pacote, que usa uma interface gráfica para editar objetos gráficos como animações, fotos, ilustrações e páginas impressas, a interface gráfica do Dreamweaver é um conjunto de ferramentas para editar HTML, CSS, JavaScript e outros códigos baseados em texto. Na maioria das vezes, você pode usar um dos botões e menus baseados em GUI do Dreamweaver para modificar o código subjacente, mas às vezes não pode e isso significa sujar as mãos ao editar o código diretamente. Isso é bom se você souber editar o código bruto, frustrante se não o fizer. Às vezes, especialmente enquanto trabalhava com o novo recurso de grade de layout de fluido, desisti de tentar encontrar um menu ou barra de ferramentas para modificar um detalhe do layout e tive que pesquisar o código bruto para fazer a alteração. O recurso de grade de layout fluido é obviamente um trabalho em andamento, e as versões futuras facilitarão esse tipo de coisa, mas você deve estar preparado para algumas pequenas frustrações da primeira versão nesse meio tempo.

Extrema flexibilidade

Para edição básica de HTML e CSS, continuo a preferir o Microsoft Expression Web 4, mas o Expression Web funciona apenas no Windows, enquanto os aplicativos da Adobe funcionam mais ou menos de forma idêntica nas máquinas Windows e Mac. Além disso, o Dreamweaver CS6 é inquestionavelmente a primeira e única ferramenta de criação da Web que funciona de maneira suave e eficiente no novo mundo de múltiplas plataformas. Ele tem suas arestas, mas o Adobe Dreamweaver CS6 também tem mais poder e flexibilidade do que qualquer outra coisa em sua categoria, e merece a escolha do editor.

Mais análises de software de foto, vídeo e gráficos:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Final Cut Pro X da Apple

• Mais