Mises à jour de Creative Cloud postérieures à CS6

Mise à jour 12.1, 24 septembre 2012 :

Pour plus d’informations sur les nouveautés de cette version, voir Fonctions | Creative Cloud.

Mise à jour 12.2, 14 février 2013 :

Pour plus d’informations sur les nouveautés de cette version, voir Nouveautés | Creative Cloud | février 2013

Tutoriels vidéo

Les tutoriels vidéo sur les nouvelles fonctions de Dreamweaver CS6 sont maintenant disponibles sur Adobe TV (http://www.adobe.com/go/learn_dwcs6_adobetv_fr).

Insertion de contenu vidéo HTML5

Insertion de contenu vidéo HTML5
Dans cette vidéo, vous découvrirez avec quelle facilité vous pouvez utiliser Adobe Dreamweaver CS6 pour insérer du contenu vidéo dans une page web basée sur HTML5.
Chad Chelius

Nouveau gestionnaire de site

L’apparence de la boîte de dialogue Gérer les sites (Sites > Gérer les sites) a été rafraîchie, bien que la plupart de ses fonctionnalités restent les mêmes. Parmi les fonctionnalités supplémentaires, citons la possibilité de créer ou d’importer des sites Business Catalyst.

Dispositions CSS sur base de grilles fluides

Les puissantes dispositions à grille fluide de Dreamweaver (Nouveau > Nouvelle disposition à grille fluide) permettent de créer des dispositions CSS adaptatives qui réagissent aux diverses tailles d’écran. Lorsque vous créez une page web à l’aide d’une grille fluide, la mise en page et son contenu s’adaptent automatiquement au périphérique d’affichage de l’utilisateur : ordinateur de bureau, tablette ou smartphone.

Transitions CSS3

Le nouveau panneau Transitions CSS permet d’appliquer des changements de propriétés en douceur à des éléments de page basés sur CSS en réponse à des événements déclencheurs comme un survol, un clic ou un focus. (Par exemple, un élément de barre de menu effectue progressivement un fondu d’une couleur vers une autre lorsque vous placez le pointeur de la souris au-dessus de lui.) Vous pouvez désormais créer des transitions CSS utilisant à la fois la prise en charge au niveau du code et le nouveau panneau Transitions CSS (Fenêtre > Transitions CSS).

Sélection de classes CSS multiples

Vous pouvez désormais appliquer des classes CSS multiples à un élément. Sélectionnez l’élément, ouvrez la boîte de dialogue Sélection de classes multiples, puis choisissez les classes désirées. Lorsque vous avez appliqué plusieurs classes, Dreamweaver crée une nouvelle classe multiple à partir de vos sélections. Les nouvelles classes multiples sont ensuite disponibles à partir d’autres endroits où vous effectuez des sélections CSS.

Vous pouvez ouvrir la boîte de dialogue Sélection de classes multiples à partir de plusieurs points d’accès :

  • L’inspecteur Propriétés HTML (choisissez Appliquer des classes multiples dans le menu)
  • Le menu contextuel Règle cible de l’inspecteur Propriétés CSS
  • Le menu contextuel du sélecteur de balises dans le bas de la fenêtre de document (cliquez avec le bouton droit sur une balise, puis choisissez Définir la classe > Appliquer des classes multiples).

Intégration de PhoneGap Build

L’intégration directe au passionnant nouveau service PhoneGap Build permet aux utilisateurs de Dreamweaver CS6 de créer des applications natives pour appareils mobile en exploitant leurs connaissances de HTML, CSS et JavaScript. Lorsque vous êtes connecté à PhoneGap Build par l’intermédiaire du panneau PhoneGap Build (Site > PhoneGap Build), vous pouvez créer directement votre application Web dans le service PhoneGap Build, puis télécharger les applications mobiles natives vers votre ordinateur local ou votre appareil mobile. Le service PhoneGap Build gère votre projet et permet de créer des applications natives pour les plates-formes mobiles les plus populaires, comme Android, iOS, Blackberry, Symbian et webOS.

jQuery Mobile 1.0 et nuanciers jQuery Mobile

jQuery Mobile 1.0

Dreamweaver CS6 s’accompagne de jQuery 1.6.4 et de fichiers jQuery Mobile 1.0. Les pages de démarrage de jQuery Mobile sont disponibles depuis la boîte de dialogue Nouveau document (Fichier > Nouveau > Page depuis un exemple > Pages de démarrage mobiles). Désormais, vous pouvez aussi choisir entre deux types de fichiers CSS lors de la création de vos pages jQuery Mobile : fichiers CSS complets ou fichiers CSS fractionnés en composants structurels et de thème.

Nuancier jQuery Mobile

Vous pouvez prévisualiser tous les nuanciers (thèmes) d’un fichier CSS jQuery Mobile à l’aide du nouveau panneau Nuancier jQuery Mobile (Fenêtre > Nuancier jQuery Mobile). Ce panneau permet ensuite d’appliquer des nuanciers ou d’en supprimer de différents éléments de votre page web jQuery Mobile. Cette fonctionnalité vous permet d’appliquer individuellement des nuanciers aux titres, aux listes, aux boutons et à d’autres éléments.

Intégration de Business Catalyst

Nouveaux sites Business Catalyst

Vous pouvez désormais créer un nouveau site d’évaluation Business Catalyst directement depuis Dreamweaver, afin de découvrir les nombreuses possibilités que Business Catalyst peut offrir à vos clients et vos projets.

Panneau Business Catalyst

Lorsque vous êtes connecté à votre site Business Catalyst, vous pouvez insérer et personnaliser des modules Business Catalyst directement à partir du panneau Business Catalyst (Fenêtre > Business Catalyst) de Dreamweaver. Vous accéderez ainsi à de puissantes fonctionnalités comme des catalogues de produits, l’intégration aux blogs et aux médias sociaux, les paniers d’achats, et bien plus encore. L’intégration vous permet de travailler en toute transparence entre vos fichiers locaux sous Dreamweaver et le contenu de la base de données de votre site sur le site Business Catalyst.

Polices Web

Vous pouvez désormais utiliser des polices créatives prises en charge sur le Web (comme les polices Web Google ou Typekit) sous Dreamweaver. Tout d’abord, utilisez le gestionnaire de polices Web (Modifier > Polices Web) pour importer une police Web dans votre site Dreamweaver. La police Web est ensuite disponible pour vos pages web.

Optimisation PSD simplifiée

La boîte de dialogue Aperçu de l’image de Dreamweaver CS5 a été rebaptisée Optimisation de l’image. Pour ouvrir cette boîte de dialogue, sélectionnez une image dans la fenêtre de document, puis cliquez sur le bouton Modifier les paramètres de l’image dans l’inspecteur Propriétés. Certaines options qui figuraient dans la boîte de dialogue Aperçu de l’image précédente de CS5 se trouvent désormais dans l’inspecteur Propriétés.

Un aperçu instantané de l’image s’affiche en mode Création dès que vous modifiez des paramètres dans la boîte de dialogue Optimisation de l’image.

Améliorations du transfert FTP

Dreamweaver utilise un transfert multicanaux pour transférer simultanément les fichiers sélectionnés à l’aide de plusieurs canaux. Dreamweaver permet également d’utiliser simultanément les opérations Get et Put pour transférer des fichiers.

Si la bande passante disponible est suffisante, le transfert FTP asynchrone multicanaux accélère considérablement le processus de transfert.

Pour plus de détails, consultez la page http://blogs.adobe.com/dreamweaver/2012/06/ftp-improvement-in-dreamweaver-cs6.html.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne