// Les images_____

 

Insérer une image

Insertion > Image : sélectionner l'image

Toutes les images que l'on veut utiliser doivent être placés dans un des répertoires du site, sinon elles ne seraient pas retrouvées après publication de la page sur le serveur.

C'est pourquoi il est important de créer un répertoires "images" destinées à contenir toutes les illustrations de votre site (cf organisation du site)

• Avant d'insérer une image dans un fichier, pensez à la copier dans ce répertoire
• Si l'image que vous souhaitez insérer ne se trouve pas dans le répertoire défini pour votre site local, Dreamweaver propose de l'y copier : acceptez toujours cette proposition.

Pour obtenir une image qui change d'aspect au passage de la souris, choisir Insertion > Images interactives > Image survolée

Préciser les caractéristiques de l'image

cliquer sur l'image pour définir ses propriétés

Fenêtre > Propriétés :

Aligner

Permet d'indiquer l'"habillage" de l'image, sa place par rapport au texte situé dans un même paragraphe.

Dimensions de l'image

L H : Dreamweaver indique par défaut les dimensions réelles de l'image en pixels : vous pouvez les modifier (les dimensions modifiées s'affichent en gras).

Attention : réduire les dimensions d'affichage d'une image ne réduit pas son poids : il est préférable de réduire les dimensions réelles de l'image > à l'aide du bouton qui lancera le logiciel de gestion d'image associé à Dreamweaver* (* déclaré dans le menu Edition > Préférences [Types de fichiers/Editeurs].)

Espace V, Espace H : indiquez l'écart en pixel par rapport au texte

Bordure : un chiffre différent de zéro permet de créer une bordure plus ou moins épaisse.

Placer un texte ou une image alternatifs

Sec. : indiquer un texte qui servira à remplacer l'image si le navigateur ne peut pas l'afficher (problème technique, choix de l'internaute, navigateur vocal, ...), [contre exemple..]

Par ailleurs, certains navigateurs affichent ce texte lorsque l'on passe la souris sur l'image. Pour d'autres (Netscape, Mozilla), il faut, pour obtenir cet effet, ajouter dans le code source un attribut title=" "
<img title="Nantes en 1906" src=....

Src faible : on peut indiquer une image plus légère qui s'affichera (dans certains navigateurs) avant l'image prévue - par ex. une version en noir et blanc, ...