Dans ce didacticiel, vous accomplirez les tâches suivantes :

• Examinez votre tâche
  
• Etude de l'application finale
  
• Création d'un dossier de travail
  
• Création d'un document
  
• Création de symboles
  
• Edition d'un symbole de scénario
  
• Ajout d'actions à des images
  
• Ajout d'étiquettes à des images
  
• Ajout d'une interpolation de mouvement
  
• Edition du scénario principal
  
• Création de la bordure
  
• Ajout d'un symbole
  
• Ajout d'une zone de texte
  
• Ajout du clip sur la scène
  
• Ajout d'un composant Button
  
• Ajout de code ActionScript
  
• Publication de votre document

Etude de l'application finale

En examinant la version terminée de l'application que vous êtes sur le point de créer, vous découvrirez également l'espace de travail Flash.

Les sections suivantes de ce didacticiel présentent les étapes à suivre pour créer l'application vous-même.

Exécution de l'application finale

Pour mieux comprendre le type d'application que vous allez créer dans le cadre de ce didacticiel, vous pouvez examiner une version finale de fichier FLA de l'application dans l'outil de programmation de Flash. Les fichiers FLA représentent le type de fichiers utilisés dans Flash. Vous pouvez également lire la version SWF du fichier dans Flash Player. La version SWF représente la version du fichier que vous publierez dans une page Web.

Pour lire la version SWF du fichier dans Flash Player :

1. Dans Flash, choisissez Fichier > Ouvrir.
2. Localisez le fichier final en utilisant l'un des chemins suivants :

• Sous Windows, accédez à lecteur d'amorçage\Program Files\Macromedia\Flash 8\Samples and Tutorials\Tutorial Assets\cafe_townsend\completed files\flash, puis double-cliquez sur flash_fma_finished.swf.
• Sur Macintosh, accédez à disque dur Macintosh/Applications/Macromedia Flash 8/Samples and Tutorials/Tutorial Assets/cafe_townsend/completed_files/flash, puis double-cliquez sur flash_fma_finished.swf.

L'application finale s'exécute dans Flash Player. Cliquez sur Suivant pour voir changer les images de plats sous l'effet de l'animation.
3. Après avoir affiché l'application, fermez la fenêtre Flash Player.


Ouverture du document de programmation

Il est utile d'examiner le fichier FLA correspondant au document de programmation final pour comprendre comment l'auteur a conçu l'application.
Pour afficher la version de programmation du fichier dans Flash :

1. Dans Flash, choisissez Fichier > Ouvrir.
2. Localisez le document de programmation en utilisant un des chemins suivants :

• Sous Windows, accédez à lecteur d'amorçage\Program Files\Macromedia\Flash 8\Samples and Tutorials\Tutorial Assets\cafe_townsend\completed files\flash, puis double-cliquez sur flash_fma_finished.fla.
• Sur Macintosh, accédez à disque dur Macintosh/Applications/Macromedia Flash 8/Samples and Tutorials/Tutorial Assets/cafe_townsend/completed_files/flash, puis double-cliquez sur flash_fma_finished.fla.

L'application finale du didacticiel est affichée dans l'environnement de programmation Flash.
3. Une fois le fichier ouvert, vous pouvez examiner la scène, le panneau Bibliothèque et le scénario.

• La scène comporte de nombreuses formes graphiques que vous apprendrez à créer ultérieurement dans ce didacticiel.
• Le panneau Bibliothèque contient une liste de symboles ou ressources réutilisables utilisés par le document.
• Quant au scénario, il décrit quand et comment faire apparaître ces symboles sur la scène.
• Le panneau Actions contient du code ActionScript qui contrôle la navigation dans le document Flash et importe des fichiers d'image à afficher lors de la lecture de ce document.

Vous en apprendrez davantage sur le rôle de chacun de ces éléments de Flash tout au long de ce didacticiel.
4. Lorsque vous avez examiné le document terminé, fermez-le en évitant d'enregistrer la moindre modification.

Création d'un dossier de travail

Avant de commencer, vous devez créer un dossier de travail incluant les fichiers d'exemple utilisés dans les didacticiels du guide Bien démarrer avec Flash. Cette opération consiste à créer le dossier de travail sur votre disque dur et à copier les fichiers d'exemple depuis le dossier de l'application Flash dans le dossier de travail.

1. Créez un nouveau dossier appelé local_sites à un emplacement quelconque sur votre disque dur. Par exemple, créez un dossier appelé local_sites dans l'un des emplacements suivants :

• (Windows) C:\Documents and Settings\votre_nom_d'utilisateur\ Mes Documents\local_sites
• (Macintosh) Disque dur/Utilisateurs/votre_nom_d'utilisateur/Documents/local_sites

Sous Macintosh, votre dossier utilisateur contient déjà un dossier appelé Sites. N'utilisez pas ce dossier Sites comme dossier local ; ce dossier représente l'emplacement où vous placez vos pages pour les rendre accessibles au public lorsque vous utilisez Macintosh comme serveur Web.
2. Recherchez le dossier cafe_townsend dans le dossier de l'application Flash sur votre disque dur. Si vous avez installé Flash à son emplacement par défaut, le chemin d'accès au dossier est le suivant :

• (Windows) C:\Program Files\Macromedia\Flash 8\Samples and Tutorials\Tutorial_assets\cafe_townsend
• (Macintosh) /Applications/Macromedia Flash 8/Samples and Tutorials/Tutorial_assets/cafe_townsend

3. Copiez le dossier cafe_townsend dans votre dossier local_sites.

Maintenant que l'application finale que vous êtes sur le point de créer vous a été présentée, vous pouvez créer votre propre document Flash.

Si vous n'avez pas encore défini de dossier de travail, faites-le avant de commencer. Pour plus d'informations, consultez la section Création d'un dossier de travail.

Pour savoir comment créer une application dans Flash, vous devez commencer par la toute première étape du processus : la création d'un fichier.

Vous êtes prêt à créer votre propre version de la FMA.

1. Choisissez Fichier > Nouveau.
2. Dans la boîte de dialogue Nouveau document, sélectionnez Document Flash et cliquez sur OK.
3. Choisissez Fichier > Enregistrer.
4. Entrez un nom pour le ficher flash_fma.fla puis enregistrez-le dans le dossier cafe_townsend que vous avez copié dans le dossier local_sites sur votre disque dur.

La configuration des propriétés du document est la première étape du processus de création dans Flash. Vous pouvez modifier les propriétés du document à tout moment, mais il est recommandé de prendre certaines décisions au début du processus, comme par exemple le choix de la taille de la scène ou de la couleur de l'arrière-plan.

Les propriétés du document correspondent aux propriétés qui s'appliquent à l'ensemble du document Flash, telles que la taille de la scène ou la couleur d'arrière-plan. Vous pouvez utiliser l'inspecteur des propriétés pour spécifier ces paramètres.

1. S'il n'est pas déjà ouvert, choisissez Fenêtre > Propriétés > Propriétés. Par défaut, l'inspecteur des propriétés se trouve dans le bas de la fenêtre de l'application Flash.

L'inspecteur des propriétés
REMARQUE Si l'inspecteur des propriétés n'est pas complètement développé, cliquez sur le triangle blanc dans le coin inférieur droit.

A SAVOIR... Présentation de l'inspecteur des propriétés L'inspecteur des propriétés permet d'afficher et de modifier les propriétés des objets sélectionnés. Ces propriétés dépendent du type d'objet sélectionné. Par exemple, si vous choisissez un objet texte, l'inspecteur des propriétés affiche les paramètres d'affichage et de modification des attributs de texte. Dans le cas présent, vous venez d'ouvrir un nouveau document, ce qui explique que l'inspecteur des propriétés affiche les propriétés d'un document.
2. Entrez 60 dans la zone de texte Cadence de l'inspecteur des propriétés.
L'application lira les animations à une cadence de 60 images par seconde, soit la cadence optimale de lecture fluide d'une animation sur le Web.
3. Cliquez sur Taille pour fixer la taille de la scène.
4. Dans la boîte de dialogue Propriétés du document, entrez 700 pour la largeur et 150 pour la hauteur, puis cliquez sur OK.
Flash insère automatiquement l'indication px (c.-à-d. pixel) après ces nombres.

La boîte de dialogue Propriétés du document
5. Dans le scénario, cliquez sur la valeur dans le menu Zoom et entrez 75%.
De la sorte, il est plus facile de voir votre document entier dans la fenêtre de document.

Appuyez sur Entrée (Windows) ou sur Retour (Macintosh).
6. Enregistrez votre travail.

Vous allez à présent créer quelques symboles, c'est-à-dire des actifs réutilisables. Les symboles permettent d'utiliser la même ressource plusieurs fois sans avoir à en enregistrer plusieurs copies dans votre fichier FLA. Stockez le symbole dans le panneau Bibliothèque, puis faites glisser des occurrences de ce symbole sur la scène lorsque nécessaire.
Pour créer le symbole :

1. Sélectionnez Insertion > Nouveau symbole.
2. Dans la boîte de dialogue Créer un nouveau symbole, tapez imageHolder dans le champ de texte Nom.

La valeur par défaut du Comportement est Animation. Ne la modifiez pas.
3. Cliquez sur OK.

Le nouveau symbole est ajouté au panneau Bibliothèque (Fenêtre > Bibliothèque) et Flash passe en mode d'édition de symbole.

REMARQUE En mode d'édition de symbole, la scène disparaît et la partie principale de la fenêtre de l'application Flash devient une zone de dessin où vous pouvez tracer et modifier le symbole.

A SAVOIR... Présentation des symboles et du panneau Bibliothèque Les symboles sont des ressources réutilisables qui vous permettent d'utiliser une seule ressource plusieurs fois dans votre document Flash sans avoir à la dupliquer dans le fichier. En ne stockant qu'un exemplaire du symbole dans le document Flash, vous faites en sorte que sa taille soit réduite.

Un symbole peut être simple, par exemple un bouton ou un graphique, ou plus complexe, par exemple un clip. Lorsque vous avez créé un symbole, vous le stockez dans le panneau Bibliothèque. Le panneau Bibliothèque sert à stocker et organiser tous les symboles de votre document. Pour réutiliser un symbole, il suffit de le faire glisser du panneau Bibliothèque sur la scène. Ce faisant, Flash crée une nouvelle occurrence du symbole sur la scène. Une occurrence n'est rien d'autre qu'une référence au symbole d'origine, qui indique à Flash qu'il soit "dessiner une copie du symbole spécifié à cet endroit".

L'emploi de symboles et d'occurrences vous permet d'organiser vos actifs et de réduire la taille de votre fichier Flash. En outre, vous pouvez mettre à jour l'apparence ou le comportement de toutes les occurrences d'un symbole précis en modifiant le symbole. Les modifications s'appliqueront à toutes les occurrences du symbole dans votre document.