|
Provenance:
http://virtual-fx.net
Adaptation Flash 5:
Yvon Lemay
Objectif:
Réaliser une animation plus complète et utile.
Niveau
de difficulté:
Difficile
(elle demande
une bonne connaissance des principes de Flash et
une connaissance de base des actions)
Voici
venu le temps de regrouper toutes les pièces du
menu.
1. Cliquez
sur Scène
1 dans le haut de la ligne du temps. Créez deux nouveaux calques. Nommez les trois calques comme suit:
- Actions
- Nav
- Section
2. Dans
le calque Actions,
ajoutez une image clé (F6)
dans le cadre #4
et double-cliquez sur ce cadre pour ajouter
l’instruction Stop.
3. Répétez les mêmes opérations
(image clé et stop) dans les
cases #9,
#14, #19 et #24.
4. Ajoutez
une copie de votre clip Navigation
sur le cadre #1
du calque Nav. Centrez-le. Ajoutez
une image clé (F6)
dans la case #24
de ce même calque.
5. Sur
le calque Section, ajoutez une image clé
(F6) dans le cadre #1.
Assurez-vous que le cadre #1 est toujours sélectionné
et, par l’intermédiaire du panneau
Image
(case Étiquette), nommez le Départ.
6. Répétez
les mêmes opérations (image clé et nom) pour les cadres #5,
#10, #15 et #20. Vérifiez si c’est bien
le bon cadre qui est sélectionné en cliquant
dessus avant de lui donner une étiquette. Nommez-les comme suit :
- cadre
#5 = Nav1
- cadre #10 =
Nav2
- cadre #15 =
Nav3
- cadre #20 = Nav4
7. Enregistrez
votre animation et enfoncez les touches
CTRL+ENTRÉE pour la tester.
Un
menu qui conduit nulle part n’est guère
utile. Vous allez ajouter des liens à vos
boutons.
8. Sélectionnez
le clip Navigation
à l’aide du bouton situé à l’extrême
droite de la ligne du temps (voir
ci-dessous).
9. Cliquez sur le
cadre #15
du calque Section
1. Faites afficher le menu
contextuel du bouton sélectionné (entouré
d’un cadre bleu) et choisissez l’option Actions.
10. Ajoutez
le script suivant (en utilisant le mode Expert)
tout de suite après
celui déjà présent dans cette image en
n’oubliant pas de laisser une ligne
vide entre les deux pour la clarté.
on (press) {
getURL ("http://esls.net", "_blank");
}
11. Sélectionnez
le cadre #15 du calque Section 2.
Faites apparaître le menu contextuel du
bouton sélectionné et choisissez l'option Actions.
Ajoutez, en utilisant le mode Expert, le
script ci-dessous.
on
(press) {
getURL ("http://yahoo.fr", "_blank");
}
12. Répétez
les mêmes opérations pour les cadres #15 des
deux autres calques Section en utilisant les
deux adresses suivantes :
13. Sauvegardez
votre animation et testez-la à l’aide des
touches CTRL+ENTRÉE.
Voici
le résultat
attendu:
14. Pour
transformer votre animation en page Web, cliquez
sur FICHIER, PUBLIER. Un fichier HTML ayant pour
nom Fiche19_Menu.html est créé. Ce fichier est
utilisable sur Internet.
|
