Description:

This course is an introduction to the fundamentals, tools and techniques of Web imaging using Macromedia Fireworks. Students will gain an understanding how to import, manipulate, optimize and animate Web graphics. Students will combine graphics with HTML and JavaScript creating image slices, navigation menus and hotspots. 1 hr. lecture/wk.

Associated Costs: These are additional (out-of-pocket) expense considerations that students should expect in addition to the course tuition, fees, and textbooks. $10 to $20.

Supplies: Refer to the instructor's course syllabus for details about any supplies that may be required.

Textbook(s): For information see - http://bookstore.jccc.net

Course Fees: NONE

Course Objectives:

Upon successful completion of this course the student should be able to:

1. Discuss Web color, using color palettes and dithering.
2. Demonstrate an in-depth understanding of image and monitor resolution and its implications on Web design.
3. Demonstrate knowledge of the various image compression formats for the Web.
4. Design, manipulate, and export graphics for the Web.
5. Design, manipulate, and export vector graphics.
6. Create single and multiple pixel graphics for use on the Web (such as arrows, bullets, clear dots, rules).
7. Design basic and disjointed rollover images.
8. Optimize images for the Web, demonstrating the differences between PNG, GIF, and JPEG compression formats.
9. Divide images into predefined slices for separate export.
10. Export images into slices both manually and automatically using the Export Wizard.
11. Use dithering in optimized graphics.
12. Export rollovers using Macromedia Fireworks.
13. Discuss the fundamentals of transparent images on the Web
14. Optimize transparent images for the Web.
15. Troubleshoot the size and effectiveness of images.

Content Outline & Competencies:

I. Learning the Basics
   A. Identify components of the Fireworks interface
   B. Open an existing or new document
   C. Explain the effect of image and resolution size
   D. Identify web image formats
   E. Optimize images for the web 

II. Work with Bitmap Graphics
   A. Create new images
   B. Use the selection tools
   C. Modify bitmap images
   D. Work with additional bitmap tools
   E. Export bitmap images for use on the web
   F. Identify web palettes and dithering
   G. Create single and multiple pixel graphics for the Web

III. Work with Vector Tools
   A. Create vector objects
   B. Change the appearance of shapes and text
   C. Draw freeform paths
   D. Use strokes and fills
   E. Use effects and styles
   F. Combine simple paths
   G. Use masks
   H. Use transparency and blending

IV. Create Hotspots and Slices
   A. Create image maps
   B. Use the slice tools to create predefined slices for separate export
   C. Export slices for use in a website
   D. Use Fireworks’ Export Wizard

V. Create Navigation Elements
   A. Create JavaScript using Macromedia Fireworks
   B. Create buttons
   C. Create and export disjointed rollovers and rollovers
   D. Create a pop-up menu

VI. Using Fireworks with Dreamweaver
   A. Understand how to use Macromedia Fireworks for the web design in
Dreamweaver
   B. Perform graphic optimization
   C. Export graphics in proper file size and format
   D. Import Fireworks graphics and Fireworks HTML into Dreamweaver

VII. Course Summary

Methods of Evaluation of Competencies:

Evaluation of student mastery of course competencies will be accomplished using the following methods:

Examinations          25% of grade
Projects/Assignments  75% of grade
  Total              100%

Grade Criteria:
  A = 90% - 100%
  B = 80% -  89% 
  C = 70% -  79% 
  D = 60% -  69% 
  F = Below  60%   

Caveats: NONE

Disabilities:

If you are a student with a disability, and if you will be requesting accommodations, it is your responsibility to contact Access Services. Access Services will recommend any appropriate accommodations to your professor and his/her director. The professor and director will identify for you which accommodations will be arranged.

JCCC provides a range of services to allow persons with disabilities to participate in educational programs and activities. If you desire support services, contact the office of Access Services for Students With Disabilities (913) 469-8500, ext. 3521 or TDD (913) 469-3885. The Access Services office is located in the Success Center on the second floor of the Student Center.