Creative_Cloud_mnemonic_RGB_128px

Mise à jour vers Dreamweaver CC disponible

Pour plus d’informations, consultez la section Résumé des nouvelles fonctionnalités.


Sélecteur de couleurs

Vous pouvez désormais utiliser le sélecteur de couleurs pour sélectionner une large gamme de couleurs lors de l’utilisation de fonctionnalités de telles que CSS Designer, le panneau Actifs et les Préférences.

Sélecteur de couleurs
Sélecteur de couleurs

A. Couleur sélectionnée B. Couleur d’origine C. Nuance de couleur D. Ajouter une nuance de couleur E. Curseur d’opacité F. Curseur de luminosité G. Curseur de couleur H. Outil Pipette I. Modèles colorimétriques J. Puits de couleur 

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

  • 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 chaque nuance 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.
Pour fermer le sélecteur de couleurs, appuyez sur Echap.

Améliorations de la synchronisation dans le cloud

Synchronisation des raccourcis clavier et de l’espace de travail

Vous pouvez désormais synchroniser les raccourcis clavier et les espaces de travail personnalisés avec le cloud (et avec un autre ordinateur 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 décider de ne pas les synchroniser en désélectionnant les options correspondantes dans la boîte de dialogue Préférences.

Préférences, boîte de dialogue
Préférences, boîte de dialogue

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 permet de modifier des paramètres dans plusieurs catégories et d’appliquer toutes les modifications avant de fermer la boîte de dialogue.

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

Améliorations de CSS Designer

Mise en évidence en direct

Avant Dreamweaver 13.1, lorsque vous changiez 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 apportées.

Désormais, la mise en évidence en direct 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

L’enregistrement et le rétablissement de contexte sont désormais mis en œuvre sous Dreamweaver afin de conserver le contexte initial du panneau CSS Designer dans tous les flux de modification/ajout/suppression.

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’œuvre dans les situations suivantes :

  • Suivi de règle CSS – Cliquez sur n’importe quel sélecteur dans le volet Sélecteurs. Le point d’insertion est mis à jour dans le code CSS.
  • Suppression de propriétés dans le texte/la bordure ou n’importe quelle autre catégorie. Le volet propriétés ne perdra pas le contexte.
  • Les défilements et les onglets dans le volet de propriétés sont conservés d’un sélecteur à l’autre. Si vous accédez à l’option de bordure dans un sélecteur puis passez à un autre sélecteur, le volet de 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 de la liste calculée des sélecteurs et la modification/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ù se trouve le point d’insertion sont mis en évidence dans le mode Code, le code en direct, le 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 évidence des numéros de ligne
Mise en évidence des numéros de ligne

Mise en évidence d’un numéro de ligne unique
Mise en évidence des numéros de ligne

Mise en évidence 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 fin est également mise en évidence, et inversement. 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.

Mise en évidence d’un tag
Mise en évidence d’un tag

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

Préférences (Mise en couleur du code)
Préférences (Mise en couleur du code)

Indicateurs de code pour les sélecteurs CSS

Des indicateurs de code pour la classe et les ID présents dans les fichiers HTML parents sont désormais affichés pour les fichiers CSS, LESS, SASS et SCSS avec la balise de style intégrée.

Dreamweaver propose des indicateurs de code lorsque vous tapez . ou # dans un fichier CSS associé ou dans les balises de style intégrées du fichier HTML parent.

Conseils de code
Conseils de code

Préférences (Propositions de code)
Préférences (Propositions de code)

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 : Ctrl+flèche vers la gauche pour accéder au début de la ligne actuelle, Ctrl+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. Vous trouverez des informations détaillées dans 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 et de tenir à jour les extensions 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 de bureau CC 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.

Extension Manager : affiche des mises à jour disponibles
Extension Manager : affiche des mises à jour disponibles

Cliquez sur le bouton mettre à jour pour démarrer une mise à jour
Cliquez sur le bouton mettre à jour pour démarrer une mise à jour

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