Dreamweaver CS4 | ![]() |
Ressources de Dreamweaver CS4 |
A propos des objets dynamiques et des flux de production entre Photoshop et DreamweaverIl existe deux principaux flux de production pour traiter les fichiers Photoshop dans Dreamweaver : le flux de production copier/coller et celui des objets dynamiques. Flux de production copier/collerLe flux de production copier/coller vous permet de sélectionner des tranches ou des calques dans un fichier Photoshop, puis de passer dans Dreamweaver pour en faire des images compatibles avec une utilisation sur le Web. Toutefois, si vous voulez mettre à jour le contenu ultérieurement, vous devez ouvrir le fichier Photoshop d’origine, effectuer vos modifications, copier de nouveau votre tranche ou votre calque dans le Presse-papiers, puis coller la tranche ou le calque mis à jour dans Dreamweaver. Ce flux de production est recommandé uniquement lorsque vous voulez insérer une partie d’un fichier Photoshop (par exemple, une section d’une composition) en tant qu’image sur une page Web. Flux de production d’objets dynamiquesLorsque vous travaillez sur des fichiers Photoshop entiers, Adobe recommande l’utilisation de ce flux de production. Dans Dreamweaver, un objet dynamique désigne une image placée sur une page Web avec une connexion en ligne vers un fichier Photoshop (PSD) d’origine. En mode Création dans Dreamweaver, un objet dynamique est signalé par une icône située dans le coin supérieur gauche de l’image. ![]() Objet dynamique Lorsque l’image Web (c’est-à-dire l’image de la page Dreamweaver) n’est pas synchronisée avec le fichier Photoshop d’origine, Dreamweaver détecte que le fichier d’origine a été mis à jour et affiche l’une des flèches de l’icône d’objet dynamique en rouge. Lorsque vous sélectionnez l’image Web en mode Création et que vous cliquez sur le bouton Mettre à jour depuis l’original dans l’inspecteur des propriétés, l’image se met à jour automatiquement avec tous les changements effectués dans le fichier Photoshop d’origine. Lorsque vous utilisez le flux de production d’objets dynamiques, vous n’avez pas besoin d’ouvrir Photoshop pour mettre à jour une image Web. En outre, toute mise à jour d’objet dynamique dans Dreamweaver est non destructive. Cela signifie que vous pouvez modifier la version Web de l’image sur votre page tout en préservant l’intégrité de l’image Photoshop d’origine. Vous pouvez également mettre à jour un objet dynamique sans sélectionner l’image Web en mode Création. Le panneau des actifs vous permet de mettre à jour tous les objets dynamiques, y compris les images susceptibles de ne pas pouvoir être sélectionnées dans la fenêtre de document (par exemple, les images d’arrière-plan CSS). Paramètres d’optimisation d’imagePour les flux de production copier/coller et d’objets dynamiques, vous pouvez spécifier des paramètres d’optimisation dans la boîte de dialogue d’aperçu de l’image. Cette boîte de dialogue vous permet de définir des éléments tels que le format de fichier, la qualité de l’image, etc. Si vous copiez une tranche ou un calque pour la première fois ou que vous insérez un fichier Photoshop en tant qu’objet dynamique pour la première fois, Dreamweaver affiche cette boîte de dialogue pour vous aider à créer l’image Web. Si vous copiez une mise à jour dans une tranche ou un calque, Dreamweaver se souvient des paramètres d’origine et recrée l’image Web avec ces paramètres. De même, lorsque vous mettez à jour un objet dynamique à l’aide de l’inspecteur des propriétés, Dreamweaver reprend les paramètres que vous avez utilisés lorsque vous avez inséré l’image pour la première fois. Vous pouvez à tout moment modifier les paramètres d’une image : il vous suffit de sélectionner l’image Web en mode Création, puis de cliquer sur le bouton de modification des paramètres d’image dans l’inspecteur des propriétés. Stockage des fichiers PhotoshopSi vous avez inséré une image Web et que vous n’avez pas enregistré le fichier Photoshop d’origine sur votre site Dreamweaver, Dreamweaver reconnaît le chemin vers le fichier d’origine comme chemin de fichier local absolu (c’est le cas pour les flux de production copier/coller et d’objets dynamiques). Par exemple, si le chemin vers votre site Dreamweaver est C:\Sites\monSite et que votre fichier Photoshop se trouve sous C:\Images\Photoshop, Dreamweaver ne reconnaît pas le fichier d’origine comme faisant partie du site intitulé monSite. Cela pose des problèmes si vous voulez partager ce fichier Photoshop avec d’autres personnes, car Dreamweaver considère uniquement le fichier comme disponible sur un disque dur local spécifique. Toutefois, si vous stockez le fichier Photoshop sur votre site, Dreamweaver établit un chemin lié au site vers le fichier. Les utilisateurs ayant accès au site pourront également établir le bon chemin vers le fichier, sous réserve que vous leur ayez aussi fourni le fichier d’origine à télécharger. Un didacticiel vidéo consacré au flux de production utilisant des objets dynamiques dans Photoshop et Dreamweaver est disponible à l’adresse suivante : www.adobe.com/go/lrvid4043_dw_fr. |