Lorsque vous insérez une image dans un document Dreamweaver, le programme crée automatiquement une référence à ce fichier d'image dans le code source HTML. Pour que cette référence soit correcte, le fichier d'image doit résider sur le site. Dans le cas contraire, Dreamweaver vous invite à copier le fichier sur le site.
Vous pouvez également insérer des images de façon dynamique. Les images dynamiques sont des images qui changent souvent ; par exemple, les systèmes de rotation de bannières publicitaires qui sélectionnent les bannières de manière aléatoire, puis affichent l'image de la bannière sélectionnée lors de l'affichage d'une page. Pour plus d'informations, voir Création d'images dynamiques.
Pour insérer une image :
Placez le point d'insertion à l'endroit où doit apparaître l'image dans la fenêtre de document, puis procédez de l'une des manières suivantes :
Dans la catégorie Commun de la barre Insérer, cliquez sur l'icône Image.
Dans la catégorie Commun de la barre Insérer, faites glisser l'icône Image vers la fenêtre du document (ou la fenêtre du mode Code si vous travaillez sur le code).
Choisissez Insertion > Image.
Faites glisser une image à partir du panneau Actifs (Fenêtre > Actifs) vers l'emplacement souhaité dans la fenêtre de document, puis passez à l'étape 3.
Faites glisser une image à partir du panneau Site vers l'emplacement souhaité dans la fenêtre de document, puis passez à l'étape 3.
Faites glisser une image à partir du bureau vers l'emplacement désiré sur la page, puis passez à l'étape 3.
Dans la boîte de dialogue qui s'affiche, procédez de l'une des manières suivantes :
Sélectionnez Système de fichiers pour choisir un fichier graphique.
Sélectionnez Source de données pour choisir une source d'images dynamiques.
Parcourez l'arborescence pour sélectionner l'image ou la source de contenu à insérer.
Tant que le document sur lequel vous travaillez n'a pas encore été enregistré, Dreamweaver crée automatiquement une référence d'emplacement de fichier de type file://. Lorsque vous enregistrez le document sur le site, Dreamweaver convertit cette référence en indiquant un chemin relatif au document.
Modification des attributs d'accessibilité d'une image
Si vous avez inséré des attributs d'accessibilité pour une image (voir Insertion d'une image), vous pouvez modifier ces valeurs dans le code HTML.
Pour modifier les valeurs d'accessibilité d'une image :
Sélectionnez l'image dans la fenêtre de document.
Procédez de l'une des manières suivantes :
Modifiez les attributs de l'image en mode Code.
Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Contrôle enfoncée (Macintosh), puis sélectionnez Modifier le code de la balise.
Modifiez la valeur Alt dans l'inspecteur Propriétés.
