Voici une formation Dreamweaver CS6, en vidéo, consacrée aux nouveautés de cette version CS6. Aujourd’hui, le développement de sites web impose une attention particulière à la portabilité des contenus. L’éditeur de sites web Dreamweaver s’oriente donc tout naturellement vers les standards du web et les technologies qui gravitent autour du développement d’applications mobiles ou de sites réactifs. Plus que jamais, Adobe Dreamweaver CS6 emploie et côtoie l’univers du HTML5, des CSS3, des transitions CSS, du développement en mode Grille, de la publication d’applications mobiles, des acteurs comme jQuery Mobile ou PhoneGap, des requêtes de média et bien d’autres nouveautés encore que votre formateur s’empresse de vous dévoiler !

Bande annonce de cette formation Dreamweaver CS6 : les nouveautés

Les nouvelles fonctions de Dreamweaver CS6 présentées par un formateur expert.

Chaque nouvelle version de la suite web d’Adobe est développée en adéquation avec les besoins actuels du marché, et Dreamweaver sait répondre de manière affirmée et efficace à ces nouvelles attentes. Ces développements doivent s’appuyer sur des modes d’interfaçage proportionnels et harmonieux, et en ce sens, les modes de grille fluide sont un atout majeur dont Dreamweaver a su se doter. De plus, les technologies employées telles que les requêtes de média ou de scripts réactifs sont intégrées de manière très ergonomique à cette version CS6.

Du côté du HTML5 et des CSS3, bien que les recommandations ne soient pas encore sorties, Dreamweaver n’a pas attendu pour ajouter l’intégration de ces deux langages dans les outils d’aide à l’écriture de code. L’utilisation de la règle CSS font-face est dorénavant gérée de manière transparente. Il suffit de récupérer la police souhaitée aux divers formats nécessaires, de s’assurer des droits d’utilisation de cette typographie et Dreamweaver s’occupe du reste !

L’intégration d’images natives telles que PNG ou PSD a également été améliorée et permet de travailler de manière plus autonome. Les acteurs forts dans l’environnement du développement d’application mobiles comme PhoneGap ou jQuery Mobile sont également présents dans la liste des nouveautés. Enfin, travailler en local sur la mise en place de contenu distant impose le passage par un client FTP afin de synchroniser les deux espaces. Là encore, Dreamweaver a su corriger certaines lacunes des versions antérieures en proposant une version plus performante de son client FTP.

Même si de prime abord cette version CS6 peut paraître simpliste, en regardant de plus près, on découvre vite des marqueurs forts fournis par Adobe ainsi que la richesse des nouveaux outils qui viennent agrémenter cette dernière mouture de l’éditeur de sites web.

Vue d'ensemble de la formation Dreamweaver CS6 :

• Introduction
  Dreamweaver CS6 continue d'évoluer vers le développement d'applications et de sites web s'appuyant fortement sur les standards du web. Il privilégie la pluri-distribution entre les divers supports, du téléphone portable aux écrans à grande résolution.
• Gestion des fontes pour le web
  Il existe diverses façons d'intégrer des typos à nos sites web, même si elles ne sont pas installées sur la machine de l'internaute. Dreamweaver propose une approche permettant de gérer les fontes et les jeux de famille.
• Améliorations sur la gestion des CSS
  Dreamweaver, en utilisant des propriétés préfixées, nous propose un outil de gestion de transitions très souple d'utilisation permettant une gestion complexe de transitions qu'il serait fastidieux d'écrire à la main. Le moteur de rendu nous permet également de prévisualiser depuis l'interface la majeure partie des descriptions.
• Le mode Grille fluide
  Développer pour diverses plateformes est souvent assimilé à la gestion des media queries. Mais le responsive web design est tout autre chose, certes proposant les mêmes finalités, mais en s'appuyant sur un mode Grille fluide et réagissant à un script qui pilote l'ensemble. Dreamweaver s'est rapproché de Less Framework, un des acteurs majeurs de ce principe, et l'a intégré à cette nouvelle mouture CS6.
• Améliorations pour jQuery Mobile
  L'intégration de jQuery mobile se poursuit et donc après les composants apparus lors de la dernière mise à jour, c'est au tour du nuancier de faire son apparition et de nous proposer une application des styles de manière très ergonomique à nos éléments, pages et contenus.
• Nouvelle intégration de PhoneGap
  Nous verrons ici que l'application du cadre applicatif de PhoneGap diffère et présenterons le nouveau processus de compactage d'applications.
• Améliorations au niveau de l'interface
  Quelques palettes ont été adaptées afin de mieux s'intégrer au sein de l'interface utilisateur, notamment la gestion du multi-écran ou encore la palette de gestion des sites. Enfin, le client FTP s'est largement amélioré en nous permettant dorénavant des transferts très rapides et des suivis en permanence depuis l'interface utilisateur par une série d'icônes informateurs.
• Optimisation des images
  L'optimisation du flux de travail avec les formats d'images natifs - notamment PSD - s'est assouplie et nous permet dès l'importation d'obtenir une fenêtre d'optimisation vers les principaux paramétrages. Bien sûr, et c'est là l'intérêt, rien ne reste figé et le dialogue avec le format originel reste permanent.
• Spécial MacOs
  Dreamweaver, sur MacOs, a rejoint les autres logiciels de la Suite en proposant l'accès au cadre d'application qui permet de travailler de manière exclusive au sein de l'outil. Les mécanismes de verrouillage et de personnalisation reste accessibles et permettent à tout moment d'adapter son environnement de travail à nos besoins.

Les fichiers sources sont fournis avec ce tuto.

Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".