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.
- Guide de l’utilisateur de Dreamweaver
- Introduction
- Dreamweaver et Creative Cloud
- Espaces de travail et affichages Dreamweaver
- Configuration de sites
- À propos des sites Dreamweaver
- Création d’une version locale de votre site
- Connexion à un serveur de publication
- Configuration d’un serveur d’évaluation
- Importation et exportation des paramètres d’un site Dreamweaver
- Importation de sites web d’un serveur distant vers la racine de votre site local
- Fonctions d’accessibilité dans Dreamweaver
- Paramètres avancés
- Définition des préférences de site pour le transfert de fichiers
- Indication des paramètres du serveur proxy dans Dreamweaver
- Synchronisation des paramètres de Dreamweaver avec Creative Cloud
- Utilisation de Git dans Dreamweaver
- Gestion des fichiers
- Création et ouverture de fichiers
- Gestion des fichiers et des dossiers
- Acquisition et placement de fichiers depuis ou vers votre serveur
- Archivage et extraction de fichiers
- Synchronisation de fichiers
- Comparaison de fichiers pour analyse de leurs différences
- Masquage de fichiers et de dossiers dans votre site Dreamweaver
- Activation des notes de conception pour les sites Dreamweaver
- Prévention de l’exploitation potentielle de Gatekeeper
- Mise en page et design
- Utilisation d’assistances visuelles pour la mise en forme
- À propos de l’utilisation de CSS pour mise en forme de votre page
- Création de sites web en responsive design avec Bootstrap
- Création et utilisation des requêtes de multimédia dans Dreamweaver
- Présentation de contenus dans des tableaux
- Couleurs
- Design réactif à l’aide de mises en forme à grille fluide
- Extract dans Dreamweaver
- CSS
- Description des feuilles de style en cascade
- Mise en forme de pages avec CSS Designer
- Utilisation de préprocesseurs CSS dans Dreamweaver
- Comment définir les préférences de Style CSS dans Dreamweaver
- Déplacement des règles CSS dans Dreamweaver
- Conversion de code CSS intégré en règle CSS dans Dreamweaver
- Utilisation de balises div
- Application de dégradés à l’arrière-plan
- Permet de créer et modifier des effets de transition CSS3 dans Dreamweaver.
- Formatage du code
- Contenu de page et actifs
- Définition des propriétés de page
- Définition des propriétés d’en-tête CSS et des propriétés de lien CSS
- Utilisation du texte
- Recherche et remplacement de texte, de balises et d’attributs
- Panneau DOM
- Modification en mode En direct
- Le codage de documents dans Dreamweaver
- Sélection et affichage d’éléments dans la fenêtre de document
- Définition des propriétés de texte dans l’inspecteur Propriétés
- Vérification de l’orthographe d’une page web
- Utilisation de règles horizontales dans Dreamweaver
- Ajout et modification de combinaisons de polices dans Dreamweaver
- Utilisation d’actifs
- Insertion et mise à jour des dates dans Dreamweaver
- Création et gestion des actifs favoris dans Dreamweaver
- Insertion et modification d’images dans Dreamweaver
- Ajout d’objets multimédias
- Ajout de vidéos dans Dreamweaver
- Insertion de vidéo HTML5
- Insertion de fichiers SWF
- Ajout d’effets audio
- Insertion de fichiers audio HTML5 dans Dreamweaver
- Utilisation d’éléments de bibliothèque
- Utilisation de texte arabe et hébreu dans Dreamweaver
- Liens et navigation
- Effets et widgets jQuery
- Codage de sites web
- À propos du codage dans Dreamweaver
- Environnement de codage dans Dreamweaver
- Définition des préférences de codage
- Personnalisation de la coloration du code
- Rédaction et modification de code
- Conseils et remplissage de code
- Réduction et développement de code
- Réutilisation de code à l’aide de fragments
- Analyse linting de code
- Optimisation du code
- Modification de code en mode Création.
- Utilisation de contenu d’en-tête pour les pages
- Insertion d’inclusions côté serveur dans Dreamweaver
- Utilisation des bibliothèques de balises dans Dreamweaver
- Importation de balises personnalisées dans Dreamweaver
- Utilisation de comportements JavaScript (instructions générales)
- Application de comportements JavaScript intégrés
- À propos de XML et de XSLT
- Exécution de transformations XSL côté serveur dans Dreamweaver
- Exécution de transformations XSL côté client dans Dreamweaver
- Ajout d’entités de caractère pour XSLT dans Dreamweaver
- Formatage du code
- Flux de travaux inter-produit
- Installation et utilisation des extensions pour Dreamweaver
- Mises à jour intégrées dans Dreamweaver
- Insertion de documents Microsoft Office dans Dreamweaver (Windows uniquement)
- Utilisation de Fireworks et Dreamweaver
- Édition de contenu sur des sites Dreamweaver à l’aide de Contribute
- Intégration entre Dreamweaver et Business Catalyst
- Création de campagnes de messagerie personnalisées
- Modèles
- À propos des modèles Dreamweaver
- Reconnaissance des modèles et des documents basés sur un modèle
- Création d’un modèle Dreamweaver
- Création de régions modifiables dans des modèles
- Création de régions et de tables modifiables dans Dreamweaver
- Utilisation de régions facultatives dans les modèles
- Définition d’attributs de balises modifiables dans Dreamweaver
- Comment créer des modèles imbriqués dans Dreamweaver
- Modification, mise à jour et suppression de modèles
- Exportation et importation de contenus xml dans Dreamweaver
- Application ou suppression d’un modèle depuis un document existant
- Modification de contenu dans les modèles de Dreamweaver
- Règles de syntaxe pour les balises de modèle dans Dreamweaver
- Définition des préférences de surbrillance pour des régions de modèle
- Avantages de l’utilisation de modèles dans Dreamweaver
- Terminaux mobiles et écrans multiples
- Sites dynamiques, pages et formulaires web
- En savoir plus sur les applications web
- Configuration de l’ordinateur pour le développement d’applications
- Résolution des problèmes de connexion aux bases de données
- Suppression des scripts de connexion dans Dreamweaver
- Conception de pages dynamiques
- Présentation des sources de contenu dynamique
- Définition de sources de contenu dynamique
- Ajout de contenus dynamiques aux pages
- Changement des contenus dynamiques dans Dreamweaver
- Affichage d’enregistrements d’une base de données
- Fourniture et dépannage de données en temps réel dans Dreamweaver
- Ajout de comportements de serveur personnalisés dans Dreamweaver
- Création de formulaires à l’aide de Dreamweaver
- Utilisation de formulaires pour la collecte des informations sur les utilisateurs
- Création et activations des formulaires ColdFusion dans Dreamweaver
- Création de formulaires web
- Prise en charge améliorée de HTML5 pour les éléments de formulaire
- Développement d’un formulaire à l’aide de Dreamweaver
- Création visuelle d’applications
- Création de pages principales et détaillées dans Dreamweaver
- Création de pages de recherche et de résultats
- Création d’une page d’insertion d’enregistrements
- Création de la mise à jour d’une page d’enregistrement dans Dreamweaver
- Création de pages de suppression d’enregistrement dans Dreamweaver
- Modification d’une base de données à l’aide des commandes ASP dans Dreamweaver
- Création d’une page d’enregistrement
- Création d’une page de connexion
- Création d’une page à accès restreint
- Sécurisation de dossiers dans ColdFusion à l’aide de Dreamweaver
- Utilisation de composants ColdFusion dans Dreamweaver
- Test, aperçu et publication de sites web
- Résolution des problèmes
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.
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à).
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
-
-
Sélectionnez Outils > Bibliothèque > Ajouter un objet dans la bibliothèque.
-
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
-
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.
-
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.
-
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.
-
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.
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
-
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 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.
-
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.
Mise à jour du document actif afin d’utiliser la version actuelle de tous les éléments de bibliothèque
-
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
-
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é 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.
-
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.
-
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
-
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).
-
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.
-
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 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é
-
Sélectionnez une instance de l’élément dans un de vos documents.
-
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
-
Cliquez sur Edition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).
-
Sélectionnez la catégorie Surbrillance dans la liste située à gauche dans la boîte de dialogue Préférences.
-
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).
-
Activez l’option Afficher pour afficher la couleur de surbrillance dans la fenêtre de document.
-
Cliquez sur OK.
Affichage ou masquage de la mise en surbrillance dans la fenêtre de 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.
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.
-
Sélectionnez un élément de bibliothèque dans un document.
-
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é.
-
Sélectionnez un élément de la bibliothèque dans le document actif.
-
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.
-
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.
-
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).
-
Sélectionnez l’élément auquel est attaché le comportement.
-
Dans le volet Comportements (Fenêtre > Comportements), double-cliquez sur l’action que vous voulez modifier.
-
Dans la boîte de dialogue qui s’affiche, effectuez vos modifications, puis cliquez sur OK.
-
Dans le panneau Actifs, sélectionnez la catégorie Bibliothèque.
-
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.
-
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.
-
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 déroulant adjacent, sélectionnez le nom de l’élément de bibliothèque que vous venez de créer.
-
Sous Mettre à jour, vérifiez que l’option Eléments de bibliothèque est sélectionnée, puis cliquez sur Démarrer.
-
Une fois les mises à jour terminées, cliquez sur Fermer.
Autres ressources similaires
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?