Amélioration des Pages HTML

o Des Fonctionnalités HTML / 4.0 Feuilles de styles Layers / JavaScript DreamWeaver / Templates

Exemple

Iexplorer / Netscape les exploite plus ou moins différemment

Amélioration des Pages HTML

o Macromedia FireWorks / Images - Menus - Animation Flash 3 / Graphique vectoriel - Animation

o Flash 4 ( bientôt v5 )

Textes Graphique Bitmap / Vectoriel Sons

Macromedia / Flash 4

o Animation succession d ’images et de scènes Interpolation

o Actions Interactivité ( clic souris....) Exploitation pour menus, pages, URL,...

o 2 petits exemples sans intéractivité

o Représentation de l ’existence d ’un ou plusieurs objets

Flash 4 - Les couches les layers

o Les différentes images de l ’animation

o L ’organisation des couches

Flash 4 - L ’échelle temporelle

Flash 4 - Les graphiques

o Nombres d ’Objets limités

o Géométrie par Objet

Flash 4 - Les graphiques

o Edition et Composition facilitée

o Transformation

Flash 4 - Les graphiques

o Exercice No1Exercice No1 Définir le principe d ’une Eclipse solaire

et inversement

Flash 4 - Exercice 1

o De quoi avons nous besoin ?

Graphique layer ( attention au layer courant ) importation d ’images frame / ligne de temps NE PAS FAIRE l ’ANIM TROP GRANDE

Flash 4 - La ligne de temps

o Les images clésElles marquent un changement d ’état

vide en cours de modification Interpolée déplacement forme Action avec un a dedans

Flash 4 - La ligne de temps

o La vitesse de lectureA priori la séquence s ’exécute linéairementcadence a définir /

Image/ImageImage clé à chaque changement

important

Pelure d ’Oignons

Flash 4 - La ligne de temps

o Interpolation

de déplacementcalcul des images intermédiaires ( limitation )

de forme ( morphing )

Spécialescouleur, luminosité, alpha ( transparence )

Flash 4 - Les Couches

o Interpolation par trajectoireUn objet, une ligne quelconque

La couche et la trajectoire

ne doivent pas être dissociés

Flash 4 - Les Couches

o ProcessusDéfinir une trajectoire quelconque

entre 2 images clé

Positionner l ’objet sur la courbePoint de départ= image cléPoint d ’arrivée = image finale

Exemple avec Avion

Flash 4 - Les Objets de bibliothèque

Chaque forme manipulable et transformabledoit être traduite en OBJET et mise en

bibliothèque

o Bibli Flash3 / Bibli applicationo Objet : create symbol

bouton image movie sons

Flash 4 - Les Objets de bibliothèque

o Les transformationssur les images clés

Flash 4 - Les Objets de bibliothèque

Effets spéciaux

Déplacements

o Exercice No2Exercice No2 Mouvement de la lune et période

Matérialiser le rayonnement solaire et la phase rotative de la lune

Flash 4 - L ’animation

Flash 4 - REPOS

o Faire un petit site Web sur l  ’Eclipse Structure du Site

Incorporer des objets FlashExporter MovieImporter Flash / Page, tableau

Flash 4 - Actions Comportements

o Les BoutonsIl s ’agit de définir des objets animés à états

base de menu, actions diverses

UP : non actifOVER : souris au dessusDOWN: on clicHIT : zone sensible

Flash 4 - Actions Comportements

o Les Actions

Flash 4 - Actions Comportements

Exemple de séquence

Sur un Clic souris ( On / Press ) On peut aller a une frame (Goto Number

15)• Goto and stop ou Goto and play

On peut lancer une animation sur quelques frames

on met une action stop dans la frame ou goto....

Exercice FinalExercice Final

Au choix ( avec insertion dans le site Web )

o faire le menu avec boutons faire un état Over et Clic faire une action RollOver explicative sur

la fonction du bouton

Exercice FinalExercice Final

Ou bien ( avec insertion dans le site Web )