Macromedia
Macromedia Dreamweaver 8 est le choix des professionnels pour développer des sites et des applications web. Macromedia Dreamweaver offre une puissante combinaison d'outils visuels, de fonctions de développement d'applications et de possibilités de manipulation du code aux développeurs et aux designers de tous niveaux qui souhaitent créer rapidement des sites et des applications web. Avec ses fonctions de mise en page CSS et de programmation manuelle, Dreamweaver propose les outils dont les professionnels ont besoin, dans un environnement intégré et optimisé. Les développeurs peuvent utiliser Dreamweaver avec les technologies serveur de leur choix pour créer de puissantes applications Internet qui se connectent à des bases de données, des flux de données en direct et des systèmes d'entreprise.
Cette version de Dreamweaver est sans doute celle qui répond le plus aux demandes et suggestions des utilisateurs. Notre processus de développement a été complètement remanié de façon à intégrer les commentaires et suggestions de nos clients dès les premières étapes. Le cycle de développement a débuté par la consultation d'un grand nombre d'utilisateurs, dans différents secteurs, dans des entreprises de toutes tailles et avec des intérêts différents. Nous les avons rencontrés aussi bien lors de conférences à grande échelle que dans leurs bureaux. Nous nous sommes assis auprès d'eux et les avons regardés travailler. Nous avons discuté de leurs projets, de la façon dont ils travaillent et des problématiques particulières à leur domaine.
Ces conversations nous ont permis de développer trois principales fonctions de cette version de Dreamweaver, destinées à aider les utilisateurs, à intégrer les technologies les plus récentes et tout simplement à travailler mieux et plus rapidement. Cet article est l'occasion de vous présenter les nouvelles fonctions de Dreamweaver 8 et les avantages que vous pouvez en attendre.
Depuis sa sortie en 1997, Dreamweaver est devenu le choix des professionnels du développement web. Aujourd'hui, ce sont plus de 3,2 millions de professionnels du web qui font confiance à Dreamweaver.
Dreamweaver a ouvert la voie du développement de sites professionnels avec sa fonction « roundtrip HTML », une technologie qui permet de protéger la qualité du code lors du passage entre les modes Code et Création. En 2000, Macromedia a créé Dreamweaver UltraDev en réponse à la popularité croissante des technologies serveur. Ce produit combinait les fonctions de Dreamweaver avec des outils permettant de créer des applications web en ASP, JSP et ColdFusion.
Macromedia Dreamweaver MX est sorti en mai 2002, avec comme objectif le support des différents rôles pris par les professionnels du web d'aujourd'hui. Dreamweaver MX regroupait les meilleures fonctions de développement d'UltraDev et les principales fonctions de travail dans le code de HomeSite dans l'environnement de Dreamweaver. Cette combinaison était la première étape de création d'un environnement de développement unifié pour les professionnels du web, un environnement qui leur permettrait de concevoir une gamme complète de sites et d'applications – dans un environnement de programmation pur et dur, dans un environnement visuel, ou une combinaison des deux. Dreamweaver MX a été un succès extraordinaire, et a remporté plus de prix que n'importe quel autre outil de développement web, plus d'ailleurs que les versions précédentes de Dreamweaver.
Avec la sortie de Dreamweaver MX 2004 en septembre 2003, Dreamweaver a ajouté une prise en charge révolutionnaire des styles CSS. L'intégration des fonctions CSS à Dreamweaver a mis le développement web basé sur les standards les plus récents à la portée de tous, une étape qui a certainement contribué à l'adoption du format CSS par les professionnels du web.
Dreamweaver 8 développe les bases établies dans les versions précédentes en étendant les fonctionnalités dans des domaines clés, tels que XML et CSS, et en rationalisant les processus pour permettre aux utilisateurs d'aboutir à des résultats plus complets en moins de temps. La prise en charge des méthodologies de conception les plus évoluées par Dreamweaver 8 permet de profiter de fonctions de développement ouvert et basé sur les standards actuels, et bien entendu des outils de base dont les professionnels ont besoin. Dreamweaver supporte également les technologies serveur telles que ColdFusion, PHP, ASP, ASP.NET et JSP, ce qui permet aux développeurs de tous niveaux de créer les projets les plus complets.
Par « meilleures pratiques », nous entendons les méthodologies de développement et les technologies qui permettent aux utilisateurs de développer des applications web aussi rapidement et efficacement que possible. Le respect des meilleures pratiques assure l'obtention des meilleurs résultats pour les utilisateurs, avec un excellent rendu dans tous les navigateurs et des coûts de maintenance plus réduits.
Une chose qui a été très claire lors de nos conversations avec nos clients est qu'ils souhaitent pouvoir utiliser Dreamweaver avec les technologies web, que Dreamweaver les aide à maîtriser les technologies les plus récentes, et que Dreamweaver s'adapte aux technologies au fur et à mesure de leur évolution. C'est là un aspect de Dreamweaver qui en a fait un standard pour les designers et les développeurs web. C'est également pourquoi cette version comprend des fonctions plus poussées pour la prise en charge des styles CSS et l'intégration avec XML.
Qu'est-ce que le format CSS ? De l'anglais « Cascading Style Sheets », qui signifie « feuilles de styles cascadées », le format CSS est un langage web conçu pour la présentation et le positionnement des contenus web. Le format CSS est le format recommandé par le W3C pour séparer la présentation des contenus. Le langage CSS permet de créer des feuilles de styles définissant la façon dont différents éléments, tels que en-têtes et liens, apparaissent. Ces feuilles de styles peuvent alors être appliquées à n'importe quelle page web. Les avantages du format CSS sont les suivants :
Une prise en charge réelle du format CSS est apparue dans Dreamweaver MX 2004. La réponse à cette fonctionnalité a été extrêmement positive et de plus en plus d'utilisateurs se sont intéressés aux fonctions CSS pour le positionnement des contenus sur leurs pages.
Cette nouvelle version est également importante pour la prise en charge du format XML. Les designers et les développeurs web s'intéressent de plus en plus au langage XML, principalement en raison de la révolution de la « syndication des contenus » sur le web, la publication de contenus au format RSS, une variante du langage XML. Par exemple, vous pouvez syndiquer la section Affaires du New York Times en vous connectant à son flux RSS XML ou regrouper des informations de plusieurs blogs au sein d'un seul.
De nombreux organismes, tels que le gouvernement fédéral américain, travaillent à la conversion de leurs données au format XML, principalement pour profiter de la structure et du contrôle que ce format permet d'obtenir.
Alors que le langage XML est recommandé par le W3C depuis 1998, nombreux sont les designers et les développeurs web qui le trouvaient difficile à utiliser. Les outils permettant de créer des transformations XSL étaient jusqu'à maintenant et pour la plupart des outils coûteux, avec des fonctionnalités dont le développeur web moyen n'a pas besoin.
Dreamweaver simplifie tout cela, avec de simples fonctions glisser-déposer.
Dreamweaver 8 fournit une prise en charge sans équivalent des meilleures pratiques et des standards en place, tels que CSS, flux RSS et XML, et accessibilité.
| Nouvelle fonction | Description |
|---|---|
| Création visuelle avec données XML | Profitez du format XML avec de puissants outils visuels pour intégrer des flux et démystifier le processus de conversion de XML à HTML. Intégrez des données XML telles que les flux RSS à vos pages web par simple glisser-déposer. Utilisez le mode d'affichage du code pour personnaliser la transformation, à l'aide de meilleurs conseils XML et XSLT. |
| Nouveau panneau CSS unifié | Le nouveau panneau CSS unifié est un emplacement centralisé dans lequel apprendre, comprendre et utiliser les styles CSS appliqués aux pages de façon visuelle. Toutes les fonctionnalités CSS sont regroupées au sein d'un même ensemble de panneaux CSS pour simplifier le processus et améliorer la productivité. La nouvelle interface simplifie la visualisation de la cascade des styles appliqués à un élément spécifique et l'identification des attributs devant être définis. Une grille de propriétés rend les modifications plus rapides. |
| Affichage de la mise en page CSS | Des aides visuelles permettent de souligner les bordures CSS alors que des couleurs peuvent révéler les mises en page CSS complexes et améliorer la sélection. Vous pouvez cliquer sur la mise en page CSS pour obtenir des conseils utiles, tels que les paramètres d'identifiant, de marges et de bordures, pour mieux comprendre les éléments contrôlant la mise en page. |
| Barre d'outils de rendu des styles | Voyez les contenus tels qu'ils seront affichés chez les utilisateurs, quel que soit le mécanisme de présentation, grâce à la nouvelle prise en charge des types de médias CSS dans Dreamweaver 8. La barre d'outils de rendu des styles permet de basculer en mode Création pour afficher l'apparence finale à l'impression, sur un appareil mobile ou à l'écran. |
| Améliorations du rendu CSS | La précision du mode Création a été nettement améliorée de façon à permettre un affichage exact des mises en page CSS telles qu'elles apparaîtront dans la plupart des navigateurs. Dreamweaver supporte pleinement les techniques CSS avancées, telles que le débordement, les pseudo éléments et les éléments de formulaires. |
| Accessibilité : prise en charge du niveau de priorité 2 WCAG/W3C | Dreamweaver comprend désormais, en plus de l'outil d'évaluation du niveau de priorité 1, un nouvel outil d'évaluation des points de priorité 2. |
| Meilleur WebDAV | WebDAV dans Dreamweaver 8 prend désormais en charge l'authentification digest et SSL pour le transfert de fichiers, ainsi qu'une connectivité améliorée avec toute une gamme de serveurs. |
Je vous recommande l'article de Marius Zaharia consacré au format XML* pour commencer à vous préparer à utiliser les nouvelles fonctions XML.
Efficacité : un domaine dans lequel la communication avec les utilisateurs a vraiment son importance. Cette nouvelle version se devait absolument d'aider les utilisateurs à être encore plus efficaces, à obtenir plus rapidement les résultats escomptés. Nous souhaitions simplifier les opérations les plus fréquentes de façon à permettre aux designers et aux développeurs de se concentrer sur ce qu'ils aiment : la conception et le développement de sites et d'applications.
Des outils tels que zoom, guides et réduction du code ont été intégrés à Dreamweaver. L'efficacité, c'est aussi de pouvoir intégrer des processus en place à Dreamweaver pour en faire un outil encore plus intuitif, sans obliger les utilisateurs à s'adapter à de nouvelles méthodes de travail.
Obtenez vos résultats plus rapidement grâce à une optimisation du flux de travail qui réduit le temps nécessaire à l'exécution des tâches les plus communes. Dreamweaver 8 simplifie les tâches les plus banales pour permettre de se concentrer sur les fonctions importantes, la conception et le développement d'applications et de sites web captivants.
| Nouvelle fonction | Description |
|---|---|
| Transfert de fichiers en tâche de fond | Plus besoin d'attendre que Dreamweaver 8 ait fini de télécharger les fichiers. Une nouvelle fonctionnalité permet aux utilisateurs de travailler avec les fichiers sur la machine locale pendant que Dreamweaver communique avec le serveur. |
| Zoom | Bénéficiez d'un meilleur contrôle sur la mise en page. La fonction de zoom vous permet d'inspecter une image de plus près ou de travailler avec une mise en page complexe comprenant des tableaux imbriqués. Un zoom arrière permet de voir l'ensemble de la page. |
| Guides | Comparez la mise en page aux maquettes avec une précision au pixel près grâce à des guides permettant de mesurer les dimensions. Cette assistance visuelle permet de mieux évaluer les distances et prend même en charge l'accrochage. |
| Barre d'outils de code | La nouvelle barre d'outils de code place les opérations les plus fréquentes dans une gouttière le long de la surface de programmation. Plus besoin de partir à la chasse de fragments de code dans les divers menus. De nouvelles fonctions de programmation comprennent les commentaires. |
| Réduction du code | Concentrez-vous sur le code en cours d'utilisation. Masquez ou développez les blocs de code sélectionnés ou en fonction de certaines balises. |
| Configuration de l'espace de travail | Personnalisez et enregistrez différentes configurations de votre espace de travail. Dreamweaver 8 est fourni avec quatre configurations différentes conçues pour répondre aux besoins des designers et des programmeurs. Faites votre choix parmi ceux présentés ou concevez votre propre espace de travail personnalisé. |
| Documents avec onglets pour le Mac | De nouveaux onglets sur le Mac permettent d'obtenir une interface utilisateur simplifiée et une sélection plus simple des documents. |
| Nouvelles pages de démarrage | La prise en main de l'application est un jeu d'enfant. Les modèles fournis permettent aux utilisateurs de créer leur premier site en un rien de temps. |
| Meilleures fonctions de synchronisation et d'extraction/archivage des fichiers | Gérez vos sites avec une meilleure fiabilité. Les améliorations apportées aux fonctions de synchronisation permettent d'assurer l'utilisation de fichiers à jour. La fonctionnalité d'extraction/archivage permet d'éviter l'écrasement accidentel des fichiers, mais aussi d'en connaître le propriétaire ou l'utilisateur. |
| Comparaison de fichiers | Comparez rapidement les fichiers afin d'identifier les changements, s'il s'agit de fichiers locaux, d'un fichier sur chaque serveur local/distant, ou de deux fichiers sur le serveur distant. Dreamweaver 8 comprend désormais des utilitaires de comparaison, dans la version Macintosh comme dans la version Windows. |
| Collage spécial | Plus besoin de s'arracher les cheveux sur les contenus provenant de messages électroniques ou de Microsoft Word. Les nouvelles options de Dreamweaver permettent de conserver tous les formats créés dans Microsoft Word, ou de ne conserver que le texte et d'appliquer des styles CSS déjà créés. |
| Références relatives au site | Travaillez de façon plus simple avec les inclusions côté serveur au moment de la conception comme à l'exécution grâce à des références relatives au site plutôt qu'aux fichiers locaux. |
| Amélioration des fonctions de code | Bénéficiez d'un meilleur contrôle sur la façon dont les conseils et l'insertion automatique de balises fonctionnent. |
Studio 8 est une version importante, qui regroupe cinq des meilleurs produits de conception, de développement et de maintenance de sites web. Le parcours de Studio est étroitement lié à celui de Dreamweaver, qui se trouve au coeur du processus de travail avec tous les outils de Studio : c'est en effet là que les éléments multimédia créés dans Macromedia Flash et les images optimisées dans Fireworks sont associées au code HTML et aux flux de données côté serveur pour développer l'expérience utilisateur.
Peut-être avez-vous déjà vu la démonstration de Macromedia Flash Professional 8 et de ce que vous pouvez faire pour agrémenter votre site de contenus vidéo.
Comme vous le savez peut-être, Studio 8 est accompagné d'un encodeur vidéo autonome et nous avons fait en sorte de fournir un flux de travail aussi simple que possible pour l'inclusion de contenus vidéo Flash. Avec Dreamweaver 8, l'inclusion de contenus vidéo est un jeu d'enfant, par simple glisser-déposer. Cinq clics de souris suffisent.
Nous souhaitons également aider les utilisateurs à profiter des technologies les plus récentes. C'est pourquoi cette version comprend désormais la prise en charge de PHP 5 et de Macromedia ColdFusion MX 7.
| Nouvelle fonction | Description |
|---|---|
| Prise en charge de ColdFusion MX 7 | La prise en charge de ColdFusion MX 7 comprend de nouveaux comportements serveur et de nouveaux conseils de code. Dreamweaver détecte automatiquement la version du serveur lors de la première connexion au site de façon à faire correspondre les conseils de code et les fonctions de débogage à la version de ColdFusion. L'étroite intégration entre Dreamweaver et ColdFusion permet aux utilisateurs d'ajouter et de supprimer des bases de données directement à partir des panneaux de bases de données et de composants dans Dreamweaver, pour n'afficher que les composants CFC définis dans le site en cours. |
| Prise en charge de PHP 5 | Profitez d'une meilleure prise en charge de PHP 5, y compris des comportements serveur et des conseils de code. |
| Vidéo Flash | L'ajout de vidéo Flash est une opération des plus simples. Ajoutez et personnalisez les contenus vidéo en seulement cinq clics de souris. |
| Macromedia Web Publishing System : historique des événements et notifications | Conservez une trace de tout ce qui se passe au niveau de votre site. Des événements de Dreamweaver envoient des notifications au serveur Macromedia Web Publishing System pour enregistrer toutes les modifications. |
| Texte de référence O'Reilly mis à jour | De nouveaux contenus de référence pour XML, XSLT et XPath, et des contenus mis à jour pour ASP et JSP complémentent l'ensemble de référence déjà robuste de Dreamweaver. Utilisez les langages dont vous avez besoin pour les sites et les applications. |
Comme vous pouvez le constater, Dreamweaver 8 est une importante évolution. Vous attendez certainement avec impatience de pouvoir l'utiliser. Ne vous inquiétez pas ! La version finale arrive bientôt. Dans l'entre-temps, je vous recommande d'en apprendre un peu plus sur le code XML et XSL pour être fin prêt lorsque nécessaire. Vous pouvez commencer par l'article de Marius Zaharia consacré au code XML*. Marius vous en dira également un peu plus sur le code XSL dès le 22 août. Un bon nombre de didacticiels sont également prévus.
Jen Taylor est chef de produit Dreamweaver. Depuis son arrivée à Macromedia, Jen s'est concentrée sur HomeSite, la communauté des développeurs et la stratégie pour les nouveaux produits. Lorsqu'elle n'est pas à son bureau en train de discuter avec un client, on peut la trouver en train de faire du vélo dans le parc régional des Marin Headlands, au nord de San Francisco.
