....
.....
Présentation rapide de Fireworks
:
- le meilleur outil
d'optimisation d'images pour le web
- enrichit d'un générateur
de javascript
- enrichit de fonctionnalité
permettant de produire du DHTML
Préambule :
- Vous devez avoir installer
préalablement Dreamweaver 4, Fireworks 4 et Flash 5 sur vos partitions windows
2000.
- Pour chacun de ces
exercices, il est demandé de les mettre en ligne sur vos serveurs respectifs
(Apache ou IIs) et de le faire valider par l'un de vos pairs.
- Pour chacun de ces
exercices, vous devez systématiquement aller voir le code et essayer de
comprendre sa structure.
- Les exercices sont
progressifs.
Exercice
0 | Exercice
1 | Exercice
2 | Exercice
3 | Exercice
4
Exercice 0 :
- optionnel mais fortement
recommandé : faire les 6 leçons dans l'aide de Fireworks
Exercice 1 :
cahier des charges :
- Faire disparaître
progressivement une forme géométrique.
- la page doit être mise en
ligne
charte graphique :
- Fond, police et couleurs
libres.
Exercice 2 :
cahier des charges :
- Faire apparaître
progressivement un texte.
Charte graphique et règles
de navigation :
- Fond, couleur et police
libres.
Exercice
0 | Exercice
1 | Exercice
2 | Exercice
3 | Exercice
4
Exercice 3 :
cahier des charges :
- Faire un bouton de menu
avec au moins trois boutons contextuels qui apparaissent avec le survol de la
souris.
- chaque bouton contextuel
doit permettre d'ouvrir un site dans une nouvelle fenêtre web.
-
- Charte graphique et règles
de navigation :
- les boutons de menus
contextuels doivent avoir des couleurs différentes lors du survol.
Exercice
0 | Exercice
1 | Exercice
2 | Exercice
3 | Exercice
4
Exercice 4 :
cahier des charges :
- faire un roll over sur une
image.
Charte graphique et règles
de navigation :
- utiliser l'une des images
de kayak ou de grimpeur qui se trouvent dans les leçons de Fireworks. Décliner
l'image en retouchant les couleurs.
- le roll over porte sur l'image
elle - même.
- puis faire un roll over
sur le texte de légende de l'image.
- le lien doit ouvrir une
page dans une autre fenêtre.