Chabot College Fall 2007 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. Prerequisite: Digital Media 35A (completed with a grade of C or higher). Strongly recommended: Digital Media 31A (completed with a grade of C or higher); Digital Media 32A (completed with a grade of C or higher); Digital Media 34A (completed with a grade of C or higher); or Digital Media 36A (completed with a grade of C or higher). 1 hour lecture, 2 hours laboratory. [Typical contact hours: lecture 17.5, laboratory 35] Prerequisite Skills: Before entering the course, the student should be able to: 1. use basic 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, navigate and customize its interface, use the tools available on its toolbars and palettes, and apply commands by means of menus and keyboard shortcuts; 9. use Dreamweaver’s page-layout tools to create pages with varied visual designs; 10. apply design principles in the creation of attractive and easily useable web pages; 11. use Dreamweaver’s site-management tools to organize, maintain, and revise multi-page web sites; 12. enhance web pages with additional features such as frames, forms, and rollovers; 13. test pages across platforms and browsers, and revise them as necessary for increased compatibility. Expected Outcomes for Students: Upon completion of the course the student should be able to: 1. move files between Dreamweaver and other multimedia applications such as Photoshop, Illustrator, and Flash, 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; Chabot College Course Outline for Digital Media 35B, page 2 Fall 2007 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 Dreamweaver and other multimedia applications such as Photoshop, Illustrator, and Flash, 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 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): Macromedia Dreamweaver 8 Hands-On Training, Daniel Short and Garo Green, Peachpit Press, December 1, 2005 Special Student Materials: Portable file-storage device, such as a USB flash drive