Résumé des nouvelles fonctionnalités

Dreamweaver 13.1 est une mise à jour de Dreamweaver CC (13.0) et nécessite la présence de ce dernier sur votre ordinateur. Pour consulter la liste des nouvelles fonctionnalités de Dreamweaver CC (13.0), reportez-vous à la page Nouveautés de Dreamweaver CC.

Sélecteur de couleurs

Vous pouvez désormais utiliser le sélecteur de couleurs pour sélectionner une large gamme de couleurs lorsque vous faites appel à des fonctionnalités de Dreamweaver telles que CSS Designer, le panneau Actifs et les Préférences.

Le nouveau sélecteur de couleurs dans Dreamweaver vous permet de :

• De choisir les couleurs dans différents modèles colorimétriques (RVBa, hexadécimale ou HSLA). De régler la luminosité (F) et l’opacité (E) des couleurs en fonction de vos besoins. Ensuite, d’enregistrer différentes combinaisons de couleurs sous la forme de nuances de couleur.
  • Pour rétablir la couleur d'origine d'une nouvelle couleur, cliquez sur la couleur d'origine (B).
  • Pour modifier l'ordre des nuances, faites glisser les nuances vers la position souhaitée.
  • Pour supprimer une nuance de couleur, faites glisser la nuance hors du panneau.
• La pipette (H) vous permet de prélever les couleurs n'importe où sur l'écran de votre ordinateur. Pour sélectionner les couleurs d’autres applications que Dreamweaver, maintenez le bouton de la souris enfoncé, faites glisser la souris au-dessus de la couleur désirée, puis relâchez le bouton de la souris.

Améliorations de la synchronisation en cloud

Synchronisation des raccourcis clavier et de l'espace de travail

Vous pouvez maintenant synchroniser les raccourcis clavier et les espaces de travail personnalisés avec le cloud (et une autre machine exécutant Dreamweaver CC sur le même système d'exploitation).

La synchronisation des raccourcis clavier et des espaces de travail est activée par défaut. Vous pouvez choisir de ne pas les synchroniser en désélectionnant les options dans la boîte de dialogue Préférences.

Améliorations de la boîte de dialogue Préférences

Le bouton OK de la boîte de dialogue Préférences a été remplacé par le bouton Appliquer, ce qui vous permet de modifier des paramètres dans plusieurs catégories et d'appliquer les modifications avant de fermer la boîte de dialogue.

Améliorations de CSS Designer

Mise en surbrillance en direct

Avant Dreamweaver 13.1, lorsque vous modifiiez les propriétés d'un sélecteur CSS, il était impossible d'identifier les éléments de la page qui allaient être concernés par les modifications.

Désormais, la mise en surbrillance en direct vous permet d'identifier aisément les éléments de page associés à un sélecteur CSS. Vous pouvez ensuite décider de continuer à modifier les propriétés ou, si vous souhaitez uniquement modifier les propriétés d'un élément précis, créer un nouveau sélecteur CSS pour cet élément, puis modifier ses propriétés. 

Pour plus d’informations, consultez la section Identification des éléments de page associés à un sélecteur CSS.

Enregistrement et rétablissement de contexte

La sauvegarde et la restauration du contexte sont maintenant implémentées dans Dreamweaver pour préserver le contexte d'origine du panneau Concepteur CSS dans tous les processus Modifier/Ajouter/Supprimer.

Précédemment, lorsque vous modifiiez/ajoutiez une propriété dans un sélecteur dans la liste calculée des sélecteurs, le volet des propriétés passait à la liste calculée des propriétés. De même, la modification/suppression de valeurs de marges déplaçait le bloc de propriétés de marge vers le bas.

La fonctionnalité d'enregistrement et rétablissement de contexte résout ces problèmes.

Vous pouvez voir cette fonctionnalité à l'oeuvre dans les situations suivantes :

• Suivi de règle CSS – Cliquez sur n'importe quel sélecteur dans le volet Sélecteurs. L'adresse IP est mise à jour dans le code CSS
• Suppression de propriétés dans le texte/la bordure ou n’importe quelle autre catégorie. Le volet des propriétés ne perdra pas le contexte.
• Les défilements et les onglets dans le volet des propriétés sont conservés d'un sélecteur à l'autre. Si vous accédez à la bordure dans un sélecteur puis que vous passez à un autre sélecteur, le volet propriétés affichera toujours la catégorie Bordure.

Par ailleurs, vous noterez que la modification/l'ajout de propriétés dans un sélecteur dans la liste calculée des sélecteurs et la modification/la suppression de valeurs de marges fonctionnent mieux.

Améliorations du mode Code

Mise en évidence des numéros de ligne

Les numéros de ligne où l'adresse IP est présente sont mis en surbrillance dans l'affichage du code, le code en direct, l'affichage en mode Création, l'affichage en direct et l'inspecteur de code. Les numéros de ligne sont également mis en évidence en cas d’erreur de syntaxe.

Mise en surbrillance des balises et des attributs

La balise sur laquelle se trouve le point d’insertion est mise en évidence. Si le point d'insertion se trouve sur la balise d'ouverture, la balise de fermeture est également mise en surbrillance et vice-versa.La mise en évidence fonctionne avec les clics de souris ainsi que les touches de navigation du clavier. La mise en évidence des balises fonctionne également dans le code en direct et l’inspecteur de code.

Vous pouvez modifier la couleur de la mise en surbrillance des balises dans les préférences (Coloration du code).

Conseils de code pour les sélecteurs CSS

Les conseils de code pour les classes et les ID présents dans les fichiers HTML gabarits peuvent maintenant être vus sur les fichiers CSS, LESS, SASS, SCSS ainsi que la balise de style en ligne.

Dreamweaver fournit des conseils de code lorsque vous tapez . ou # dans un fichier CSS associé ou dans les balises de style en ligne du fichier HTML gabarit.

Raccourci clavier pour accéder au début ou à la fin de la ligne actuelle

• Sous Mac : Cmd+flèche vers la gauche pour accéder au début de la ligne actuelle, Cmd+flèche vers la droite pour accéder à la fin de la ligne actuelle.
• Sous Windows : Cmd+flèche vers la gauche pour accéder au début de la ligne actuelle, Cmd+flèche vers la droite pour accéder à la fin de la ligne actuelle.

Les raccourcis clavier peuvent être personnalisés dans la section Édition > Raccourcis clavier > Commandes > Modification du code.

Intégration de CEF

Dreamweaver est désormais intégré à Chromium Embedded Framework (CEF), un cadre open source reposant sur le projet Google Chromium. Cette intégration permet à Dreamweaver de contrôler le chargement des ressources, la navigation, les menus contextuels, l’impression et bien plus encore, tout en bénéficiant des performances et des technologies HTML5 disponibles dans le navigateur Google Chrome.

Pour plus d’informations, consultez la page Intégration de CEF.

Remarque : en raison de l’intégration de CEF, la façon dont vous utilisez <mm:browsercontrol> lors du développement d’extensions doit être modifiée. Pour plus d’informations, consultez cet article.

Prise en charge de PHP 5.4

Prise en charge intégrale de PHP 5.4 (sans erreurs de syntaxe).

Mises à jour d’Adobe Extension Manager

Adobe Extension Manager 7.1 offre de nouvelles fonctionnalités qui permettent de télécharger des extensions et de les tenir à jour de manière optimale.

Améliorations dans Adobe Exchange

• Auparavant, tout contenu destiné à Adobe Exchange devait être compressé en tant que fichier ZXP à l’aide d’un utilitaire comme Adobe Exchange Packager. Adobe Exchange et Extension Manager ont été mis à jour et permettent désormais l’envoi et l’installation de tous les types de fichiers. Cela signifie qu’Adobe Exchange peut prendre en charge davantage d’applications Adobe CC, et beaucoup plus de contenus. Adobe Exchange comprend désormais des contenus compatibles choisis provenant d’Adobe Exchange Classic et de Photoshop Marketplace.

• Tous les utilisateurs peuvent envoyer des fichiers via le portail Adobe Exchange Producer Portal. Lorsque vous sélectionnez l’option adéquate, Adobe Exchange convertit automatiquement le contenu en fichier ZXP non signé. Extension Manager installe ce fichier dans le dossier de téléchargement de l’utilisateur, qui peut alors le charger en suivant la même procédure que pour des extensions dynamiques plus complexes. Les nouveaux contenus pris en charge peuvent provenir de toutes les applications CC pour ordinateur compatibles avec Exchange, notamment Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC et Premiere® Pro CC.

Mise à jour directe d’extensions via Adobe Extension Manager

Les extensions proposées par le biais d’Extension Manager peuvent désormais comporter un lien pointant vers les informations de mise à jour disponibles sur le serveur de mise à jour du fournisseur. Extension Manager affiche les mises à jour disponibles à cet emplacement et permet à l’utilisateur de lancer leur téléchargement. Vous avez la possibilité de fournir une URL de téléchargement pour le pack ZXP, auquel cas Extension Manager le télécharge et l’installe automatiquement. Vous pouvez aussi indiquer l’adresse d’une page fournissant les instructions nécessaires au téléchargement et à l’installation manuelle de la mise à jour.