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".

Jetez un oeil à ces autres tuto Dreamweaver CS6

Administrer votre site vitrine avec WordpressAdministrer votre site vitrine…
Voici la dernière partie consacrée à la création d'un site…

Découpe et intégration Html5 d'une maquette d’un site vitrineDécoupe et intégration Html5…
Voici la suite de la formation "création d'une maquette d'un…

Créer un emailing de A à ZCréer un emailing de A à…
Dans ce tuto Photoshop & Dreamweaver, vous apprendrez à créer…

Créer un thème Wordpress à partir d'une maquette HTMLCréer un thème Wordpress…
Voici la dernière partie (3/3) de la formation consacrée à…

Créer votre site Internet / Portfolio de A à ZCréer votre site Internet…
Dans cette formation Photoshop et Dreamweaver, nous allons apprendre,…

PACK : Créer un site Internet de A à ZPACK : Créer un site Internet…
Voici un pack complet qui vous apprendra à créer un site Internet…

Montage HTML / CSS d'un site Internet ResponsiveMontage HTML / CSS d'un site…
Voici une formation sur le découpage et l'intégration d'un…

Montage HTML/CSS d’une maquette graphique sur DreamweaverMontage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…

Cette formation contient 28 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 2h06.
Voici le programme complet abordé au cours de cette formation :

Introduction

Gestion des fontes pour le web

Améliorations sur la gestion des CSS

Le mode Grille fluide

Améliorations pour jQuery Mobile

Nouvelle intégration de PhoneGap

Améliorations au niveau de l'interface

Optimisation des images

Spécial MacOs

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Dreamweaver CS6 de 2 heures 6 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

video2brain , Editeur pro

Producteur de formations vidéo depuis 2002, video2brain est un des leaders européens sur le marché du e-learning. video2brain propose des formations vidéo, en ligne et sur DVD, sur les logiciels et les langages de programmation. video2brain est également le fournisseur officiel de tutoriels certifiés Adobe.

Toutes les formations de Video2brain


Birnou Sébarte

Birnou Sébarte, auteur dans cette formation

Birnou Sébarte découvre en 1987, aux Etats-Unis, les métiers du multimédia. Il travaille principalement au début sur des applications avec des outils comme Director. La migration vers le web se fait dès 1996, et l’utilisation des standards du web le conduit progressivement à des interfaces plus riches.

Toutes les formations de Birnou Sébarte



Témoignage des clients de video2brain

Très bon formateur

tutos super avancés et super cool

Une référence en matière de Formations vidéos. Video2brain propose de très bonnes formations pour un large choix de logiciels. TOP !!! ;-)

énormément de tuto sur plein de logiciels à conseiller à tout le monde car les tutos sont bien faits.

Des tuto clairs, précis, professionnels.

Lire les autres témoignages

 

D'autres tuto de video2brain

Lightroom 4 : Les fondamentauxLightroom 4 : Les fondamentaux
Voici une formation Lightroom 4, sous forme de tuto vidéo, d'une durée totale de plus…

Photoshop CS6 : Les nouveautésPhotoshop CS6 : Les nouveautés
Voici une formation Photoshop CS6, dédiée aux nouveautés. Découvrez en un clin d’œil…

InDesign CS6 : Les nouveautésInDesign CS6 : Les nouveautés
Voici une formation Indesign CS6, dédiée aux nouveautés de la version CS6. Adobe InDesign…

Flash CS6 : Les nouveautésFlash CS6 : Les nouveautés
Cette formation Flash CS6 présente directement et exclusivement les nouveautés de votre…

voir tous les tuto de video2brain

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (2)

par video2brain
(auteur de ce tuto - 31 août 2012)

" @sampabs : bonjour et merci pour votre conseil ! Bon apprentissage. Votre équipe video2brain "

par sampabsa voté :
(a acheté ce tuto - 26 août 2012)

" Ce tuto est vraiment nickel. Juste une remarque qui concerne dreamweaver cs6 sur Mac Os X Lion : il faut sans cesse penser à "tout enregistrer" et passer en mode direct pour que le rendu soit correct dans le mode création ! "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Dreamweaver CS6 d’une durée de 2 heures 6 minutes a été acheté 42 fois et a reçu une note moyenne de 5/5.

Ce tuto a été publié le 24 avril 2012 par video2brain, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Dreamweaver Formation.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !