Accueil   l    Nouveaux Livres   l   Thèmes Education   l    Divers   l    Liens Utiles   l    Actualités    l   Contacts  l    A Propos

 Informatique & Internet

Astuces HTML
Astuces Real Draw Pro
Créer un site Web
Créer Page de Cadre
Créer bannière Flash
Créer bannière GIF
Compteur de visite
Bien Protéger son PC
Formation à Visual Basic
Polices Arabes & Fr
Transfert FTP
Logiciels à Télécharger

 

 Technologie au Collège

Histoire de la Techno
Applications de techno
Cours tous les niveaux
Exercices & Devoirs
Fiches pour élèves
Fiches pour prof
Sites de technologie
Orientation Technique
Ameti Oujda
Note Ministérielle 151
Note Ministérielle 43

 

© 2006
 Oukka Soft
Tous droits réservés

Créer une bannière flash                             Téléchargez cette bannière au format fla
 

Nous allons voir pas à pas comment créer la bannière de droite avec Flash puis comment l'insérer dans une page HTML. En fait comme vous pouvez le constater, l'animation est constituée par 3 images: Celle de fond qui est fixe, l'image texte entrant par la droite et l'image texte entrant du bas. Voici les 3 images qui ont été conçues par Real Draw3 qui gère parfaitement l'arabe.

 

fond_fixe.jpg largeur 200 x hauteur 79

image transparente jadid.png/gif

image transparente internet.png/gif

1- Démarrez un logiciel de retouche d'images et créez les 3 images séparément. Enregistrez les sur le même dossier. (Vous pouvez cliquer sur chaque image du haut/bouton droit/Enregistrer l'image sous...)

2-  Démarrez Macromédia Flash MX

          L'interface de flash comporte les éléments suivants:

·          La scène (fenêtre blanche) qui reçoit les éléments à animer.

·          Le scénario qui affiche la position des images sur des calques qui peuvent être superposés.

·          Les barres d'outils qui affichent les outils pour travailler sur les différents objets qui constituent une animation.

3- Bouton droit sur la scène/Propriétés/Taille/Ajuster les dimensions à 200 pixels pour la largeur et 79 pixels pour la hauteur/OK.

4- Cliquez sur  Affichage/Zoom/100%

·          Maintenant la dimension de la scène est la même que celle de l'image appelée: fond_fixe

5- Cliquez sur  Fichier/Importer dans la bibliothèque/ouvrez le dossier contenant les 3 images enregistrées précédemment/Sélectionnez toutes les images/Ouvrir.

·          Si la bibliothèque n'est pas visible, cliquez sur Fenêtre/Bibliothèque. Si son affichage vous gène, cliquez et glissez la vers la droite.

6- Cliquez sur l'image fond_fixe et glissez la vers la scène.  

7- Double clic sur Calque1 du scénario/Renommez le en fond_fixe/Entrée.

8- Clic sur le point noir/pressez la touche ALT puis cliquez et glissez à droite jusqu'à 50 et relâchez le bouton de la souris. (la couleur change). L'image restera fixe durant ce temps.

9- Bouton droit sur le nom du calque fond_fixe/Insérer un calque/Double-clic sur calque2/Renommez le jadid/Entrée.

10- Glissez la 2ème image jadid à droite de la scène/ Clic sur le point noir/pressez la touche ALT puis cliquez et glissez à droite jusqu'à 20. Un autre point noir est crée juste au dessous de 20, cliquez dessus/Déplacez l'image en utilisant la flèche de direction vers le gauche jusqu'à l'emplacement final de l'image texte.

11- Maintenant cliquez avec le bouton droit sur un emplacement entre les 2 points noirs/Créer une interpolation de mouvement. (une flèche est ajoutée entre les points).

12- Testez votre animation en pressant les touches CTRL Entrée /Cliquez sur Fichier/Fermer.

13- Insérez un 3ème calque nommé: Internet/Glissez la 3ème image en bas de la scène/Cliquez sur 20/Bouton Droit/Insérer une image clé (un point noir est ajouté), cliquez dessus/Pressez la touche ALT et glissez à droite jusqu'à 40/Bouton droit/Créer une interpolation de mouvement. (une flèche est ajoutée entre 20 et 40).

·          Si votre scénario  ressemble à l'image ci-dessous, c'est que votre animation est prête. Il est temps de l'enregistrer au format swf

14- Cliquez sur Fichier/Exporter l'animation/Sélectionnez le répertoire cible/nommez votre animation anim1/Enregistrer/vous pouvez protéger votre animation en cochant  la case Protéger contre l'importation/OK 

 

Insérer l'animation flash dans une page web

 

il suffit d'enregistrer l'animation au format .swf (fichier / exporter l'animation ou ctrl+alt+shift+S et vous choisissez .swf dans la liste). Il faut ensuite sélectionner/Copier le script suivant puis le coller entre les balises <BODY> et </BODY>, la ou vous désirez voir apparaître l'animation sur votre page :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0"

width="200" height="79">

<param name="SRC" value="anim1.swf">

<param name="QUALITY" value="high">

<param name="BGCOLOR" value="#000000">

<embed src="anim1.swf" pluginspage="http://www.macromedia.com/shockwave/download/"

type="application/x-shockwave-flash" width="200" height="79" quality="high" bgcolor="#CCCC00">

</embed>

</object>

Les balises width et height    ( width = largeur ET height = hauteur ) indiquent les dimensions de votre animation.

                

© 2006
 Oukka Soft
Tous droits réservés