Dans la fenêtre de document, passez en mode Création et sélectionnez une partie de document que vous souhaitez enregistrer comme élément de la bibliothèque.
Dernière mise à jour le
20 déc. 2021
Utilisez cette rubrique pour apprendre comment créer des éléments de bibliothèque sous Dreamweaver, insérer et modifier des éléments de bibliothèque dans des documents.
Une bibliothèque est un fichier Dreamweaver spécial contenant une collection d'assets individuels ou de copies d'assets 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 comprennent des images, des tableaux, des sons et des 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 cet élément.
Par exemple, supposons que vous créez un grand site pour une entreprise qui souhaite 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 Library dans le dossier racine local de chaque site. Chaque site a sa propre bibliothèque.
Vous pouvez créer un élément de bibliothèque à partir de tout élément dans la section corps d'un document, y compris le texte, les tableaux, les formulaires, les applets Java, les plug-ins, les éléments ActiveX, les barres de navigation et les 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 facilement modifier le texte alt de l'image, ou même son attribut src, dans l'ensemble du site.(N'utilisez pas cette technique pour modifier les attributs Largeur et height d'une image, cependant, sauf si vous utilisez aussi un éditeur d'images pour modifier la taille réelle de l'image.)
Si l’élément de bibliothèque contient des liens, ils ne fonctionneront pas nécessairement sur le nouveau site. En outre, 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, 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 externe original. C'est cette référence externe qui rend la mise à jour automatique possible.
Lorsque vous créez un élément de bibliothèque qui inclut un élément avec un comportement Dreamweaver attaché, Dreamweaver copie l'élément et son gestionnaire d'événement (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 d'é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 n'y sont pas déjà).
Si vous rédigez manuellement le code JavaScript (ou si vous le créez sans utiliser de comportements Dreamweaver), vous pouvez l’intégrer à votre élément de bibliothèque à l’aide du comportement Appel JavaScript pour exécuter le code. Le code n’est pas conservé dans l’élément de bibliothèque lorsque vous n’utilisez pas de comportement Dreamweaver pour l’exécuter.
Il existe des conditions 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 pour ces éléments fait partie de la section head.
Créer un élément de bibliothèque basé sur une sélection
Sélectionnez Outils > Bibliothèque > Ajouter un objet dans la bibliothèque.
Saisissez un nom pour le nouvel élément de bibliothèque, puis appuyez sur Entrée
(Windows) ou Retour (Macintosh).
Dreamweaver sauvegarde chaque élément de bibliothèque comme un fichier séparé (avec l'extension .lbi) dans le dossier Library du dossier racine local du site.
Création d’un élément de bibliothèque vide
Assurez-vous que rien n'est sélectionné dans la
fenêtre Document.
Si quelque chose est sélectionné, cela sera placé dans le nouvel élément de bibliothèque.
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
Cliquez sur le bouton Nouvel élément de bibliothèque, en bas du panneau.
Tant que l'élément est encore sélectionné, saisissez un nom,
puis appuyez sur Entrée (Windows) ou Retour (Macintosh).
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.
Placez le point d’insertion dans la fenêtre de document.
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
Effectuez l’une des opérations suivantes :
- Faites glisser un élément de bibliothèque du panneau Actifs vers la fenêtre de document.
Annotation
Pour insérer le contenu d’un élément de bibliothèque sans inclure de référence à l’élément dans le document, appuyez sur la touche Ctrl (Windows) ou Option (Macintosh) tout en faisant glisser l’élément hors du panneau Actifs. Lorsque vous insérez un élément de cette façon, vous pouvez le modifier dans le document, mais le document ne sera pas mis à jour lorsque vous mettrez à jour les pages qui utilisent cet élément.
Sélectionnez un élément de bibliothèque, puis cliquez sur Insérer.
Modification des éléments de bibliothèque et mise à jour des documents
Lorsque vous modifiez un élément de bibliothèque, vous pouvez mettre à jour tous les documents qui utilisent cet élément.Si vous choisissez de ne pas mettre à jour, les documents restent associés à l'élément de bibliothèque ; vous pouvez les mettre à jour plus tard.
Vous pouvez renommer des éléments pour rompre leur connexion 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
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
Sélectionnez un élément de bibliothèque.
Vous pouvez soit cliquer sur le bouton Modifier, soit double-cliquer sur l’élément de bibliothèque.
Dreamweaver ouvre une nouvelle fenêtre, similaire à la fenêtre Document, pour modifier l'élément de bibliothèque.L'arrière-plan gris indique que vous modifiez un élément de bibliothèque plutôt qu'un document.
Apportez les modifications et enregistrez-les.
Indiquez si vous souhaitez mettre à jour les documents du site local qui utilisent l’élément de bibliothèque modifié. Sélectionnez Mettre à jour pour effectuer une mise à jour immédiate. Si vous sélectionnez Ne pas mettre à jour, les documents ne seront pas mis à jour sauf si vous sélectionnez Outils > Bibliothèque > Mettre à jour la page en cours ou Mettre à jour les pages.
Mettre à jour le document actuel pour utiliser la version actuelle de tous les éléments de bibliothèque
Sélectionnez Outils > Bibliothèque > Mettre à jour la page en cours.
Mettre à jour l'ensemble du site ou tous les documents qui utilisent un élément de bibliothèque particulier
Sélectionnez Outils > Bibliothèque > Mettre à jour les pages.
Dans le menu déroulant Regarder dans, indiquez ce qui doit être mis à jour :
Pour mettre à jour toutes les pages du site sélectionné pour utiliser la version actuelle de tous les éléments de bibliothèque, sélectionnez Site entier, puis sélectionnez le nom du site dans le menu contextuel adjacent.
Pour mettre à jour toutes les pages du site actuel qui utilisent l'élément de bibliothèque, sélectionnez Fichiers qui utilisent, puis sélectionnez un nom d'élément de bibliothèque dans le menu contextuel adjacent.
Assurez-vous qu'Éléments de bibliothèque est sélectionné dans l'option Mise à jour.
Pour mettre les modèles à jour en même temps, sélectionnez Modèles également.
Cliquez sur Démarrer.
Dreamweaver met à jour les fichiers comme indiqué. Si vous avez sélectionné l'option Afficher le journal, Dreamweaver génère un rapport indiquant si les fichiers ont été mis à jour avec succès, ainsi que d'autres informations.
Modification du nom d’un élément de bibliothèque
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
Cliquez sur l’élément de bibliothèque, attendez, puis cliquez de nouveau.
(Ne double-cliquez pas, car cela ouvrirait l’élément pour modification.)
Entrez un nouveau nom.
Cliquez ailleurs ou appuyez sur Entrée (Windows) ou sur Retour (Macintosh).
Spécifiez s'il faut mettre à jour les documents qui utilisent l'élément
en choisissant Mettre à jour ou Ne pas mettre à jour.
Suppression d’un élément d’une bibliothèque
Lorsque vous supprimez un élément de bibliothèque, Dreamweaver le supprime de la bibliothèque mais ne modifie pas le contenu des documents qui utilisent l'élément.
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
Sélectionnez l’élément de bibliothèque.
Cliquez sur le bouton Supprimer ou appuyez sur la touche Suppr,
puis confirmez que vous voulez supprimer l'élément.
Si vous supprimez un élément de bibliothèque, vous ne pourrez pas utiliser Annuler pour le récupérer. Vous pouvez toutefois le recréer.
Recréer un élément de bibliothèque manquant ou supprimé
Sélectionnez une instance de l'élément dans l'un de vos documents.
Cliquez sur le bouton Recréer dans l'inspecteur de propriétés (Fenêtre >
Propriétés).
Personnaliser 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 les préférences de surbrillance.
Modifier la couleur de surbrillance des éléments de bibliothèque
Cliquez sur Édition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).
Sélectionnez la catégorie Surbrillance dans la liste de
gauche de la boîte de dialogue Préférences.
Cliquez sur la zone de couleur Éléments de bibliothèque, puis sélectionnez une couleur
de surbrillance à l'aide du sélecteur de couleurs (ou saisissez la valeur de couleur hexadécimale
dans la zone de texte).
Sélectionnez Afficher pour afficher la couleur de surbrillance dans la fenêtre Document.
Cliquez sur OK.
Pour afficher ou masquer la surbrillance dans la fenêtre Document
Pour afficher la mise en surbrillance, sélectionnez Affichage > Options du mode Création > Assistances visuelles > Éléments invisibles. Pour masquer la mise en surbrillance, désélectionnez l’option Eléments invisibles.
Modifier les propriétés d'un élément de bibliothèque
Vous pouvez utiliser l'inspecteur des propriétés pour ouvrir un élément de bibliothèque en vue de le modifier, détacher un élément de bibliothèque sélectionné de son fichier source ou remplacer un élément par l'élément de bibliothèque actuellement sélectionné.
Sélectionnez un élément de bibliothèque dans un document.
Sélectionnez l'une de ces options dans l'inspecteur des propriétés (Fenêtre > Propriétés) :
Src
Affiche le nom et l'emplacement du fichier source pour l'élément de bibliothèque. Vous ne pouvez pas modifier ces informations.
Ouvrir
Ouvre le fichier source de l’élément de bibliothèque pour modification. Ceci est équivalent à sélectionner l'élément dans le panneau Assets et cliquer sur le bouton Modifier.
Détacher de l’original
Rompt le lien entre l'élément de bibliothèque sélectionné et son fichier source. Vous pouvez modifier l'élément détaché dans le document, mais ce n'est plus un élément de bibliothèque et il n'est plus mis à jour lorsque vous modifiez l'original.
Créer à nouveau
Remplace l’élément d’origine par la sélection en cours. Utilisez cette option pour recréer les éléments de bibliothèque si l'élément de bibliothèque original est manquant ou a été supprimé accidentellement.
Rendre les éléments de bibliothèque modifiables dans un document
Si vous avez ajouté un élément de bibliothèque à votre document et que vous souhaitez modifier l'élément spécifiquement pour cette page, vous devez rompre le lien entre l'élément dans le document et la bibliothèque.Une fois que vous avez rendu une instance d'un élément de bibliothèque modifiable, cette instance n'est pas mise à jour lorsque l'élément de bibliothèque change.
Sélectionnez un élément de la bibliothèque dans le document actif.
Cliquez sur Détacher de l'original dans l'inspecteur des propriétés (Fenêtre > Propriétés).
Modification d’un comportement dans un élément de bibliothèque
Pour modifier un comportement dans un élément de bibliothèque, vous devez d'abord insérer l'élément dans un document, puis rendre l'élément modifiable dans ce document. Après avoir apporté les modifications, vous pouvez recréer l'élément de bibliothèque, en remplaçant l'élément dans la bibliothèque par l'élément modifié du document.
Ouvrez un document contenant l’élément de la bibliothèque.
Notez le nom de l'élément de bibliothèque, ainsi que les balises exactes qu'il contient. Vous aurez besoin de cette information plus tard.
Sélectionnez l'élément de bibliothèque, puis cliquez sur Détacher de l'original
dans l'inspecteur des propriétés (Fenêtre > Propriétés).
Sélectionnez l'élément auquel le comportement est attaché.
Dans le panneau Comportements (Fenêtre > Comportements),
double-cliquez sur l'action que vous souhaitez modifier.
Dans la boîte de dialogue qui apparaît, apportez les modifications, puis
cliquez sur OK.
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
Enregistrez le nom exact et la casse de l'élément de bibliothèque
original ; sélectionnez-le, puis cliquez sur le bouton Supprimer.
Dans la fenêtre Document, sélectionnez tous les éléments qui
composent l'élément de bibliothèque.
Veillez à sélectionner exactement les mêmes éléments qui étaient dans l'élément de bibliothèque original.
Dans le panneau Actifs, cliquez sur le bouton Nouvel élément de bibliothèque, et donnez au nouvel élément le nom de l’élément que vous avez supprimé en respectant l’orthographe et la casse.
Pour mettre à jour l’élément de bibliothèque dans les autres documents de votre site, cliquez sur Outils > Bibliothèque > Mettre à jour les pages.
Dans le menu déroulant Regarder dans, sélectionnez Fichiers utilisant.
Dans le menu contextuel adjacent, sélectionnez le nom de l'élément de bibliothèque que vous venez de créer.
Dans l'option Mettre à jour, vérifiez que Éléments de bibliothèque est sélectionné, puis cliquez sur Démarrer.
Une fois les mises à jour terminées, cliquez sur Fermer.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
