Web Graphics-Introduction
Fireworks MX, Flash MX
Summer 2004
Course Outline
Prof. Raymond J. Kimball
email: Raymond.Kimball@montgomerycollege.edu
- Attendance
- What you need for this class
- Textbook - Bishop, Shuman/Waxer - The Web Collection, Thomson Course Technology, © 2003, ISBN 0-619-10980-7
- External Storage Device
- Zip (199 or 250 MB) or
- Mini USB Flash Drive (32, 64, 128, 256, 512 MB)- 64 or 128 MB would be plenty of space - see CNET.com for ratings, prices. (128 MB is about the "minimum" these days.)
- Data files from Course Technology
- See Page xxiii of the textbook and Data Files List in the back of the Textbook
- Go to www.Course.com. Click on Student Downloads
- Copy and paste the following ISBN No. for the Web Collection Textbook - 0-619-10980-7
- Download the Fireworks (5.86 MB) and Flash (454 KB) files to C:\My Documents or My Downloads. (You can also download the DreamWeaver files if you wish, but we probably won't be using them in this class.)
- After download, copy the files to your Zip or Flash USB mini-drive.
Class 1 - Fireworks - Workspace, tools, Bitmap, Vector Images
- Getting Started - Fireworks pp. A-1 - A-7
- Learning About the Fireworks Window - Fireworks A-8 - 11
- Work with Bitmap and Vector Images - Fireworks A-12 - 16.
- Create and Modify Text - Fireworks a-18 - A-27
Back to Top
Class 2 - Fireworks - Working With Objects
- Macromedia Fireworks B-4 - B-19
- Working with Interactivity and HotSpots
- Fireworks C-1- C-19
- Slices and Hotspots
- Create Links in Web Pages
- Create Rollovers (from slices)
- Create Basic Rollover buttons - See Class Notes, Creating Fireworks
- Roll-over Buttons
Back to Top
Class 3 - Saturday Lab - Fireworks & Web Design - Exporting/Importing
- Create FireworksBasic Home Page Design
- Export from Fireworks - Macromedia MX Ch. A-4 - A-13 (last chapter in book)
- Import into DreamWeaver - Macromedia MX Ch. A-14 - 15;
- also see Export/Import Notes
- Edit Fireworks images in DreamWeaver
- Create a page which has the following elements
- Banner
- Graphic "retouched" with Fireworks tools or effects.
- See graphics at MC-RJK Pictures , or use your own bitmap or vector image
- Navigation Bar
- Main text area
- "Contact Information" area at bottom of page.
- Break all of these into slices. See tutorial notes on slicing, and Fireworks Chapter C-4 - C-19
- Distinguish between image slicing and HTML areas. See tutorial notes.
- Export your Fireworks product.
- See Macromedia MX Ch. A-10 - A-17.
- See also Tutorial Notes Export / Import.
Import Fireworks Object to DreamWeaver
Back to Top
Class 4 - Flash
Getting Started - Flash A-1 - A09
- Open and start Movie
- Create a Movie
- Working with Layers and Timeline
- Publish and Distribute Flash Movies - A-28-31
- Drawing in Flash - Flash B-1 - 39
- Drawing Tools
Back to Top
Class 5 - Flash Symbols, Interactivity, Tweening, Buttons, ActionScripting.
- Objects-Symbols & Instances - Flash C-4-9
- Flash Library - C-10 -C-15
- Create Buttons in Flash - C16 - 21
- Basic ActionScripts - Assign Actions to Buttons
C-22 - 27
- Working with Text
- Timeline
- Animations - Flash, Ch. D
- Frame-by- Frame Animations
- Tweening - Motion Tween
- Shape Tween
Back to Top
|
 |