Chabot College
Fall 2004
Course Outline for Digital Media 35B
DREAMWEAVER II
Catalog Description:
35B - Dreamweaver II
1.5 units
Continuation of the content and skills introduced in Digital Media 35A (Dreamweaver I), with
emphasis on using Dreamweaver in collaboration with other multimedia applications (such as
Photoshop, Illustrator, and Flash) to create media-rich Web sites. Devising intuitive navigation
schemes; incorporating sound and motion into a Web page. Prerequisites: Digital Media 34A
(completed with a grade of C or higher); Digital Media 35A (completed with a grade of C or higher);
Art 31A, Architecture 31A, Interior Design 31A or Photography 31A (completed with a grade of C or
higher); Art 32A, Architecture 32A, Interior Design 32A or Photography 32A (completed with a grade
of C or higher). 1 hour lecture, 2 hours laboratory.
Prerequisite Skills:
Before entering the course, the student should be able to:
1. use the basic Apple Macintosh operating system features, including navigation of the desktop,
saving and moving files to various storage media, and adjusting system preferences;
2. explain the basic principles and technologies underlying the World Wide Web, including
networking, domains, HTTP, HTML, FTP, and hyperlinks;
3. use a no-frills text-editing program (such as SimpleText or TextEdit) as a tool for coding HTML
and Cascading Style Sheets;
4. hand-code basic Web pages that include text, images, hyperlinks, lists, and tables;
5. hand-code Cascading Style Sheets that control the formatting and display of Web page content;
6. organize multiple Web pages according to a clear, hierarchical, easily navigable structure;
7. upload HTML pages and associated files to a Web server;
8. launch Dreamweaver, Flash, Illustrator, and Photoshop, navigate and customize their interfaces,
use the tools available on their toolbars and palettes, and apply commands by means of menus
and keyboard shortcuts;
9. use Dreamweaver’s page-layout tools to create pages with more complex visual designs;
10. use Dreamweaver’s site-management tools to organize, maintain, and revise multi-page Web
sites;
11. enhance Web pages with additional features such as frames, forms, and rollovers;
12. test pages across platforms and browsers, and revise them as necessary for increased
compatibility;
13. use the drawing tools in Flash and Illustrator to create and edit vector images consisting of lines
and fills;
14. use Photoshop’s painting tools to create bitmapped images;
15. create and edit symbols in Flash, and organize the library in which symbols are stored;
16. build multi-layer, multi-frame visual sequences in the Flash timeline;
17. create simple animation by means of motion-tweening and shape-tweening;
18. use specialized mask layers and guide layers to enhance Flash animation;
19. import multimedia files into Flash, including bitmapped images and audio and video clips;
20. integrate imported multimedia files into an animated Flash movie, and optimize the movie to
improve its performance over low-bandwidth connections;
21. create Flash buttons, using simple ActionScript commands;
22. publish a Flash movie in a format suitable for streaming over the Web;
23. integrate a Flash movie into a Web page, and test its performance under real-world conditions;
Chabot College
Course Outline for Digital Media 35B, page 2
Fall 2004
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
create and modify paths in Illlustrator and Flash;
draw and manipulate Bézier path curves in Illustrator and Flash, and control their anchor points;
apply masks in Flash and Photoshop;
arrange multiple elements in Illustrator, Photoshop, and Flash by controlling stacking order, object
grouping, locking/unlocking objects, and hiding/showing artwork;
place text in an Illustrator, Photoshop, or Flash document, and format its character- and
paragraph-based attributes;
use gradients, pattern tools, and palettes in Illustrator, Photoshop, and Flash;
apply color theory fundamentals, including color modes, color selection, swatch libraries, and
palettes;
apply layer fundamentals, including creating, naming, ordering, showing/hiding, and
locking/unlocking;
edit, restore, retouch, and color-correct images in Photoshop;
create and save Illustrator, Photoshop, and Flash documents in a variety of file formats, each
appropriate to its intended use.
Expected Outcomes for Students:
Upon completion of the course the student should be able to:
1. move files between Photoshop, Illustrator, Flash, and Dreamweaver, using the appropriate
features of each program to create files suitable for use on the Web;
2. use Dreamweaver’s file-importation tools to add video, audio, and Flash animation to a Web
page;
3. configure a Web page to make use of multimedia “helper” applications such as Quicktime and
RealOne Player;
4. optimize a media-rich Web page to offer satisfactory results over low-bandwidth Internet
connections;
5. create an intuitive, user-friendly navigation scheme for a multi-page Web site;
6. use basic JavaScript to enhance Web page usability;
7. manage multimedia assets;
8. collaborate with others in the design and production of a media-rich Web site;
9. maintain, revise, and expand a Web site after it’s been launched.
Course Content:
1. Moving files between Photoshop, Illustrator, Flash, and Dreamweaver, using the appropriate
features of each program to create files suitable for use on the Web
2. Using Dreamweaver’s file-importation tools to add video, audio, and Flash animation to a Web
page
3. Configuring a Web page to make use of multimedia “helper” applications such as Quicktime and
RealOne Player
4. Optimizing a media-rich Web page to offer satisfactory results over low-bandwidth Internet
connections
5. Creating an intuitive, user-friendly navigation scheme for a multi-page Web site
6. Using basic JavaScript to enhance Web page usability
7. Managing multimedia assets;
8. Collaborating with others in the design and production of a media-rich Web site
9. Maintaining, revising, and expanding a Web site after it’s been launched
Chabot College
Course Outline for Digital Media 35B, page 3
Fall 2004
Methods of Presentation:
1. Computer demonstrations
2. Lecture with whiteboard
Assignments and Methods of Evaluating Student Progress:
1. Typical Assignments
a. Examine, analyze, and critique existing Web sites
b. Plan, design, and produce a personal portfolio Web site that includes multimedia elements
c. Work with a group of other students to plan, design, and produce a media-rich Web site that
educates users on a particular topic
2. Methods of Evaluating Student Progress
a. Homework assignments
b. Quizzes and exams, including a final exam
Textbook(s) (Typical):
Dreamweaver MX Web Development, Drew McLellan, Peachpit Press, July 30, 2002
Special Student Materials:
100 mb Zip disk
MS g:\Curriculum2004\DigitalMedia35B
New: 10/21/03