Placez le point d'insertion dans la fenêtre Document
à l'endroit où vous souhaitez insérer l'objet.
Dernière mise à jour le
27 avr. 2021
Apprenez à insérer et à modifier des objets multimédias dans des pages web Dreamweaver, à utiliser les Design Notes et bien plus encore.
Outre les fichiers SWF et FLV, vous pouvez insérer d’autres objets audio ou vidéo dans un document Dreamweaver. Si vous insérez des attributs d’accessibilité avec un objet multimédia, vous pouvez définir les attributs d’accessibilité et modifier ces valeurs dans le code HTML.
Pour insérer l'objet souhaité, procédez de l'une des manières suivantes :
Dans la catégorie HTML du panneau Insertion, sélectionnez l’icône correspondant au type d’objet que vous souhaitez insérer.
Choisissez l’objet approprié dans le sous-menu Insertion > HTML.
Une boîte de dialogue permet alors de choisir un fichier source et de spécifier certains paramètres de l’objet multimédia.
Annotation
Pour éviter que ces boîtes de dialogue ne s’affichent, choisissez Edition > Préférences > Général (Windows) ou Dreamweaver > Préférences > Général (Macintosh) et désactivez l’option Afficher la boîte de dialogue lors de l’insertion d’objets. Pour remplacer la préférence d’affichage des boîtes de dialogue, maintenez enfoncée la touche Ctrl (Windows) ou Option (Macintosh) tout en insérant l’objet.
Complétez les options de la boîte de dialogue Sélectionner un fichier, puis cliquez sur OK.
Annotation
La boîte de dialogue Attributs d'accessibilité s'affiche si vous avez choisi d'afficher les attributs lors de l'insertion de médias dans la boîte de dialogue Édition > Préférences.
Définissez
les attributs d'accessibilité.
Annotation
Vous pouvez également modifier les attributs d'objet multimédia en sélectionnant l'objet et en modifiant le code HTML en mode Code, ou en effectuant un clic droit (Windows) ou un Ctrl+clic (Macintosh) et en sélectionnant Modifier le code de balise.
Titre
Entrez un titre pour l’objet multimédia.
Clé d’accès
Saisissez un équivalent clavier (une lettre) dans la zone de texte pour sélectionner l'objet de formulaire dans le navigateur. Cela permet à un visiteur du site d'utiliser la touche Ctrl (Windows) avec la touche d'accès pour accéder à l'objet. Par exemple, si vous saisissez B comme touche d'accès, utilisez Ctrl+B pour sélectionner l'objet dans le navigateur.
Ordre des tabulations
Entrez un nombre pour définir l’ordre de tabulation de l’objet. Définir un ordre de tabulation est utile lorsque vous avez d'autres liens et objets de formulaire sur la page et que vous devez que l'utilisateur les parcourt par tabulation dans un ordre spécifique. Si vous définissez un ordre de tabulation pour un objet, veillez à définir l'ordre de tabulation pour tous les objets.
Cliquez sur OK pour insérer l’objet multimédia.
Annotation
Si vous cliquez sur Annuler, un espace réservé d'objet multimédia s'affiche dans le document, mais Dreamweaver n'associe pas de balises ou d'attributs d'accessibilité à celui-ci.
Pour spécifier un fichier source ou pour définir les dimensions et autres paramètres et attributs, utilisez l'Inspecteur des propriétés pour chaque objet.Vous pouvez modifier les attributs d'accessibilité d'un objet.
Démarrer un éditeur externe pour les fichiers médias
Vous pouvez démarrer un éditeur externe depuis Dreamweaver pour modifier la plupart des fichiers médias. Vous pouvez également choisir l’éditeur que Dreamweaver doit lancer pour modifier le fichier.
Vérifiez que le type de fichier multimédia est associé à
un éditeur sur votre système.
Pour savoir quel éditeur est associé au type de fichier, sélectionnez Édition > Préférences dans Dreamweaver et sélectionnez Types de fichiers/Éditeurs dans la liste Catégorie. Cliquez sur l'extension du fichier dans la colonne Extensions pour afficher l'éditeur ou les éditeurs associés dans la colonne Éditeurs.Vous pouvez modifier l'éditeur associé à un type de fichier.
Double-cliquez sur le fichier multimédia dans le panneau Fichiers pour l'ouvrir dans l'éditeur externe.
L'éditeur qui démarre lorsque vous double-cliquez sur le fichier dans le panneau Fichiers s'appelle l'éditeur principal.Si vous double-cliquez sur un fichier image, par exemple, Dreamweaver ouvre le fichier dans l'éditeur d'images externe principal tel qu'Adobe Fireworks.
Si vous ne souhaitez pas utiliser l'éditeur externe principal
pour modifier le fichier, vous pouvez utiliser un autre éditeur de votre système pour modifier
le fichier en procédant de l'une des façons suivantes :
Dans le panneau Fichiers, effectuez un clic droit (Windows) ou un Ctrl+clic (Macintosh) sur le nom de fichier et sélectionnez Ouvrir avec dans le menu contextuel.
En mode Création, effectuez un clic droit (Windows) ou un Ctrl+clic (Macintosh) sur l'élément multimédia dans la page actuelle et sélectionnez Modifier avec dans le menu contextuel.
Spécifiez l'éditeur à démarrer depuis Dreamweaver
Vous pouvez spécifier l'éditeur que vous souhaitez que Dreamweaver utilise pour modifier un type de fichier, et ajouter ou supprimer les types de fichiers que Dreamweaver reconnaît.
Spécifiez explicitement quels éditeurs externes doivent être lancés pour un type de fichier donné
Sélectionnez Édition > Préférences et sélectionnez Types de fichiers/Éditeurs dans la liste des catégories.
Les extensions de nom de fichier, telles que .gif, .wav et .mpg, sont répertoriées à gauche sous Extensions.Les éditeurs associés pour une extension sélectionnée sont répertoriés à droite sous Éditeurs.
Sélectionnez l'extension de type de fichier dans la liste Extensions
et effectuez l'une des opérations suivantes :
Pour associer un nouvel éditeur au type de fichier, cliquez sur le bouton Plus (+) au-dessus de la liste Éditeurs et complétez la boîte de dialogue qui s'affiche.
Par exemple, sélectionnez l'icône de l'application Acrobat pour l'associer au type de fichier.
Pour faire d'un éditeur l'éditeur principal d'un type de fichier (c'est-à-dire l'éditeur qui s'ouvre lorsque vous double-cliquez sur le type de fichier dans le panneau Fichiers), sélectionnez l'éditeur dans la liste Éditeurs et cliquez sur Définir comme principal.
Pour dissocier un éditeur d'un type de fichier, sélectionnez l'éditeur dans la liste Éditeurs et cliquez sur le bouton Moins (-) au-dessus de la liste Éditeurs.
Ajouter un nouveau type de fichier et un éditeur associé
Cliquez sur le bouton Plus (+) au-dessus de la
liste Extensions et saisissez une extension de type de fichier (y compris le point
au début de l'extension) ou plusieurs extensions connexes
séparées par des espaces.
Par exemple, vous pourriez saisir .xml .xsl si vous souhaitiez les associer à un éditeur XML installé sur votre système.
Sélectionnez un éditeur pour le type de fichier en cliquant sur le bouton Plus
(+) au-dessus de la liste Éditeurs et en complétant la boîte de dialogue
qui s'affiche.
Suppression d’un type de fichier
Sélectionnez le type de fichier dans la liste Extensions
et cliquez sur le bouton Moins (-) au-dessus de la liste Extensions.
Annotation
Vous ne pouvez pas annuler après avoir supprimé un type de fichier, alors assurez-vous que vous souhaitez le supprimer.
Utilisation des Design Notes avec les objets multimédias
Comme pour les autres objets dans Dreamweaver, vous pouvez ajouter des notes de conception à un objet multimédia.Les Notes de conception sont des Notes associées à un fichier particulier, qui sont stockées dans un fichier séparé.Vous pouvez utiliser les Notes de conception pour suivre les informations supplémentaires du fichier associées à vos documents, telles que les noms de fichiers source d'image et les commentaires sur le statut du fichier.
Cliquez avec le bouton droit (Windows) ou Contrôle-clic (Macintosh)
l'objet dans la fenêtre de document.
Annotation
Vous devez définir votre site avant d'ajouter des notes de conception à tout objet.
Cliquez sur Design Notes de la page dans le menu contextuel.
Entrez les informations souhaitées dans la Design Note.
Annotation
Vous pouvez également ajouter une Note de conception à un objet multimédia depuis le panneau Fichiers en sélectionnant le fichier, en révélant le menu contextuel, et en choisissant Notes de conception dans le menu contextuel.
Ajout de vidéo (non FLV)
Vous pouvez ajouter une vidéo à votre page web de différentes manières et en utilisant différents formats.La vidéo peut être téléchargée par l'utilisateur ou diffusée en continu afin de pouvoir être visionnée pendant le téléchargement.
Placez le fichier vidéo dans le dossier de votre site.
Ces clips se présentent souvent au format AVI ou MPEG.
Insérez un lien vers la séquence ou incorporez-la dans votre page.
Pour lier vers le clip, saisissez du texte pour le lien tel que « Télécharger le clip », sélectionnez le texte, et cliquez sur l'icône de dossier dans l'inspecteur de propriété.Recherchez le fichier vidéo et sélectionnez-le.
Annotation
L'utilisateur doit télécharger une application d'assistance (un plug‑in) pour afficher les formats de diffusion courants tels que Real Media, QuickTime et Windows Media.
Insertion du contenu d’un plug-in
Vous pouvez créer du contenu tel qu'un film QuickTime pour un plug‑in de navigateur, puis utiliser Dreamweaver pour insérer ce contenu dans un document HTML. Les plug‑ins typiques incluent RealPlayer et QuickTime, tandis que certains fichiers de contenu incluent les mp3 et les films QuickTime.
Vous pouvez prévisualiser les films et animations qui s'appuient sur les plug‑ins de navigateur directement dans l'affichage Création de la fenêtre Document. Vous pouvez lire tous les éléments de plug‑in en même temps pour voir comment la page apparaîtra à l'utilisateur, ou vous pouvez lire chacun individuellement pour vous assurer d'avoir incorporé l'élément multimédia correct.
Annotation
Vous ne pouvez pas prévisualiser les films ou animations qui s'appuient sur les contrôles ActiveX.
Après avoir inséré du contenu destiné à un plug-in, utilisez l'Inspecteur de propriétés pour définir les paramètres de ce contenu.Pour afficher les propriétés suivantes dans l'Inspecteur Propriétés, sélectionnez un objet plug‑in.
L'inspecteur de propriétés affiche initialement les propriétés les plus couramment utilisées.Cliquez sur la flèche de développement dans le coin inférieur droit pour voir toutes les propriétés.
Insérer du contenu de plug‑in et définir ses propriétés
Dans l'affichage Création de la fenêtre Document, placez le point d'insertion où vous souhaitez insérer le contenu, puis effectuez l'une des opérations suivantes :
Dans la catégorie Commun du panneau Insertion, cliquez sur le bouton Média et sélectionnez l'icône Plugin
dans le menu.Sélectionnez Insertion > Média > Plugin.
Dans la boîte de dialogue qui s'affiche, sélectionnez un fichier de contenu pour un plug‑in et cliquez sur OK.
Définissez les options du plug-in dans l’inspecteur Propriétés.
Nom
Spécifie un nom permettant d’identifier le plug-in dans un script. Saisissez un nom dans la zone de texte sans étiquette située à l'extrême gauche de l'inspecteur de propriétés.
L et H
Spécifiez, en pixels, la largeur et la hauteur allouées à l'objet sur la page.
Src
Spécifie le fichier des données source. Cliquez sur l'icône de dossier pour parcourir et sélectionner un fichier, ou entrez un nom de fichier.
URL du plug-in
Spécifie l’URL pour l’attribut pluginspace. Entrez l'URL complète du site où les utilisateurs peuvent télécharger le plug‑in. Si l'utilisateur qui consulte votre page ne dispose pas du plug‑in, le navigateur tente de le télécharger à partir de cette URL.
Alignement
Détermine l’alignement de l’objet sur la page.
Espace V. et Espace H.
Spécifiez la quantité d'espace blanc en pixels au‑dessus, en dessous et des deux côtés du plug‑in.
Bordure
Spécifie la largeur de la bordure autour du plug-in.
Paramètres
Ouvre une boîte de dialogue pour saisir des paramètres supplémentaires à transmettre au plug‑in. Nombreux sont les plug-ins qui répondent à des paramètres particuliers.
Vous pouvez également afficher les attributs attribués au plug‑in sélectionné en cliquant sur le bouton Attribut. Vous pouvez modifier, ajouter et supprimer des attributs tels que la largeur et la hauteur dans cette boîte de dialogue.
Lire le contenu de plug‑in dans la fenêtre de document
Insérez un ou plusieurs éléments multimédias
en utilisant l'une des méthodes décrites dans la section précédente.
Effectuez l’une des tâches suivantes :
Sélectionnez un des éléments multimédia que vous avez insérés, puis choisissez la commande Affichage > Plug-ins > Lire ou cliquez sur le bouton de lecture de l'inspecteur Propriétés.
Choisissez la commande Affichage > Plug-ins > Lire tout pour lire tous les éléments multimédia de la page sélectionnée qui font appel à des plug-ins.
Annotation
L’option Lire tout s’applique uniquement au document actif. Elle ne s’applique pas aux autres documents dans un ensemble de cadres par exemple.
Arrêt de la lecture du contenu d’un plug-in
Sélectionnez un élément multimédia et choisissez Affichage >
Plug‑ins > Arrêter, ou cliquez sur le bouton Arrêter dans l'inspecteur
de propriétés.
Vous pouvez également choisir Affichage > Plug‑ins > Tout arrêter pour arrêter la lecture de tout le contenu de plug‑in.
Dépannage des plug-ins
Si vous avez suivi les étapes pour lire le contenu de plug‑in dans la fenêtre de document, mais qu'une partie du contenu de plug‑in ne se lit pas, essayez ce qui suit :
Assurez‑vous que le plug‑in associé est installé sur votre ordinateur et que le contenu est compatible avec la version du plug‑in dont vous disposez.
Ouvrez le fichier Configuration/Plugins/UnsupportedPlugins.txt dans un éditeur de texte et vérifiez si le plug‑in problématique est répertorié. Ce fichier conserve la trace des plug-ins à problème qui ne sont donc pas pris en charge sous Dreamweaver. (Si vous rencontrez des problèmes avec un plug‑in particulier, envisagez de l'ajouter à ce fichier.)
Vérifiez que vous avez suffisamment de mémoire. Certains plug‑ins nécessitent 2 à 5 Mo de mémoire supplémentaires pour fonctionner.
Utilisation de comportements pour contrôler les objets multimédias
Vous pouvez ajouter des comportements à votre page pour démarrer et arrêter divers objets multimédias.
Contrôler Shockwave ou Flash
Lire, arrêter, rembobiner ou aller à une image dans un film Shockwave ou un fichier SWF.
Lire le son
Permet de lire un son ; par exemple, vous pouvez lire un effet sonore chaque fois que l'utilisateur déplace le pointeur de la souris sur un lien.
Vérifier le Plug-in
Permet de vérifier si les visiteurs de votre site disposent du plug‑in requis installé, puis de les rediriger vers différentes URL, selon qu'ils ont le bon plug‑in ou non. Ceci s'applique uniquement aux plug‑ins, car le comportement Vérifier le plug‑in ne vérifie pas les contrôles ActiveX.
Utiliser des paramètres pour contrôler les objets multimédias
Définissez des paramètres spéciaux pour contrôler les fichiers SWF et les plug-ins. Les paramètres sont utilisés avec les balises object, embed et applet. Les paramètres définissent des attributs spécifiques aux différents types d’objets. Par exemple, un fichier SWF peut disposer du paramètre qualité <paramname="quality"value="best"> pour la balise object. La boîte de dialogue Paramètre est disponible à partir de l’inspecteur Propriétés. Consultez la documentation sur l’objet que vous utilisez pour connaître les paramètres requis.
Annotation
Il n'existe aucune norme largement acceptée pour identifier les fichiers de données des contrôles ActiveX. Consultez la documentation du contrôle ActiveX que vous utilisez pour savoir quels paramètres utiliser.
Saisie du nom et de la valeur d’un paramètre
Sélectionnez un objet pouvant être associé à des paramètres dans la fenêtre Document.
Ouvrez l’inspecteur Propriétés s’il n’est pas déjà ouvert, puis cliquez sur le bouton Paramètres situé dans la section inférieure de l’inspecteur Propriétés. Assurez-vous que l’inspecteur Propriétés est développé.
Cliquez sur le bouton Plus (+) et saisissez le nom du paramètre
et la valeur dans les colonnes appropriées.
Suppression d’un paramètre
Sélectionnez un paramètre et appuyez sur le bouton
moins (–).
Réorganisation de paramètres
Sélectionnez un paramètre et utilisez les boutons
fléchés haut et bas.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
