Comprehensive Web Design
Fall 2002 - Spring 2003
https://ehollywood.net/dhima/handouts/class15.htm

Class 15 Handout

ImageReady Lesson 2.Layer-based rollovers. Creating a navigation bar Artwork in layers. Animated GIFS. Frame-by-frame animation with layers. Tweening with opacity. Animated GIF rollovers.

1. Layer-Based Rollover -
1. Creating a Layer-Based Slice with a Rollover.
2. Moving a Rollover in a Layer-Based Slice.
3. Promoting a Layer-Based Slice.
4. Creating Navigation Bar Artwork in Layers.
5. Aligning Layers.
6. Using Rollover Styles.
7. Creating a Custom Rollover Style.
8. Applying Your Rollover Style to Your Buttons.

2. Animated Gifs-
1. Frame-by-Frame Animation with Layers.
2. Setting the Speed and Looping.
3. Optimizing and Saving an Animated GIF.
4. Making a Transparent Animated GIF.
5. Tweening with Opacity.
6. Selecting, Duplicating, and Reversing Frames.
7. Tweening a Tweened Sequence.
8. Tweening with Position.
9. Tweening with Effects.
10. Animated Slide Show.
11. Animated GIF Rollovers.
12. Designing Entire Interfaces.

3. Review of your homework -
We will evaluate our work and discuss how it could look/work better.

4. Chapter 5 and 6 of the Dreamweaver book pop quiz -

HOMEWORK ASSIGNMENT:
1) Read Chapter 7 and 8 of the Dreamweaver book.
2) Program and animated a new navigation bar for your website.
(You can either use your new composition artwork or update your original one using the new techniques you learned in ImageReady.)
3) Do any additional tweaks advised during the critiques.