SVM n°196 septembre 2001
SVM n°196 septembre 2001
  • Prix facial : 30 F

  • Parution : n°196 de septembre 2001

  • Périodicité : mensuel

  • Editeur : Excelsior Publications

  • Format : (204 x 280) mm

  • Nombre de pages : 200

  • Taille du fichier PDF : 188 Mo

  • Dans ce numéro : spécial nouveautés... le guide de la rentrée.

  • Prix de vente (PDF) : gratuit

Dans ce numéro...
< Pages précédentes
Pages : 134 - 135  |  Aller à la page   OK
Pages suivantes >
134 135
pratique dossier Des boutons dylinuillu Créer des boutons qui se déforment artistiquement ou qui émettent des sons lorsque la souris passe dessus. lm a version d'essai du logiciel Flash 5, de Macromedia est disponible sur www.macromedia.com/software/flash/(19Mo en version française). Vous pouvez l'utiliser gratuitement pendant 30 jours. C'est plus qu'il n'en faut pour créer de superbes boutons dynamiques. 1. Créer un modèle de bouton Propriétés du symbole tiom.Çomportement I B t on animé r Clip r Grap ue OK Annuler à ide I Lorsque vous chargez pour la première fois ce logiciel, celui-ci affiche pas moins de cinq "panneaux" (fenêtres d'outils) à l'écran. Sélectionnez Fichier, Nouveau - afin de pouvoir créer une animation-, puis Fenêtre, Fermer tous les panneaux, afin de faire place nette. Vous ne conservez ainsi à l'écran que les outils de dessin et la fenêtre destinée à accueillir les animations. Tapez ensuite Ctrl F8 pour entrer en mode "création de symbole". Donnez un nom à votre bouton, par exemple Bouton animé, puis sélectionnez le type Bouton. 2. Dessiner le bouton au repos getffll Bouton anme I3 l'F 3. Lorsque la souris passe Appuyez s Comme vous pouvez le voir, dans la partie supérieure de l'écran, c'est le mode Dessus rJ (Over) qui devient actif. Vous allez, en effet pouvoir dessiner le bouton tel qu'il devra apparaître lorsque la souris passe dessus. Sélectionnez l'outil Flèche. Lorsque vous l'approchez des bords du rectangle, vous voyez apparaître un arc de cercle ou une équerre. Si vous cliquez à cet endroit, vous pouvez alors déformer le bord en question comme bon vous semble. Modifiez le dessin du bouton selon votre goût. 4. La forme lorsque l'on clique Ille 44 "'raiMEgig, -.,). "/4, IP el,.4.1 11 - 4.. 6, 4, W...) (,ei lR ro, eee-1, Appuyez une nouvelle fois sur F6. A présent, c'est le mode Cliqué (Down) qui devient actif. En utilisant la même technique que précédemment, vous pouvez continuer de déformer le bouton en étirant ses extrémités. vous pouvez aussi en profiter pour modifier la couleur de fond. ercummummo 1-Ï, 5. Poser les boutons Une fois ces trois états dessinés, tapez Ctrl E pour revenir dans le mode "scène" de Flash, celui où l'on définit des animations. Le bouton que vous avez créé a été placé dans la Bibliothèque et en tant que tel, il peut être placé à volonté sur le plan de travail. Pour afficher la Bibliothèque, tapez CtrlL. Faites ensuite glisser des occurrences du bouton sur la scène. Dans le mode d'édition de bouton, la partie supérieure de l'écran fait apparaître les 4 états possibles de ce dernier : Haut, Dessus, Abaissé, Cliqué (Up, Over, Down, Hit en version anglaise). Sur la partie inférieure se trouve la zone de travail dans laquelle vous pouvez dessiner le bouton. Pour dessiner le bouton au repos (l'état "Haut"), sélectionnez l'outil de dessin Rectangle. Dans les options, indiquez un Rayon d'angle (Corner radius) de 20 points ou plus afin de pouvoir créer un bouton arrondi. Sélectionnez une couleur pour le bord extérieur du bouton et une couleur pour le fond. Si vous désirez choisir une taille de trait, sélectionnez Fenêtre, Panneaux, Traits (Windows, Panel, Stroke). Puis, en prenant comme point de repère la croix, présente sur le plan de travail, dessinez un rectangle. Nous avons le bouton tel qu'il sera en mode "Haut" (au repos). 132 SVM SEPTEMBRE 2 0 0 1 HTTP://SVM.VNUNET.FR
6. Ajouter du texte Sélectionnez Fenêtre, Panneaux, Caractères et choisissez une police, une taille de police et, enfin, une couleur pour les caractères. Sélectionnez ensuite l'ouil Texte et placez du texte dans les boutons. Si besoin, vous pouvez utiliser l'outil Flèche afin de recadrer le texte dans un bouton. 7. Tester l'animation Si vous désirez observer le comportement des boutons, sélectionnez le menu Contrôle, Testez l'animation (Control, Test Movie). A présent, lorsque vous déplacez le curseur sur l'un des boutons, il se déforme, tout comme si vous cliquiez dessus. 8. Associer une action Pour que ces boutons soient utilisables dans une page Web, il reste à leur associer une action. Dans le cas présent, ils vont servir de liens vers d'autres pages. Sélectionnez le premier bouton, puis le menu Fenêtre, Actions (Window, Actions). Dans le panneau Actions, sélectionnez Actions de base (Basic Actions) puis Get URL. Dans la partie URL, indiquez l'adresse de la page à atteindre. Flash place les instructions qui vont permettre d'activer un tel lien lorsque le bouton de la souris est relâché. Faites de même avec les autres boutons. à A 3_3 P././.,m EE ! Accueil (.News. -'...6. r e-mail s-). 1. i/...x one. ne.dertr.. r ; "r.. A J I ja 9. Générer le code Il ne reste plus qu'à transformer une telle animation en code utilisable sur une page Web. Dans ce dessein, sélectionnez Fichier, Publier (File, Publish). Flash crée alors deux fichiers : une page HTML et un fichier d'animation.SWF (du Flash compilé) dont la taille est minuscule -c'est ce qui fait le charme de cette technologie. Dans notre exemple, il ne "pèse" que 1,37 Ko. Placez ces deux fichiers dans un même dossier afin que la page Web fonctionne. Vous pouvez aussi recopier le code engendré par Flash sur l'une de vos pages existantes (les instructions situées entre et ), elle bénéficiera alors des boutons animés. Un bouton sonorisé Ce qu'il faut savoir avant tout, si vous voulez sonoriser vos boutons, c'est que le modèle de bouton stocké dans la bibliothèque gouverne tous les boutons de votre page. En d'autres termes, si vous passez en mode d'édition de bouton (Ctrl L pour afficher la bibliothèque, clic droit, puis Edition), et que vous revenez en mode scène (Ctrl E), tous les boutons de la page auront été modifiés en conséquence. Pour associer un son à un mode, sélectionnez un fichier son le plus court possible (par exemple START.WAV 12111111111EMer. fflIP - `'11-1L.,714 dans le répertoire Windows/Media) et, idéalement, convertissez-le en MP3 ou WMA. Sélectionnez Fichier, Importer, afin de placer le son dans la Bibliothèque de l'animation courante. Dans la partie supérieure de l'écran, choisissez l'un des modes du Bouton -par exemple lorsque le curseur passe dessus -, puis ouvrez le panneau Fenêtre, Panneaux, Son (Window, Panel, Sound). Il ne vous reste plus qu'à associer la sonorité importée à ce comportement du bouton. Si vous repassez dans le mode Scène (Ctrl E), puis sélectionnez le menu Contrôle, Tester l'animation, vous pouvez constater qu'un son est désormais émis lorsque la souris passe sur n'importe lequel des boutons ! SVM SEPTEMBRE 2 0 0 1 HTTP://SVM.VNUNET.FR 133



Autres parutions de ce magazine  voir tous les numéros


Liens vers cette page
Couverture seule :


Couverture avec texte parution au-dessus :


Couverture avec texte parution en dessous :


SVM numéro 196 septembre 2001 Page 1SVM numéro 196 septembre 2001 Page 2-3SVM numéro 196 septembre 2001 Page 4-5SVM numéro 196 septembre 2001 Page 6-7SVM numéro 196 septembre 2001 Page 8-9SVM numéro 196 septembre 2001 Page 10-11SVM numéro 196 septembre 2001 Page 12-13SVM numéro 196 septembre 2001 Page 14-15SVM numéro 196 septembre 2001 Page 16-17SVM numéro 196 septembre 2001 Page 18-19SVM numéro 196 septembre 2001 Page 20-21SVM numéro 196 septembre 2001 Page 22-23SVM numéro 196 septembre 2001 Page 24-25SVM numéro 196 septembre 2001 Page 26-27SVM numéro 196 septembre 2001 Page 28-29SVM numéro 196 septembre 2001 Page 30-31SVM numéro 196 septembre 2001 Page 32-33SVM numéro 196 septembre 2001 Page 34-35SVM numéro 196 septembre 2001 Page 36-37SVM numéro 196 septembre 2001 Page 38-39SVM numéro 196 septembre 2001 Page 40-41SVM numéro 196 septembre 2001 Page 42-43SVM numéro 196 septembre 2001 Page 44-45SVM numéro 196 septembre 2001 Page 46-47SVM numéro 196 septembre 2001 Page 48-49SVM numéro 196 septembre 2001 Page 50-51SVM numéro 196 septembre 2001 Page 52-53SVM numéro 196 septembre 2001 Page 54-55SVM numéro 196 septembre 2001 Page 56-57SVM numéro 196 septembre 2001 Page 58-59SVM numéro 196 septembre 2001 Page 60-61SVM numéro 196 septembre 2001 Page 62-63SVM numéro 196 septembre 2001 Page 64-65SVM numéro 196 septembre 2001 Page 66-67SVM numéro 196 septembre 2001 Page 68-69SVM numéro 196 septembre 2001 Page 70-71SVM numéro 196 septembre 2001 Page 72-73SVM numéro 196 septembre 2001 Page 74-75SVM numéro 196 septembre 2001 Page 76-77SVM numéro 196 septembre 2001 Page 78-79SVM numéro 196 septembre 2001 Page 80-81SVM numéro 196 septembre 2001 Page 82-83SVM numéro 196 septembre 2001 Page 84-85SVM numéro 196 septembre 2001 Page 86-87SVM numéro 196 septembre 2001 Page 88-89SVM numéro 196 septembre 2001 Page 90-91SVM numéro 196 septembre 2001 Page 92-93SVM numéro 196 septembre 2001 Page 94-95SVM numéro 196 septembre 2001 Page 96-97SVM numéro 196 septembre 2001 Page 98-99SVM numéro 196 septembre 2001 Page 100-101SVM numéro 196 septembre 2001 Page 102-103SVM numéro 196 septembre 2001 Page 104-105SVM numéro 196 septembre 2001 Page 106-107SVM numéro 196 septembre 2001 Page 108-109SVM numéro 196 septembre 2001 Page 110-111SVM numéro 196 septembre 2001 Page 112-113SVM numéro 196 septembre 2001 Page 114-115SVM numéro 196 septembre 2001 Page 116-117SVM numéro 196 septembre 2001 Page 118-119SVM numéro 196 septembre 2001 Page 120-121SVM numéro 196 septembre 2001 Page 122-123SVM numéro 196 septembre 2001 Page 124-125SVM numéro 196 septembre 2001 Page 126-127SVM numéro 196 septembre 2001 Page 128-129SVM numéro 196 septembre 2001 Page 130-131SVM numéro 196 septembre 2001 Page 132-133SVM numéro 196 septembre 2001 Page 134-135SVM numéro 196 septembre 2001 Page 136-137SVM numéro 196 septembre 2001 Page 138-139SVM numéro 196 septembre 2001 Page 140-141SVM numéro 196 septembre 2001 Page 142-143SVM numéro 196 septembre 2001 Page 144-145SVM numéro 196 septembre 2001 Page 146-147SVM numéro 196 septembre 2001 Page 148-149SVM numéro 196 septembre 2001 Page 150-151SVM numéro 196 septembre 2001 Page 152-153SVM numéro 196 septembre 2001 Page 154-155SVM numéro 196 septembre 2001 Page 156-157SVM numéro 196 septembre 2001 Page 158-159SVM numéro 196 septembre 2001 Page 160-161SVM numéro 196 septembre 2001 Page 162-163SVM numéro 196 septembre 2001 Page 164-165SVM numéro 196 septembre 2001 Page 166-167SVM numéro 196 septembre 2001 Page 168-169SVM numéro 196 septembre 2001 Page 170-171SVM numéro 196 septembre 2001 Page 172-173SVM numéro 196 septembre 2001 Page 174-175SVM numéro 196 septembre 2001 Page 176-177SVM numéro 196 septembre 2001 Page 178-179SVM numéro 196 septembre 2001 Page 180-181SVM numéro 196 septembre 2001 Page 182-183SVM numéro 196 septembre 2001 Page 184-185SVM numéro 196 septembre 2001 Page 186-187SVM numéro 196 septembre 2001 Page 188-189SVM numéro 196 septembre 2001 Page 190-191SVM numéro 196 septembre 2001 Page 192-193SVM numéro 196 septembre 2001 Page 194-195SVM numéro 196 septembre 2001 Page 196-197SVM numéro 196 septembre 2001 Page 198-199SVM numéro 196 septembre 2001 Page 200