Les didacticiels vidéo pour les nouvelles fonctionnalités de Dreamweaver CS6 sont désormais disponibles sur Adobe TV (http://www.adobe.com/go/learn_dwcs6_adobetv_fr).
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.
par Chad Chelius
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.
Les puissantes dispositions à grille fluide de Dreamweaver (Nouveau > Nouvelle disposition à grille fluide) permet 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.
- Présentation des dispositions à grille fluide
- Utilisation de dispositions à grille fluide dans Dreamweaver CS6 (didacticiel)
- Adobe TV : Utilisation de dispositions à grille fluide dans Dreamweaver CS6
- Adobe TV : Création de concepts adaptatifs à l'aide de dispositions à grille fluide dans Dreamweaver CS6
- Adobe TV : analyse approfondie des dispositions à grille fluide avec Scott Fegette, gestionnaire de produit Dreamweaver
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).
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 de la souris sur une balise puis choisissez Définir la classe > Appliquer des classes multiples).
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
Dreamweaver CS6 s'accompagne de jQuery 1.6.4 et e 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.
- Applications jQuery Mobile et pages de démarrage
- Adobe TV : Prise en charge améliorée de jQuery Mobile dans Dreamweaver CS6
Nuancier jQuery Mobile
Vous pouvez prévisualiser toutes les nuances (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 nuances ou d'en supprimer de différents éléments de votre page Web jQuery Mobile. Cette fonctionnalité vous permet d'appliquer individuellement des nuances aux titres, aux listes, aux boutons et à d'autres éléments.
- Utilisation de thèmes jQuery Mobile dans Dreamweaver CS6 (didacticiel)
- Adobe TV : Prise en charge améliorée de jQuery Mobile dans Dreamweaver CS6
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 blogues 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 dans Dreamweaver et le contenu de la base de données de votre site sur le site Business Catalyst.
Vous pouvez désormais utiliser des polices créatives prises en charge sur le Web (comme les polices Web Google ou Typekit) dans 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.
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.
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 d'informations, voir http://blogs.adobe.com/dreamweaver/2012/06/ftp-improvement-in-dreamweaver-cs6.html.
Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions de Creative Commons.
Informations juridiques | Politique de confidentialité en ligne