Création d'une image survolée dans Dreamweaver CS3

Dans Dreamweaver, les images de survol - comme son nom l'indique - sont conçus pour réagir quand quelqu'un lance un curseur sur une image. L'effet peut être aussi dramatique que l'image d'un chien étant remplacé par une image d'un lion, ou aussi subtile que la couleur d'un mot de changer comme une seule image en remplace un autre. De toute façon, Dreamweaver comprend une boîte de dialogue spéciale pour les renversements qui permet de créer un simple effet de survol un des comportements les plus faciles à appliquer.

Pour créer une image survolée par la boîte de dialogue Insérer image survolée de Dreamweaver à l'aide, suivez ces étapes:

1. Cliquez pour placer votre curseur sur la page où vous voulez que le survolée.

Effets de survol nécessitent au moins deux images: l'une pour l'état initial et l'autre pour l'état de survol. Vous pouvez utiliser deux images différentes ou deux semblables, mais ils ont tous deux devraient avoir les mêmes dimensions. Sinon, vous obtenez quelques effets d'échelle étranges parce que les deux images doivent être affichées dans exactement le même espace sur la page.

2. Choisissez Insertion -> Objets image -> Image survolée.

La boîte de dialogue Insérer l'image survolée apparaît.

3. Dans la zone Nom de image, le nom de votre image.

Avant que vous pouvez appliquer un comportement à un élément, comme une image, l'élément doit avoir un nom afin que le script de comportement peut référencer. Vous pouvez nommer les éléments ce que vous voulez tant que vous ne l'utilisez pas des espaces ou des caractères spéciaux.

4. Dans la boîte de l'image originale, indiquez la première image que vous souhaitez visible. Utilisez le bouton Parcourir pour localiser et sélectionner l'image.

Si les images ne sont pas déjà dans le dossier racine de votre site, Dreamweaver les copier dans votre site lorsque vous créez le capotage.

5. Dans la zone Image survolée, saisissez l'image que vous voulez devenir visibles lorsque les visiteurs se déplacent leurs curseurs sur la première image.

Encore une fois, vous pouvez utiliser le bouton Parcourir pour localiser et sélectionner l'image.

6. Sélectionnez la case à cocher Précharger l'image survolée pour charger toutes les images de survol dans le cache du navigateur lorsque la première page des charges.

Si vous choisissez de ne pas faire cette étape, vos visiteurs peuvent éprouver un retard parce que la deuxième image ne sera pas téléchargé jusqu'à ce qu'une souris est roulé sur l'image originale.

7. Dans le Si cliqué, aller à la zone URL, entrez une adresse Web ou recherchez une autre page de votre site que vous souhaitez créer un lien.

Si vous ne spécifiez pas une URL, Dreamweaver insère automatiquement le signe # comme un espace réservé.

8. Cliquez sur OK.

Les images sont automatiquement mis en place comme un capotage.

9. Cliquez sur l'icône de globe en haut de l'espace de travail pour prévisualiser votre travail dans un navigateur et de tester comment le retournement fonctionne.


» » » » Création d'une image survolée dans Dreamweaver CS3