Table des matières:
Vidéo: Dreamweaver CS6 tutorial: Positioning elements | lynda.com 2024
Vous pouvez utiliser des éléments de menu, copier et coller et même faire glisser et déposer des images sur votre page Dreamweaver Adobe Creative Suite 5 (Adobe CS5). Par conséquent, mettre des images sur une page Web dans Dreamweaver est plus facile que jamais, principalement en raison de son intégration avec d'autres produits Adobe.
Insertion d'image
Si vous préparez des images à l'avance, enregistrez ou déplacez les images optimisées dans le dossier de votre site.
-
Cliquez sur la page pour positionner le curseur à l'endroit où vous voulez placer l'image.
-
Localisez la catégorie Commun dans la liste déroulante en haut du panneau Insertion et cliquez sur le bouton Insérer une image ou choisissez Insérer → Image.
Si Image n'est pas la valeur par défaut pour votre bouton Insérer une image, cliquez et maintenez la flèche à droite du bouton et choisissez Image dans la liste déroulante.
La boîte de dialogue Sélectionner une source d'image apparaît.
-
Accédez à l'emplacement de votre image et cliquez sur OK (Windows) ou sur Choisir (Mac) pour placer l'image sélectionnée.
Si vos images se trouvent dans le dossier de votre site, vous pouvez cliquer sur le bouton Racine du site dans la boîte de dialogue Sélectionner la source de l'image pour y naviguer rapidement. Si une image ne se trouve pas dans le dossier de votre site, une boîte d'alerte vous demande si vous souhaitez le copier maintenant.
-
Si vous êtes invité à copier l'image dans le dossier racine de votre site, cliquez sur Oui. Lorsque la boîte de dialogue Copier le fichier sous s'affiche, vérifiez que le nom est correct et cliquez sur Enregistrer.
La boîte de dialogue Attributs d'accessibilité des balises d'image vous demande d'entrer un texte alt.
-
Tapez un ou trois mots qui décrivent le mieux votre image (comme Our Family Photo) dans le champ de texte Alt et cliquez sur OK.
L'image est insérée.
Déplacement et suppression d'images
En plus d'insérer des images à partir du panneau Insertion ou des menus de l'application, vous pouvez faire glisser et placer les images directement du panneau Fichiers sur la page. Si vous faites glisser une image, le curseur la suit pendant que vous la déplacez autour du document; relâchez le bouton de la souris lorsque le curseur marque l'endroit correct où vous souhaitez déposer l'image.
Si vous utilisez le flux de production Adobe Bridge, vous pouvez laisser Bridge en cours d'exécution et faire glisser les images directement depuis la fenêtre Bridge vers votre page Dreamweaver. Vous pouvez accéder à Bridge en choisissant Fichier → Parcourir dans Bridge.
Si l'image est un fichier Photoshop (PSD) ou Fireworks (PNG) natif, la boîte de dialogue Aperçu de l'image apparaît, vous permettant d'optimiser l'image avant de la placer.
Vous pouvez également faire glisser et déposer une image optimisée de votre bureau ou d'autres dossiers dans une page Dreamweaver.Si une image ne se trouve pas dans le dossier de votre site, vous avez la possibilité de copier cette image dans le dossier de votre site lorsqu'il est placé.