Dev (Back & Front)ARTIGO

Primeiro contato com o Dreamweaver CS3

Recentemente, abordei As novas funcionalidades do Dreamweaver CS3 e como essa versão do Dreamweaver foi liberada para download (versão trial), vamos ter o nosso primeiro contato com a ferramenta.

A Start Page do Dreamweaver continua com as mesmas funcionalidades. A atualização nesse ponto foi concentrada no layout e na nova identidade visual. Observe:

Nova Start Page do Dreamweaver.Nova Start Page do Dreamweaver.

O novo painel New Document (Ctrl N) utilizado para criar novos documentos no Dreamweaver foi reestruturado e também está de visual novo. Veja:

Novo painel New Document do Dreamweaver.Novo painel New Document do Dreamweaver.

Como era de se esperar, o suporte a CSS está ficando cada vez melhor, prático e objetivo. Atente-se à quantidade de exemplos pré-finalizados que o Dreamweaver CS3 lhe oferece. Agora ninguém terá mais desculpas de ficar criando layouts com tabelas. Observe também que é possível, no momento em que se cria o arquivo, especificar o tipo de CSS a ser utilizado, ou seja, se os códigos (da CSS) serão adicionados no próprio documento, em um arquivo CSS próprio, ou se a página deverá ser linkada a um arquivo CSS já existente.

Outra grande novidade são os comentários nas instruções CSS criadas pelo Dreamweaver. Veja só:

Instruções CSS comentadasInstruções CSS comentadas

É praticamente um curso de CSS, adorei esse recurso. É explicado as propriedades e seus respectivos valores, lhe informando o por que de se usar tal declaração. Fantástico.

A Insert Bar também foi modificada, tendo suas abas alteras principalmente com a inclusão dos novos recursos que o Spry (framework em Ajax com suporte nativo no Dreamweaver CS3) oferece. Repare:

Visualização da Insert Bar, aba Spry.Visualização da Insert Bar, aba Spry.

Visualização da Insert Bar, aba Layout.Visualização da Insert Bar, aba Layout.

Visualização da Insert Bar, aba Form.Visualização da Insert Bar, aba Form.

Visualização da Insert Bar, aba DataVisualização da Insert Bar, aba Data

Os efeitos visuais criados através do Spry foram dispostos no painel Behavior na opção Effects, veja:

Opção de efeitos no painel Behaviors.Opção de efeitos no painel Behaviors.

Bom, nos próximos artigos falarei mais a respeito dos novos recursos do Dreamweaver CS3. Então, lhe pergunto: qual recurso que abordaremos primeiro? Envie suas sugestões.

Um abraço, e até lá.

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.

Ver perfil