Utilisation d’éléments de bibliothèque

Une bibliothèque est un fichier Dreamweaver spécial regroupant un ensemble d’actifs individuels ou des copies d’actifs 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 pouvant être stockés dans une bibliothèque sont notamment les images, les tableaux, les sons et les fichiers créés à l’aide d’Adobe Flash. Vous pouvez mettre à jour automatiquement toutes les pages qui utilisent un élément de bibliothèque chaque fois que vous modifiez cet élément.

Par exemple, supposons que vous construisiez un site de grande taille pour une société qui souhaite qu’un slogan figure sur chaque page. Vous pouvez créer un élément de bibliothèque qui contient le slogan et utiliser cet élément dans chaque page. Si le slogan est modifié, vous pouvez modifier l’élément de bibliothèque et mettre à jour automatiquement chaque page qui l’utilise.

Dreamweaver stocke les éléments de bibliothèque dans un dossier nommé Library, à l’intérieur du dossier racine local de chaque site. Chaque site possède sa propre bibliothèque.

Vous pouvez créer un élément de bibliothèque à partir de n’importe quel élément dans la section body d’un document, notamment du texte, des tableaux, des formulaires, des applets Java, des plug-ins, des éléments ActiveX, des barres de navigation et des images.

Pour les éléments liés tels que les images, la bibliothèque enregistre uniquement une référence à l’élément. Le fichier d’origine doit rester à l’emplacement spécifié pour que l’élément de la bibliothèque fonctionne correctement.

Il peut toutefois être utile de stocker une image dans un élément de bibliothèque. Par exemple, vous pouvez stocker une balise img complète dans un élément de bibliothèque, afin de pouvoir modifier facilement le texte alt d’une image, ou même son attribut src, dans l’ensemble du site. N’utilisez pas cette technique pour modifier les attributs de largeur et de hauteur (width et height) d’une image, sauf si vous utilisez également un éditeur d’image pour changer la taille réelle de l’image.

Lorsque vous utilisez un élément de bibliothèque, Dreamweaver insère un lien vers cet élément dans la page web au lieu de l’élément lui-même. En d’autres termes, Dreamweaver insère une copie du code source HTML de cet élément dans le document et ajoute un commentaire HTML contenant une référence à l’élément externe d’origine. Il s’agit d’une référence externe qui rend la mise à jour automatique possible.

Lorsque vous créez un élément de bibliothèque qui comprend un élément à l’aide d’un comportement associé à celui-ci, Dreamweaver copie l’élément et son gestionnaire d’événement (l’attribut qui indique quel événement déclenche l’action, tels que onClick, onLoad, ou onMouseOver et l’action à appeler lorsque l’événement se produit) pour le fichier d’élément de bibliothèque. Dreamweaver ne copie pas les fonctions JavaScript associées dans l’élément de la 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à).

La modification des comportements dans les éléments de bibliothèque doit respecter certaines conditions. Les éléments de bibliothèque ne peuvent pas contenir de feuilles de style, car le code associé à ces éléments figure dans la section head.

Création d’un élément de bibliothèque vide

Insertion d’un élément de bibliothèque dans un document

Lorsque vous ajoutez un élément de bibliothèque à une page, le contenu réel est inséré dans le document avec une référence à l’élément de bibliothèque.

Modification des éléments de bibliothèque et mise à jour des documents

Lorsque vous modifiez un élément de bibliothèque, vous pouvez choisir de mettre à jour tous les documents qui utilisent cet élément. Si vous choisissez de ne pas les mettre à jour, les documents restent associés à l’élément de bibliothèque. Il est toujours possible de les mettre à jour ultérieurement.

Vous pouvez renommer des éléments pour rompre leur lien avec des documents ou des modèles, supprimer des éléments de la bibliothèque du site et recréer un élément de bibliothèque manquant.

Modification d’un élément de bibliothèque

Mise à jour du document actif afin d’utiliser la version actuelle de tous les éléments de bibliothèque

Mise à jour du site entier ou de tous les documents utilisant un élément de bibliothèque particulier

Modification du nom d’un élément de bibliothèque

Suppression d’un élément d’une bibliothèque

Lorsque vous supprimez un élément de bibliothèque, Dreamweaver supprime à son tour l’élément de la bibliothèque sans modifier le contenu des documents qui l’utilisent.

Récréation d’un élément de bibliothèque manquant ou supprimé

Personnalisation de la mise en surbrillance des éléments de bibliothèque

Vous pouvez personnaliser la couleur de surbrillance des éléments de bibliothèque et afficher ou masquer la surbrillance en définissant des préférences de surbrillance.

Modification de la couleur de surbrillance des éléments de bibliothèque

Affichage ou masquage de la mise en surbrillance dans la fenêtre de document

Modification des propriétés d’un élément de bibliothèque

L’inspecteur Propriétés vous permet d’ouvrir un élément de bibliothèque pour le modifier, détacher un élément sélectionné de son fichier source ou remplacer un élément par celui sélectionné actuellement.

Autorisation de la modification d’éléments de bibliothèque dans un document

Si vous avez inséré un élément de bibliothèque dans un document et que vous désirez modifier celui-ci uniquement sur cette page, vous devez briser le lien qui existe entre cet élément et la bibliothèque. Lorsqu’une instance d’élément de bibliothèque a été rendue modifiable, elle n’est plus mise à jour quand l’élément de bibliothèque est modifié.

Modification d’un comportement dans un élément de bibliothèque

Pour modifier un comportement dans un élément de bibliothèque, vous devez tout d’abord insérer l’élément dans un document, puis le rendre modifiable dans ce document. Une fois les changements apportés, vous pouvez recréer l’élément de bibliothèque en remplaçant l’élément de la bibliothèque par l’élément modifié de votre document.