Liens rapides vers les procédures sur cette page :

 
 
 
 
 


Création et modification de boutons réactifs

Un bouton réactif est une image interactive qui change d’apparence lorsque vous cliquez ou pointez dessus. Par exemple, la couleur d’un bouton peut changer lorsque vous cliquez dessus ou du texte peut s’afficher lorsque vous positionnez le pointeur de la souris sur ce bouton. Les boutons réactifs sont souvent utilisés en tant que boutons de navigation dans les pages Web.


Création de boutons réactifs

Les boutons réactifs sont créés à partir d’objets, tels que des formes, des coups de pinceau ou du texte. Il est possible d’utiliser un seul objet ou un groupe d’objets, tel qu’une ellipse contenant du texte. Les états suivants sont associés aux boutons réactifs :

 
Normal : état par défaut
 
Passage : état déclenché lorsque vous pointez sur le bouton
 
Cliqué : état déclenché lorsque vous cliquez sur le bouton

Chaque état est constitué d’un objet ou de plusieurs objets.

Photo Paint web rollover Création et modification de boutons réactifs

Les trois états d’un bouton actif sont les suivants : Normal, Passage et Cliqué.

Il est possible d’attribuer des propriétés à un bouton réactif, telles qu’une adresse Web activée lorsque vous cliquez sur un bouton ou du texte de remplacement qui s’affiche lorsque vous pointez dessus. Vous pouvez attribuer à l’état « cliqué » une cible déterminant le mode d’ouverture de la page Web dans une fenêtre du navigateur. Vous pouvez également attribuer aux états « passage » et « cliqué » un son lu lorsque ces états sont déclenchés.


Modification de boutons réactifs

Pour modifier les états d’un bouton réactif, il suffit d’ajouter, de modifier et de supprimer des objets pour chaque état. Lors de la création d’un bouton réactif, les objets d’origine sont copiés dans les états « normal », « passage » et « cliqué ». Un objet ajouté à un état de bouton réactif est ajouté à tous les états. Cependant, toute modification apportée à un objet est appliquée uniquement à l’état actif. Par exemple, vous pouvez utiliser un texte différent pour l’état « passage ». Pour cela, remplacez le texte d’origine par le nouveau texte dans cet état. Vous pouvez également supprimer des objets de l’état actif.

Pour créer un bouton réactif à partir d’une zone modifiable ou de l’arrière-plan, commencez par convertir ces éléments en objets. Pour plus d’informations sur la définition de zones modifiables, reportez-vous à la section “Utilisation de masques.”

Lors de la création d’un bouton réactif, l’image est découpée en tranches et le bouton réactif devient une tranche. Pour plus d’informations sur la manipulation d’images découpées en tranches, ainsi que sur leur exportation et leur optimisation, reportez-vous à la section “Découpe d’images en tranches.”


Pour créer un bouton réactif

Photo Paint btnbacktotop Création et modification de boutons réactifs
1.
 
Sélectionnez un ou plusieurs objets.
Lors de la création d’un bouton réactif, les objets d’origine sont détruits. Si vous souhaitez conserver les objets d’origine, enregistrez-les avant de créer un bouton réactif.
2.
 
Cliquez sur Web Photo Paint onestep Création et modification de boutons réactifs Créer un bouton réactif à partir d’un objet.
3.
 
Dans le menu fixe Bouton réactif, définissez les propriétés suivantes pour le bouton réactif, si vous le souhaitez :
URL : permet de spécifier l’adresse (URL) d’une page Web.
ALT : permet de spécifier le texte de remplacement qui s’affiche lorsque vous pointez sur un bouton réactif.
4.
 
Sélectionnez l’un des états de bouton réactif suivants dans la zone de liste États :
Normal
Passage
Cliqué
5.
 
Pour modifier l’état sélectionné du bouton réactif, ajoutez, supprimez ou modifiez des objets.
6.
 
Cliquez sur le bouton Terminer l’édition Photo Paint pgx finish editing Création et modification de boutons réactifs.
Chaque état conserve les objets qui le composent. Vous pouvez donc continuer à modifier le bouton réactif.

Vous pouvez également
Ajouter du son à un état de bouton réactif
Dans la zone Son, entrez le nom de fichier du son que vous souhaitez lire lorsque l’état sélectionné est déclenché. Vous pouvez également cliquer sur le bouton Parcourir Photo Paint pgx save button Création et modification de boutons réactifs afin de localiser et sélectionner le fichier son.
Spécifier l’encadré ou la fenêtre de navigateur cible pour l’URL
Cliquez sur un type de cible dans la zone de liste Cible : _self ouvre la page correspondant à l’URL dans la fenêtre active, _blank l’ouvre dans une nouvelle fenêtre du navigateur, _top l’ouvre dans la fenêtre d’origine du navigateur, _parent l’ouvre dans la fenêtre du niveau le plus élevé.
Prévisualiser un bouton réactif dans un navigateur
Dans le menu fixe Bouton réactif, cliquez sur le bouton Aperçu dans navigateur Photo Paint pgx preview roll Création et modification de boutons réactifs.
Créer un nouveau bouton réactif
Cliquez sur le bouton Créer un bouton réactif à partir d’un objet Photo Paint pgx create roll Création et modification de boutons réactifs.

Photo Paint note Création et modification de boutons réactifs

 
Dans le menu fixe Objets, les objets de boutons réactifs sont mis en surbrillance et regroupés. En outre, une icône Objet de bouton réactif Photo Paint pgx roll object icona Création et modification de boutons réactifs est placée à droite de leur nom. L’icône Objet de bouton réactif texte Photo Paint pgx text rollover object Création et modification de boutons réactifs indique que l’objet de bouton réactif est du texte.
 
Dans le menu fixe Objets, l’icône Objet de bouton réactif devient rouge lorsqu’un bouton réactif en chevauche un autre. Comme il est impossible d’exporter des boutons réactifs qui se chevauchent, déplacez-le pour qu’il n’en chevauche plus aucun autre.

Photo Paint tip Création et modification de boutons réactifs

 
Vous pouvez sélectionner un seul objet pour commencer, puis lui ajouter d’autres objets afin de modifier l’aspect du bouton réactif.

Pour modifier un bouton réactif

Photo Paint btnbacktotop Création et modification de boutons réactifs
1.
 
Dans le menu fixe Objets, sélectionnez un bouton réactif.
Une icône Objet de bouton réactif Photo Paint pgx roll object icon Création et modification de boutons réactifs est placée à droite du nom des objets de boutons réactifs.
Si le menu fixe Objets n’est pas ouvert, cliquez sur Fenêtre Photo Paint onestep Création et modification de boutons réactifs Menus fixes Photo Paint onestep Création et modification de boutons réactifs Objets.
2.
 
Cliquez sur Web Photo Paint onestep Création et modification de boutons réactifs Modifier bouton réactif.
3.
 
Dans le menu fixe Bouton réactif, sélectionnez l’un des états de boutons réactifs suivants dans la zone de liste États :
Normal
Passage
Cliqué
4.
 
Pour modifier l’état du bouton réactif, ajoutez, supprimez ou modifiez des objets.
5.
 
Cliquez sur le bouton Terminer l’édition Photo Paint pgx finish editing Création et modification de boutons réactifs.

Vous pouvez également
Redonner l’état « normal » à un état pour tout recommencer
Cliquez sur Réinitialiser.
Transformer tous les états d’un bouton réactif en simples objets
Cliquez sur Web Photo Paint onestep Création et modification de boutons réactifs Extraire les objets du bouton réactif.

Photo Paint note Création et modification de boutons réactifs

 
Lorsque vous transformez un bouton réactif en simples objets, les objets composant le bouton réactif sont nommés automatiquement.
 
Il est impossible de modifier simultanément deux boutons réactifs.

Photo Paint tip Création et modification de boutons réactifs

 
Pour modifier un bouton réactif, il suffit de cliquer deux fois dessus dans la fenêtre d’image.
 
Vous pouvez également cliquer sur le bouton Modifier le bouton réactif Photo Paint pgx edit roll Création et modification de boutons réactifs dans le menu fixe Bouton réactif.

Pour ajouter un objet à un bouton réactif

Photo Paint btnbacktotop Création et modification de boutons réactifs
1.
 
Dans le menu fixe Bouton réactif, sélectionnez l’un des états de boutons réactifs suivants dans la zone de liste États :
Normal
Passage
Cliqué
2.
 
Dans la boîte à outils, cliquez sur un outil forme.
3.
 
Faites glisser la souris sur la fenêtre d’image afin de créer une forme.
L’objet est ajouté à tous les états du bouton réactif.

Vous pouvez également
Ajouter des coups de pinceau
Dans la boîte à outils, cliquez sur l’outil Dessin Photo Paint pgx paint toola Création et modification de boutons réactifs, puis faites-le glisser dans la fenêtre d’image pour créer un coup de pinceau.
Ajouter du texte
Cliquez sur l’outil Texte Photo Paint loc pgx text toola Création et modification de boutons réactifs, cliquez dans la fenêtre d’image, puis entrez du texte.

Photo Paint note Création et modification de boutons réactifs

 
Pour plus d’informations concernant l’ajout de formes et de coups de pinceau, reportez-vous à “Utilisation d’objets.” Pour plus d’informations sur l’ajout de texte, reportez-vous à “Création et formatage de texte.”
 
Vous pouvez également créer des objets à partir de l’arrière-plan de l’image et de zones modifiables. Pour plus d’informations, reportez-vous à la section “Utilisation d’objets.”

Photo Paint tip Création et modification de boutons réactifs

 
Par défaut, tous les coups de pinceau sont ajoutés à l’objet actif. Pour créer un objet, vous pouvez également cliquer sur le bouton Nouvel objet Photo Paint pgx new objecta Création et modification de boutons réactifs dans le menu fixe Objets. Si le menu fixe Objets n’est pas ouvert, cliquez sur Fenêtre Photo Paint onestep Création et modification de boutons réactifs Menus fixes Photo Paint onestep Création et modification de boutons réactifs Objets.

Pour modifier un objet dans l’état courant d’un bouton réactif

Photo Paint btnbacktotop Création et modification de boutons réactifs
1.
 
Dans le menu fixe Bouton réactif, sélectionnez l’un des états de boutons réactifs suivants dans la zone de liste États :
Normal
Passage
Cliqué
2.
 
Dans le menu fixe Objets, sélectionnez l’objet à modifier.
Si le menu fixe Objets n’est pas ouvert, cliquez sur Fenêtre Photo Paint onestep Création et modification de boutons réactifs Menus fixes Photo Paint onestep Création et modification de boutons réactifs Objets.
3.
 
Modifiez l’objet.
Les modifications s’appliquent uniquement à l’objet dans l’état courant.

Photo Paint tip Création et modification de boutons réactifs

 
Un bouton réactif peut afficher un texte différent pour chacun de ses états (« normal », « passage » et « cliqué »). Pour modifier le texte d’un bouton réactif, sélectionnez l’outil Texte Photo Paint loc pgx text toola Création et modification de boutons réactifs , pointez sur le texte jusqu’à ce que le pointeur prenne la forme d’un curseur, puis sélectionnez le texte. Entrez le nouveau texte à la place du texte actuel.

Photo Paint note Création et modification de boutons réactifs

 
Pour plus d’informations sur la modification d’objets, reportez-vous aux sections “Utilisation d’objets” et “Modification d’objets.”
 
Vous pouvez également peindre le texte ou en changer la couleur, la surface et la mise en forme. Pour plus d’informations sur la modification de texte, reportez-vous à la section “Création et formatage de texte.”

Pour supprimer un objet de l’état courant d’un bouton réactif

Photo Paint btnbacktotop Création et modification de boutons réactifs
1.
 
Dans le menu fixe Bouton réactif, sélectionnez l’un des états de boutons réactifs suivants dans la zone de liste États :
Normal
Passage
Cliqué
2.
 
Dans le menu fixe Objets, sélectionnez l’objet à supprimer.
3.
 
Cliquez deux fois sur l’outil Gomme Photo Paint pgx eraser toola Création et modification de boutons réactifs.
L’objet est supprimé uniquement de l’état actif.

Photo Paint note Création et modification de boutons réactifs

 
Si vous supprimez un objet à l’aide de la touche Suppr, l’objet est supprimé de tous les états du bouton réactif.

Création et modification de boutons réactifs