Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Apprendre à créer aisément un site avec Dreamweaver!

Dream-Gratuit est votre assistant gratuit pour développer un site respectant les normes.

Cliquez sur les options ci-dessous pour accéder aux cours et tutos

Astuces et trucs Dreamweaver!

 

Si vous utilisez Dreamweaver CS4, vous bénéficiez, en plus des modes Code et Création, de l'option d'affichage en direct qui est 2 fois plus rapide que l'affichage en direct dans le navigateur.

Cyber Annuaire

Pour une meilleure visibilité pour votre site, vous devez l'inscrire dans des annuaires. Annuaire Cyber est gratuit et sans lien de retour oblogatoire avec validation assurée.

Soumettre votre site >>>

Créer des effets de survols Rollover sur image avec Dreaweaver

Les effets de survol sont un effet populaire utilisé dans de nombreux sites Web. Vous avez besoin de deux images pour arriver à cet effet - l'une pour l'état Haut (l'image originale) et un pour les cours (état de l'image qui se charge lorsque le curseur de la souris passe sur l'image originale).

Sélectionnez Insertion -> Objets image et cliquez sur Image survolée:

Sélectionner image survolée

A new window will pop up: Une nouvelle fenêtre s'affiche:

Insérer une image survolée

 

Choisissez un nom pour votre image de survol, et tapez-le dans le champ Nom de l'image.

Utilisez les boutons Parcourir pour sélectionner l'originale et l'image survolée.

Laissez l'option "Précharger l'image survolée" cochée.

Dans le champ Texte secondaire tapez une description de l'image. Ce texte sera affiché lorsque le curseur de la souris passe sur l'image.

Dans le dernier champ, entrez, si vous le voulez, l'URL de la page que vous voulez charger lorsque l'image soit cliquée.

Cliquez sur OK et l'image de survol sera créé.

Vous pouvez utiliser cette technique à d'autres fins - par exemple, vous pouvez créer des boutons de survol de style.

Image de survol: Deuxième méthode

Insérez votre image à partir d'Insertion -> image ou utiliser le bouton 'Insertions >> Images dans le panneau à droite:

Insérer une image

Sélectionnez votre image et donnez-lui un nom ID dans le panneau Propriétés:

Donner ID à image

Sélectionnez Fenêtre -> Comportements (Maj+F4) pour ouvrir les propriétés du comportement/Behavior. Cliquez sur le signe + et dans le menu déroulant, sélectionnez l'image Swap.

Permuter une image

Une fenêtre apparaît dans laquelle vous pourrez voir une liste des noms donnés à vos images. Choisissez le nom de l'image sur laquelle vous voulez appliquer le comportement. Utilisez le bouton Parcourir pour sélectionner une image de survol. Lorsque vous êtes prêt, cliquez sur OK pour enregistrer votre image survolée.

Permuter une image