Dreamweaver CC 2014: examen pratique

Notre verdict

Les outils et services supplémentaires de Dreamweaver CC 2014, dont beaucoup sont axés sur le Web, fournissent certainement un argument convaincant en faveur du service d'abonnement si vous n'avez pas déjà fait le saut.

Pour

  • Possibilité de copier des styles CSS entre les sélecteurs
  • Concepteur CSS amélioré
  • Afficher le balisage sous forme d'arborescence HTML interactive
  • Intégration Behance et Typekit

Contre

  • D'autres outils de conception Web Adobe, tels que Muse et Edge Reflow, peuvent être plus adaptés à vos besoins.

La semaine dernière, Adobe a publié une toute nouvelle version marquante de sa suite d'outils créatifs, dont Dreamweaver CC 2014. Dreamweaver CC 2014 est déjà disponible pour les abonnés Creative Cloud existants en utilisant simplement le site Web Creative Cloud, ou l'application de bureau, pour télécharger la nouvelle version .

En plus de cette dernière version de l'outil de conception et de développement Web toujours populaire, Adobe a publié de nouvelles versions d'autres outils de la suite, notamment Photoshop CC 2014 , Illustrateur CC 2014 et InDesign 2014 .



Dreamweaver CC 2014 est une version marquante - mais pas tout à fait de la même manière que les anciens logiciels en boîte

Dreamweaver CC 2014 est une version marquante - mais pas tout à fait de la même manière que les anciens logiciels en boîte

Bien que l'un des principaux arguments de vente de la plate-forme Creative Cloud soit que les mises à jour soient déployées en permanence, Adobe en a fait une grande fanfare à ce sujet en tant que version jalon.

Cela ne signifie pas que Dreamweaver n'a pas reçu de mises à jour dans l'année depuis la sortie de CC - vous pouvez voir une liste de toutes les fonctionnalités récemment ajoutées et quand elles ont été introduites ici . Alors pourquoi ils ont adopté cette approche maintenant est à débattre.

Une possibilité est qu'en tamponnant CC 2014 comme une nouvelle version, ils convainquent les abonnés que les outils sont régulièrement mis à jour, ce qui pourrait ne pas être facilement compris autrement. Quoi qu'il en soit, quels goodies sont contenus dans cette version?

Quoi de neuf?

Malgré le nouveau suffixe 2014 de cette version de Dreamweaver, il convient de dire dès le départ que ce n'est pas tout à fait le même style de publication que l'ancienne approche d'Adobe. Ne vous attendez pas à trouver un énorme changement radical dans l'application; il s'agit en gros de Dreamweaver CC avec quelques fonctionnalités supplémentaires, mais pas de gros titres.

Plus importants que les nouvelles fonctionnalités majeures, ce sont peut-être les efforts qui ont été faits pour résoudre les goulots d'étranglement du flux de travail, corriger les désagréments et accélérer le processus de développement Web. Dans cet esprit, cette version de Dreamweaver propose quelques nouvelles fonctionnalités pratiques, ainsi qu'une variété de mises à niveau et d'améliorations.

Dreamweaver CC 2014 apporte une prise en charge mise à jour des normes Web, avec des améliorations supplémentaires des fonctionnalités HTML5 et CSS3 précédentes. Le concepteur CSS a été considérablement amélioré et mûri, vous permettant de déterminer et de modifier rapidement les propriétés affectant un élément particulier directement à partir du concepteur.

Un certain nombre d

Un certain nombre d'améliorations visent à accélérer votre flux de travail

D'autres fonctionnalités dignes de mention sont la nouvelle prise en charge de sFTP à l'aide des clés d'identité, des améliorations étendues de la possibilité d'éditer directement dans Live View (plus à ce sujet plus tard) et de nouvelles vues d'élément pratiques.

Il convient également de rappeler qu'Adobe a déployé des mises à jour des versions CC de ses produits tout au long du cycle de vie, de sorte que certaines fonctionnalités supplémentaires sont déjà apparues depuis le lancement initial de ce que nous allons maintenant appeler Dreamweaver CC 2013 .

Connectivité d'application à application

Lors de notre examen de Dreamweaver CC l'année dernière, nous avons mentionné qu'Adobe évoluait vers une approche plus intégrée de son ensemble d'outils d'applications créatives. Cette reconnaissance que les outils doivent fonctionner harmonieusement les uns avec les autres a continué à être développée et affinée.

Adobe sait qu'un brief créatif particulier peut nécessiter plusieurs outils différents dans l'espace créatif, c'est pourquoi il a travaillé dur pour s'assurer que tout s'intègre bien.

Cela inclut la connexion avec des applications basées sur des tablettes et, particulièrement pour les utilisateurs de Dreamweaver, des outils spécialisés tels que l'application de développement de sites Web. Adobe Muse .

Le site Web Creative Cloud fournit un hub central pour vous permettre d'installer des applications, de partager des fichiers et d'accéder à des ressources, notamment des didacticiels. Adobe vient de le mettre à jour pour refléter le passage à une plus grande intégration, et Dreamweaver est évidemment conçu pour être une application connectée qui fournit un point de départ pour de nombreux projets potentiels différents ciblés sur une variété de scénarios d'utilisation.

Concepteur CSS amélioré

Le nouveau panneau CSS Designer a fait peau neuve

Le nouveau panneau CSS Designer a fait peau neuve

Le CSS Designer a été considérablement amélioré dans cette version, y compris de jolis contrôles à onglets qui facilitent la définition des propriétés de bordure et réduisent l'encombrement du concepteur (et facilitent la détection des propriétés individuelles avec lesquelles vous souhaitez travailler).

Il existe également un nouvel éditeur de boîte pratique qui facilite le développement des coins arrondis, du remplissage et des marges lors de la création de zones de texte. Le moteur des sélecteurs a également été mis à niveau, ce qui facilite le contrôle de la quantité de spécificité appliquée à un sélecteur CSS particulier.

Aucune de ces améliorations ne se démarque en soi, mais ensemble, elles offrent une expérience d'édition nettement meilleure.

Copier / coller des styles

Enfin, vous pouvez copier des styles d

Enfin, vous pouvez copier des styles d'un sélecteur à un autre

Un peu en retard à la fête, Dreamweaver vous permet désormais de copier des styles directement d'un sélecteur à un autre. Vous avez la possibilité soit de copier tous les styles, soit simplement de choisir un sous-ensemble parmi des catégories de styles telles que Disposition, Texte ou Bordure.

La copie de styles consiste simplement à cliquer avec le bouton droit sur un sélecteur d'élément et à choisir les styles que vous souhaitez copier dans le menu contextuel. Encore une fois, ce n'est pas une fonctionnalité dramatique, mais elle a le potentiel de gagner tellement de temps qu'elle en a fait notre cinq préférée.

Aperçu et affichage rapides des éléments

Affichez votre balisage sous forme d

Affichez votre balisage sous forme d'arborescence HTML interactive

Les nouvelles fonctionnalités d'affichage rapide des éléments vous permettent d'afficher le balisage dans votre document sous forme d'arborescence HTML interactive. Cela fonctionne pour le contenu statique et généré dynamiquement, et vous pouvez modifier la structure directement à partir de l'arborescence, ce qui est pratique pour faire glisser du contenu.

L'affichage d'élément vous permet d'identifier rapidement les classes et les identifiants disponibles, en les attribuant et en les associant à des éléments HTML spécifiques à partir de Live View - un autre grand gain de productivité.

Insertion en direct

Insérez des éléments HTML directement dans votre document à partir de Live View

Insérez des éléments HTML directement dans votre document à partir de Live View

Vous remarquerez peut-être un motif dans les fonctionnalités qui ont attiré notre attention ici! Live Insert est une nouveauté de CC 2014 et vous permet d'insérer des éléments HTML directement dans votre document à partir de Live View.

À l'aide du panneau Insertion, les nouveaux éléments sont rendus dans le document en temps réel sans avoir à passer en mode conception / code et inversement.

Inspecteur des propriétés de la vue en direct

L

L'inspecteur de propriétés est désormais également disponible en Live View

Dans le même ordre d'idées, l'inspecteur de propriétés est désormais également disponible en mode Live View, ce qui vous permet d'identifier rapidement les propriétés affectant un élément spécifique et d'apporter des modifications à votre élément sans avoir à revenir en mode conception / code.

Vaut-il la mise à niveau?

Contrairement aux versions logicielles traditionnelles, la décision de mettre à niveau vers la dernière version de Dreamweaver dépendra en grande partie de votre abonnement existant à Creative Cloud. La version CC 2014 et précédente de Dreamweaver peuvent coexister (et vous pouvez même accéder à CS6 si nécessaire), donc rien ne vous empêche de saisir la dernière version pour le moment.

Si vous utilisez toujours une ancienne version en boîte et que vous vous demandez si CC 2014 est suffisant pour vous persuader de passer au modèle d'abonnement, il y a de quoi vous enthousiasmer. Bien que Dreamweaver n'ait pas connu beaucoup de succès depuis CS6, il y a eu de nombreuses petites améliorations intéressantes qui rendent l'expérience d'utilisation de l'outil plus enrichissante de manière créative.

Et il convient également de souligner que Creative Cloud offre divers avantages supplémentaires, notamment un Prosite via Behance , un abonnement Typekit et la possibilité d'installer légitimement tous les outils sur un ordinateur portable et un ordinateur de bureau.

Mots : Sam Hampton-Smith

Avez-vous installé la dernière version de Dreamweaver? Faites-nous part de vos commentaires dans les commentaires ci-dessous.

Le verdict 9

sur 10

Dreamweaver CC 2014

Les outils et services supplémentaires de Dreamweaver CC 2014, dont beaucoup sont axés sur le Web, fournissent certainement un argument convaincant en faveur du service d'abonnement si vous n'avez pas déjà fait le saut.