Freegaia.comHébergement PRO !Hébergement discountLe forum de discussion Tous les kits graphiques ! Création de bannières Flash en ligne : c'est ici ! iwebMoteur UndergroundQuitter Freegaia

le
La boutique de Freegaia






Accueil / Ateliers & Dossiers / Graphisme et WebDesign / FireWorks

Menu dynamique
Avant-propos

Réaliser un menu dynamique et son habillage graphique avec FireWorks MX.
Informations

Logiciel : FireWorks MX

Niveau : Initié

Auteur : Alexis

Les étapes


[Etape 1]

Créer un nouveau document de 400*400 pixels par exemple.
Créer un rectangle avec les couleurs que vous désirez, et dessus mettez le texte que vous désirez, ici "Freegaia".
Ensuite cliquez sur cet icône (touche J).
Tracer un rectangle de la même taille que le précédent.
Vous devriez obtenir ceci:


[Etape 2]

Cliquez avec le bouton droit de la souris sur le rectangle bleu et faites: Créer un menu contextuel

C'est ici que vous construisez votre menu.
Dans le premier onglet intitulé Contenu, insérez tous les sections que vous voulez voir apparaître quand on passera sur votre rectangle (ici freegaïa). Mettez l'adresse correspondante puis la cible (nouvelle page...).

Allez dans l'onglet Appareance, choisissez si votre menu doit être à l'horizontale ou à la verticale. Ensuite choisissez si vous désirez le faire avec des images ou alors en html (plus léger). Enfin séléctionnez la police d'écriture, sa taille, etc ...

Dans l'onglet Avancé, vous pouvez paramétrez la taille des cellules, leurs bordures...

Dans le dernier onglet Position, choisissez l'endroit ou le menu doit apparaître, vous pouvez choisir vous même ou prendre des valeurs déjà configurées.

Cliquez sur Ok!


 


[Etape 3]

Cliquez sur le rectangle bleau turquoise, vous devriez voir apparaître quelque chose dans ce style:


Vous pouvez ensuite apporter des modifications à votre menu, cliquez droit sur le rectangle turquoise et faites: Editer le menu contextuel. Vous pouvez créer autant de menu que vous désirez.

Faites F12 pour voir un aperçu.


[Etape 4]

Redimensionnez à la taille de votre ou vos boutons avec l'outil correspondant (touche C). Comme ceci:


Ensuite enregistez votre PNG au cas où vous devriez apporter des modifications dessus ultérieurement.

Puis faites: Fichier>Exporter, vérifiez que vous enregistrez bien en HTML & images.
Voilà! maintenant il ne reste plus qu'à éditer votre fichier *.htm pour intégrer tout votre menu à votre site!

[ L'exemple ]




 


 cliquez ici pour imprimer la page





cliquez ici pour découvrir l'offre hebergement de Freegaia
cliquez ici <