Comment utiliser des actifs tels que des images, films, couleurs, scripts, liens et éléments de bibliothèque sous Dreamweaver.
À propos des actifs
Vous pouvez utiliser Adobe Dreamweaver pour suivre et prévisualiser les ressources stockées dans votre site, telles que les images, films, couleurs, scripts et liens.Vous pouvez également faire glisser une ressource directement pour l'insérer dans une page du document actif.
Vous pouvez obtenir des actifs à partir de différentes sources. Par exemple, vous pouvez créer des ressources dans une Application telle qu'Adobe® Fireworks® ou Adobe® Flash®, les recevoir d'un collègue, ou les copier depuis un CD d'images clipart ou un site web graphique.
Dreamweaver fournit également un accès à deux types spéciaux de ressources : les bibliothèques et les modèles.Les deux sont des ressources liées : lorsque vous modifiez un élément de bibliothèque ou un modèle, Dreamweaver met à jour tous les documents qui utilisent ces ressources.Les éléments de bibliothèque représentent généralement de petites ressources de design, telles qu'un logo de site ou un copyright. Pour contrôler une zone de design plus large, utilisez plutôt un modèle.
À propos des éléments de bibliothèque
Une bibliothèque est un fichier Dreamweaver spécial contenant une collection d'ressources individuelles ou de copies de ressources que vous pouvez placer dans vos pages web. Les actifs présents dans une bibliothèque portent le nom d’éléments de bibliothèque. Les éléments que vous pouvez stocker dans une bibliothèque incluent les images, tableaux, sons et fichiers créés avec Adobe Flash. Vous pouvez automatiquement mettre à jour toutes les pages qui utilisent un élément de bibliothèque chaque fois que vous modifiez l'élément.
Par exemple, supposons que vous construisez un grand site pour une entreprise qui veut qu'un slogan apparaisse sur chaque page. Vous pouvez créer un élément de bibliothèque pour contenir le slogan et utiliser cet élément de bibliothèque sur chaque page. Si le slogan change, vous pouvez modifier l'élément de bibliothèque et automatiquement mettre à jour chaque page qui l'utilise.
Dreamweaver stocke les éléments de bibliothèque dans un dossier Bibliothèque à l'intérieur du dossier racine local pour chaque site. Chaque site a sa propre bibliothèque.
Vous pouvez créer un élément de bibliothèque à partir de n'importe quel élément dans la section corps d'un document, incluant le texte, tableaux, formulaires, applets Java, plug-ins, éléments ActiveX, barres de navigation et images.
Pour les éléments liés tels que les images, la bibliothèque stocke seulement une référence à l'élément. Le fichier original doit rester à l'emplacement spécifié pour que l'élément de bibliothèque fonctionne correctement.
Il peut toutefois être utile de stocker une image dans un élément de bibliothèque. Par exemple, vous pourriez stocker une balise img complète dans un élément de bibliothèque, ce qui vous permettrait de modifier facilement le texte alt de l'image, ou même son attribut src, dans tout le site.(N'utilisez pas cette technique pour modifier les attributs width et height d'une image, sauf si vous utilisez également un éditeur d'image pour modifier la taille réelle de l'image.)
Si l'élément de bibliothèque contient des liens, les liens peuvent ne pas fonctionner dans le nouveau site. De plus, les images d'un élément de bibliothèque ne sont pas copiées vers le nouveau site.
Lorsque vous utilisez un élément de bibliothèque, Dreamweaver insère un lien vers celui-ci, plutôt que l'élément lui-même, dans la page web. C'est-à-dire que Dreamweaver insère une copie du code source HTML pour cet élément dans le document et ajoute un commentaire HTML contenant une référence à l'élément original externe.C'est cette référence externe qui rend possible la mise à jour automatique.
Lorsque vous créez un élément de bibliothèque qui inclut un élément avec un comportement Dreamweaver qui lui est associé, Dreamweaver copie l'élément et son gestionnaire d'événements (l'attribut qui spécifie quel événement déclenche l'action, tel que onClick, onLoad, ou onMouseOver, et quelle action appeler lorsque l'événement se produit) dans le fichier de l'élément de bibliothèque. Dreamweaver ne copie pas les fonctions JavaScript associées dans l'élément de bibliothèque.Au lieu de cela, lorsque vous insérez l'élément de bibliothèque dans un document, Dreamweaver insère automatiquement les fonctions JavaScript appropriées dans la section head de ce document (si elles ne s'y trouvent pas déjà).
Si vous codez manuellement le JavaScript (c'est-à-dire si vous le créez sans utiliser les comportements Dreamweaver), vous pouvez en faire partie d'un élément de bibliothèque si vous utilisez le comportement Appeler JavaScript pour exécuter le code. Si vous n'utilisez pas un comportement Dreamweaver pour exécuter le code, le code n'est pas conservé dans l'élément de bibliothèque.
Il existe des exigences particulières pour modifier les comportements dans les éléments de bibliothèque. Les éléments de bibliothèque ne peuvent pas contenir de feuilles de style, car le code de ces éléments fait partie de la section head.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
