VIII/ INSERER UNE IMAGE

1/ Insérer une image normale
2/ Faire une image survolée (rollover)
3/ Faire une image carte : comportant plusieurs zones cliquables(image map)

1/ Insérer une image normale

Rendez vous sur votre document puis positionnez le curseur là où vous voulez placer l'image (vous pourrez la bouger après). Menu Insertion - Image (touche de raccourci : Control - ALT - I). Vous arrivez sur cette fenêtre :

Choisissez l'image que vous voulez insérer. Voyons maintenant les propriétés de l'image incluse.

Pour afficher les propriétés de l'images, faîtes un simple Clic sur l'image puis menu - modifier - propriétés de la sélection. (Raccourci - Control - F3)

Les propriétés de l'image

Carte : vous permet de définir plusieurs zones cliquables au sein d'une même image. La version 3 a proposé une amélioration de cette fonctionnalité. Les zones cliquables sont maintenant faisables depuis la page en cours. Pour la version 2, il faut cliquer sur Image Map et définir ses zones.

Largeur/Hauteur : par défaut , lors de l'insertion de l'image, la largeur et hauteur correspond à la taille exacte de l'image. Vous pouvez avoir besoin (rarement) de changer ces informations. à savoir : le poids de l'image reste le même. Si vous avez modifié la taille de l'image et voulez revenir à sa taille initiale, faîtes un Clic droit sur l'image puis choisissez Actualiser la taille.

Espace Vertical/Horizontal : cela correspond à l'écart (horizontal ou vertical) entre l'image et le texte au dessus ou à côté.

Source : le chemin de cette image (où se trouve-t-elle ?). Si vous définissez le chemin de l'image en absolu (c'est à dire avec http://), l'image n'apparaîtra pas sous Dreamweaver mais apparaîtra dans le navigateur.

Lien : Voulez vous définir un lien lors du Clic sur l'image ? si oui indiquez le chemin de la cible (ou naviguez dans vos répertoires à l'aide du dossier jaune)

Cible : cette option est grisée sur mon image car il n'y a pas de lien. Si vous mettez un lien vous pourrez choisir d'ouvrir le lien précisé dans la case au-dessus, dans une nouvelle fenêtre (_blank), au dessus de tous les cadres (_top), dans le cadre en cours (_self), le cadre parent (_parent) ou un autre cadre (défini par vous-même).
N'utilisant pas les cadres : je n'expliquerai pas cette fonctionnalité. (en plus j'aime pas ça (;-)

Source faible : si votre image est très lourde (+ de 100 Ko est vraiment aux limites du raisonnable pour une image), vous pouvez indiquer le chemin d'une image très très légère (de la même hauteur et largeur) pour indiquer à l'internaute qu'une image lourde se charge.

Aligner : permet d'aligner l'image à une certaine position par rapport au texte.

Sec : cela correspond au texte qui s'affiche lorsque vous survolez une image avec la souris. Survolez l'image ci-dessous par exemple.

Bordure : oui ou non. Si, lorsque vous faîtes un lien sur l'image, une bordure s'ajoute, mettez 0 (zéro) dans cette case.

Page suivante : Faire une image survolée (rollover)
Titre suivant : Les propriétés de votre page
Retour au menu Dreamweaver