Afficher le menu contextuel

Transcription

1 Afficher le menu contextuel Utilisez le comportement Afficher le menu contextuel pour créer ou modifier un menu contextuel Dreamweaver ou pour ouvrir et modifier un menu contextuel Fireworks inséré dans un document Dreamweaver. Définissez les options dans la boîte de dialogue Afficher le menu contextuel pour créer un menu contextuel horizontal ou vertical. Vous pouvez faire appel à cette boîte de dialogue pour définir ou modifier la couleur, le texte et la position d'un menu contextuel. Remarque : vous devez cliquer sur le bouton Modifier de l'inspecteur de propriétés Dreamweaver pour modifier les images dans un menu contextuel basé sur des images Fireworks. Toutefois, vous pouvez exécuter la commande Afficher le menu contextuel pour modifier le texte d'un menu contextuel basé sur des images.. Pour afficher un menu contextuel dans un document, vous devez ouvrir ce dernier dans la fenêtre d'un navigateur, puis placer le pointeur sur l'image ou le lien de déclenchement. 1. Sélectionnez un objet à associer au comportement et ouvrez le panneau Comportements (Maj+F3). 2. Cliquez sur le bouton plus (+) et choisissez Afficher le menu contextuel dans le menu contextuel Actions. 3. Dans la boîte de dialogue Afficher le menu contextuel qui s'affiche, utilisez les onglets suivants pour définir les options du menu contextuel : Sommaire permet de définir le nom, la structure, l'url et la cible des éléments de menu individuels. Apparence permet de définir l'apparence de l'etat En haut et de l'etat Survolé du menu et de définir la police du texte de l'élément de menu. Avancé permet de définir les propriétés des cellules du menu. Par exemple, vous pouvez définir la largeur et la hauteur des cellules, la couleur des cellules ou des bordures, le retrait du texte et le délai entre le moment où l'utilisateur place le pointeur sur le déclencheur et l'apparition du menu correspondant. Position permet de définir l'emplacement du menu par rapport à l'image ou au lien de déclenchement. 1

2 Ajout, suppression et modification de l'ordre des éléments du menu contextuel Vous pouvez utiliser l'onglet Sommaire de la boîte de dialogue Afficher le menu contextuel pour créer des éléments de menu. Cet onglet permet également de supprimer des éléments ou de modifier l'ordre dans lequel ils apparaissent dans un menu. 1. Dans l'onglet Sommaire, créez un élément de menu contextuel en procédant comme suit : Dans le champ Texte, sélectionnez le texte par défaut (Nouvel élément), puis tapez le texte qui doit apparaître dans le menu contextuel. 2. Si vous le souhaitez, définissez des options complémentaires : Si vous voulez que l'élément de menu ouvre un autre fichier lorsque vous cliquez dessus, dans le champ Lien, tapez le chemin d'accès au fichier ou cliquez sur l'icône Dossier et sélectionnez le document à ouvrir. Si vous souhaitez définir l'endroit où le document va s'ouvrir (une nouvelle fenêtre ou un cadre donné, par exemple), choisissez l'emplacement de votre choix dans le menu déroulant Cible. Remarque : si l'image que vous voulez définir comme cible ne figure pas dans le menu déroulant Cible, fermez la boîte de dialogue Afficher le menu contextuel puis, dans la fenêtre de document, sélectionnez un cadre et attribuez-lui un nom. 3. Cliquez sur le bouton plus (+) pour ajouter des entrées à la liste d'aperçu Afficher le menu contextuel. Ensuite, cliquez sur OK pour accepter les paramètres par défaut ou sélectionnez un autre onglet de la boîte de dialogue Afficher le menu contextuel pour définir des options supplémentaires. 2

3 Dans la liste Afficher le menu contextuel, sélectionnez l'élément devant apparaître dans un sous-menu, puis procédez de l'une des manières suivantes : Pour mettre un élément de la liste en retrait, cliquez sur le bouton Elément indenté. Pour supprimer le retrait, cliquez sur le bouton Elément en retrait négatif. Remarque : l'élément de menu principal d'une liste ne peut pas être défini comme élément de sous-menu. 3

4 Dans la liste Afficher le menu contextuel, sélectionnez l'élément que vous voulez déplacer, puis cliquez sur la flèche haut ou bas pour le placer à l'endroit souhaité. 1. Dans l'onglet Sommaire, sélectionnez l'entrée de menu que vous voulez supprimer de la liste Afficher le menu contextuel. 2. Cliquez sur le bouton moins (-). 4

5 Définition de l'apparence d'un menu contextuel Lorsque vous avez créé les éléments de menu, cliquez sur l'onglet Apparence de la boîte de dialogue Afficher le menu contextuel pour définir l'orientation, ainsi que les attributs de police et d'état des boutons du menu contextuel. Remarque : le volet d'aperçu de l'onglet Apparence affiche un rendu approximatif des options définies dans cet onglet. 1. Dans le menu déroulant situé en haut de l'onglet Apparence, choisissez Menu vertical ou Menu horizontal pour définir l'orientation du menu. 2. Définissez les options de formatage du texte : Dans le menu déroulant Police, sélectionnez la police que vous souhaitez appliquer aux éléments de menu. Remarque : si la police que vous souhaitez utiliser ne figure pas dans la liste, sélectionnez l'option Modifier la liste des polices pour ajouter la police de votre choix à la liste. Choisissez une police que les visiteurs du site sont susceptibles d'utiliser. Définissez la taille de la police, les attributs de style, ainsi que les options d'alignement et de justification du texte qui seront assignés au texte de l'élément de menu. 3. Dans les zones Etat En haut et Etat Survolé, utilisez le sélecteur de couleur pour définir les couleurs du texte et des cellules des boutons d'élément de menu. 4. Ensuite, cliquez sur OK ou sélectionnez un autre onglet Afficher le menu contextuel pour définir des options supplémentaires.. 5

6 Définition des options d'apparence avancées Utilisez les options de l'onglet Avancé pour spécifier d'autres attributs pour les cellules de menu. Par exemple, vous pouvez définir la largeur, la hauteur, l'espacement ou le remplissage des cellules du bouton de menu, le retrait du texte et les attributs de bordure. 1. Cliquez sur l'onglet Avancé, puis définissez les options que vous souhaitez appliquer aux éléments de menu : Largeur des cellules définit une largeur spécifique en pixels pour les boutons de menu. Cette largeur est automatiquement définie en fonction de l'élément le plus large. Pour l'augmenter, sélectionnez Pixels dans le menu déroulant et entrez une valeur supérieure à celle qui figure dans la zone de texte Largeur des cellules. Hauteur des cellules définit une hauteur spécifique en pixels pour les boutons de menu. Pour l'augmenter, sélectionnez Pixels dans le menu déroulant et entrez une valeur supérieure à celle qui figure dans la zone de texte Hauteur des cellules. 6

7 Marge entre les cellules indique le nombre de pixels qui sépare le contenu d'une cellule et ses limites. Espacement entre les cellules indique le nombre de pixels qui sépare des cellules adjacentes. Retrait du texte permet de spécifier le retrait du texte en pixels dans la cellule. Délai de menu définit le délai entre le moment où l'utilisateur place le pointeur sur l'image ou le lien de déclenchement et l'apparition du menu correspondant. Les valeurs étant en millisecondes, le paramètre par défaut équivaut à 1 seconde. Ajoutez 000 pour chaque seconde de délai supplémentaire ; par exemple, tapez pour définir un délai de 3 secondes. Bordures déroulantes détermine si une bordure apparaît ou non autour des éléments du menu. Si vous souhaitez ajouter une bordure, assurez-vous que la case à cocher Afficher les bordures est activée. Largeur de la bordure définit la largeur de la bordure en pixels. Ombre, Couleur de la bordure et Mettre en surbrillance permettent de sélectionner une couleur de bordure. Les options d'ombre et de mise en surbrillance n'apparaissent pas en mode d'aperçu. 2. Lorsque vous avez défini les options d'apparence avancées, cliquez sur OK ou sélectionnez un autre onglet Afficher le menu contextuel pour définir des options supplémentaires. 7

8 Définition de la position d'un menu contextuel dans un document Utilisez les options de position pour définir l'emplacement de l'affichage du menu par rapport à l'image ou au lien de déclenchement. Vous pouvez également définir si le menu doit être masqué ou non lorsque l'utilisateur éloigne le pointeur du déclencheur. 1. Dans la boîte de dialogue Afficher le menu contextuel, cliquez sur l'onglet Position. 2. Définissez la position du menu contextuel en utilisant l'une des méthodes suivantes : o Sélectionnez l'une des options prédéfinies. o Définissez des coordonnées de position personnalisées en tapant un nombre dans la zone de texte X (coordonnée horizontale) ou dans la zone de texte Y (coordonnée verticale). L'angle supérieur gauche du menu définit le point initial des coordonnées. 3. Pour masquer le menu contextuel lorsque le pointeur ne le survole pas, assurez-vous que l'option Masquer le menu suite à l'événement onmouseout est activée. Désélectionnez cette option si vous voulez que le menu reste affiché. 4. Lorsque vous avez créé ou modifié le menu contextuel, cliquez sur OK. 8

9 Modification d'un menu contextuel Le comportement Afficher le menu contextuel permet de modifier ou de mettre à jour le contenu d'un menu contextuel. Vous pouvez ajouter, supprimer ou modifier les éléments de menu et définir la position d'un menu par rapport à l'image ou au lien de déclenchement. 1. Dans le document Dreamweaver, sélectionnez le lien ou l'image qui déclenche le menu contextuel. 2. Le cas échéant, ouvrez le panneau Comportements (Maj+F3) puis, dans la liste Actions, double-cliquez sur Afficher le menu contextuel. La boîte de dialogue Afficher le menu contextuel apparaît. 3. Modifiez le menu contextuel comme bon vous semble. 4. Lorsque vous avez modifié le menu contextuel, cliquez sur OK. 9