Renversements d'image dans Adobe CS5 Dreamweaver

Dans Adobe Creative Suite 5 (Adobe CS5) Dreamweaver, vous pouvez insérer des objets d'image, y compris les espaces réservés d'image, les images de survol (des images qui changent quand un spectateur déplace la souris sur l'image), barres de navigation, et HTML Fireworks. Vous accédez à ces objets d'image en choisissant Insérer-Image objets.

Sommaire

1

Créez les images pour être utilisés comme le roulement.

Vous pouvez générer ces images dans Fireworks, Illustrator, Photoshop, ou toute autre application capable de sauver des images optimisées pour le web.

Renversements d'image dans Adobe CS5 Dreamweaver
Renversements d'image dans Adobe CS5 Dreamweaver Agrandir
2

Placez le curseur sur la page où vous voulez l'image survolée.

Choisissez Insertion-Image objets-Survoler l'image ou cliquez sur le bouton Image survolée dans le panneau Insertion. La boîte de dialogue Insérer l'image survolée.

3

Nom de l'image.




Tapez un nom d'image, sans espaces dans le champ de texte Nom de l'image. Ce nom est utilisé dans le script la création du capotage.

Renversements d'image dans Adobe CS5 Dreamweaver
Renversements d'image dans Adobe CS5 Dreamweaver Agrandir
4

Cliquez sur le bouton Parcourir.

Le bouton Parcourir est à la droite de l'image originale et de survol des champs de texte de l'image. Localisez l'image que vous souhaitez voir apparaître par défaut sur la page et l'image qui apparaît seulement quand quelqu'un plane la souris sur l'image.

5

Laissez la case à cocher Précharger l'image survolée sélectionné.

Cette option télécharge l'image de survol lorsque la page est téléchargée pour éviter les retards dans les renversements.

6

Décrire l'image.

Saisissez du texte alt appropriée descriptif dans le champ de texte Alt.

7

Remplissez le Si cliqué, aller au champ de texte URL.

Ceci dirige Dreamweaver où les téléspectateurs sont dirigés lorsqu'ils cliquent sur l'image survolée. Vous pouvez soit cliquer sur le bouton Parcourir pour localiser une autre page de votre site ou entrer une URL. Remarque: Si vous êtes un lien vers un site Web différent, vous devez inclure le préfixe http: // au début de l'URL.

Si vous ne disposez pas encore d'un lien réel à utiliser pour un bouton ou un lien hypertexte, vous pouvez entrer un signe dièse (#) pour créer un lien mort. Le lien ou un bouton cliquable apparaît mais ne va pas n'importe où lorsque vous cliquez dessus. Cette option est mieux que de frapper la barre d'espace pour créer un espace vide comme un lien, car cela afficher une erreur Page introuvable lorsque vous cliquez dessus.

8

Cliquez sur OK.

Le retournement d'image est créé sur la page.

9

Prévisualiser l'image.

Pour avoir un aperçu de la nouvelle image de survol, choisissez Fichier-Aperçu dans le navigateur ou cliquez sur le bouton Live View sur la barre d'outils Document.


» » » » Renversements d'image dans Adobe CS5 Dreamweaver