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 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.

Remarque :

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 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à).

Remarque :

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.

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éer un élément de bibliothèque basé sur une sélection

  1. Dans la fenêtre de document, sélectionnez une partie d’un document que vous souhaitez enregistrer comme élément de la bibliothèque.
  2. Sélectionnez Outils > Bibliothèque > Ajouter un objet dans la bibliothèque.

  3. Saisissez un nom pour le nouvel élément de la bibliothèque, puis appuyez sur la touche Entrée (Windows) ou Retour (Macintosh).

    Dreamweaver enregistre chaque élément de bibliothèque dans un fichier séparé (avec l’extension de fichier .lbi), dans le dossier Library du dossier racine local du site.

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

  1. Vérifiez que rien n’est sélectionné dans la fenêtre de document.

    Si un élément est sélectionné, il est placé dans le nouvel élément de bibliothèque.

  2. Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.

  3. Cliquez sur le bouton Nouvel élément de bibliothèque, en bas du panneau.

  4. Sélectionnez l’élément et entrez son nom, puis appuyez sur Entrée (Windows) ou sur 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.

  1. Placez le point d’insertion dans la fenêtre de document.
  2. Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.

  3. Effectuez l’une des opérations suivantes :
    • Faites glisser un élément de bibliothèque du panneau Actifs vers la fenêtre de document.

    Remarque :

    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 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

  1. Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.

  2. Sélectionnez un élément de bibliothèque.
  3. 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 de document, permettant de modifier l’élément de bibliothèque. L’arrière-plan gris indique que vous êtres en train de modifier un élément de bibliothèque et non un document.

  4. Apportez les modifications et enregistrez-les.
  5. 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.

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

  1. Sélectionnez Outils > Bibliothèque > Mettre à jour la page en cours.

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

  1. Sélectionnez Outils > Bibliothèque > Mettre à jour les pages.

  2. Dans le menu déroulant Regarder dans, indiquez ce qui doit être mis à jour :
    • Pour mettre à jour toutes les pages du site sélectionné afin d’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 déroulant adjacent.

    • Pour mettre à jour toutes les pages du site en cours qui utilisent l’élément de bibliothèque, sélectionnez Fichiers utilisant, puis sélectionnez un nom d’élément de bibliothèque dans le menu déroulant adjacent.

  3. Sous Mettre à jour, assurez-vous que l’option Eléments de bibliothèque est activée.

    Remarque :

    Pour mettre les modèles à jour en même temps, sélectionnez Modèles également.

  4. Cliquez sur Démarrer.

    Dreamweaver met à jour les fichiers comme indiqué. Lorsque vous sélectionnez l’option Afficher le journal, Dreamweaver génère un rapport qui indique si les fichiers ont été mis à jour correctement et qui comprend d’autres informations.

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

  1. Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.

  2. 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.)
  3. Entrez un nouveau nom.
  4. Cliquez ailleurs ou appuyez sur Entrée (Windows) ou sur Retour (Macintosh).
  5. indiquez si vous souhaitez mettre à jour les documents qui utilisent l’élément en choisissant soit Mettre à jour, soit Ne pas mettre à jour.

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.

  1. Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.

  2. Sélectionnez l’élément de bibliothèque.
  3. Cliquez sur le bouton Supprimer ou appuyez sur la touche Suppr, puis confirmez l’opération.

    Remarque :

    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.

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

  1. Sélectionnez une instance de l’élément dans un de vos documents.
  2. Cliquez sur le bouton Créer à nouveau de l’inspecteur Propriétés (Fenêtre > Propriétés).

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

  1. Cliquez sur Edition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).
  2. Sélectionnez la catégorie Surbrillance dans la liste située à gauche dans la boîte de dialogue Préférences.
  3. Cliquez dans la case de couleur Eléments de la bibliothèque et sélectionnez une couleur de surbrillance à l’aide du sélecteur de couleurs (ou entrez la valeur hexadécimale correspondant à la couleur de surbrillance dans la zone de texte).
  4. Activez l’option Afficher pour afficher la couleur de surbrillance dans la fenêtre de document.
  5. Cliquez sur OK.

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

  1. 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.

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.

  1. Sélectionnez un élément de bibliothèque dans un document.
  2. Sélectionnez l’une des options suivantes dans l’inspecteur Propriétés (Fenêtre > Propriétés) :

    Src

    Indique le nom de fichier et l’emplacement du fichier source de l’élément de la bibliothèque. Vous ne pouvez pas modifier ces informations.

    Ouvrir

    Ouvre le fichier source de l’élément de bibliothèque pour modification. Cela revient à sélectionner l’élément dans le panneau Actifs et à cliquer sur le bouton Modifier.

    Détacher de l’original

    Brise 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 il ne s’agit plus d’un élément de bibliothèque et il n’est plus modifié lorsque vous modifiez l’élément d’origine.

    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 d’origine manque ou a été accidentellement supprimé.

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é.

  1. Sélectionnez un élément de la bibliothèque dans le document actif.
  2. Dans l’inspecteur Propriétés, cliquez sur Détacher de l’original (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 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.

  1. Ouvrez un document contenant l’élément de la bibliothèque.

    Notez le nom de l’élément de la bibliothèque, ainsi que les balises exactes qu’il contient. Vous aurez besoin de cette information plus tard.

  2. Sélectionnez l’élément de bibliothèque, puis cliquez sur Détacher de l’original dans l’inspecteur Propriétés (Fenêtre > Propriétés).
  3. Sélectionnez l’élément auquel est attaché le comportement.
  4. Dans le volet Comportements (Fenêtre > Comportements), double-cliquez sur l’action que vous voulez modifier.
  5. Dans la boîte de dialogue qui s’affiche, effectuez vos modifications, puis cliquez sur OK.
  6. Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.

  7. Notez précisément le nom et la casse de l’élément de bibliothèque d’origine ; sélectionnez-le, puis cliquez sur le bouton Supprimer.
  8. Dans la fenêtre de document, sélectionnez tous les éléments qui constituent l’élément de bibliothèque.

    Veillez à sélectionner exactement les mêmes éléments que ceux qui se trouvaient dans l’élément de bibliothèque original.

  9. 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.

  10. 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.

  11. Dans le menu déroulant Regarder dans, sélectionnez Fichiers utilisant.
  12. Dans le menu déroulant adjacent, sélectionnez le nom de l’élément de bibliothèque que vous venez de créer.
  13. Sous Mettre à jour, vérifiez que l’option Eléments de bibliothèque est sélectionnée, puis cliquez sur Démarrer.
  14. Une fois les mises à jour terminées, cliquez sur Fermer.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne