Tentative calendar
(changes will be announced in class)
| Dates | Design Concepts | Technical Skills | Readings and Guest Speakers | Exercises, Quizzes, Projects (due on the date shown) |
|
Feb. 7 |
Start a design blog at WordPress.com ...using this album cover exercise. |
Read the home page for this course, which includes all of the syllabus information. Read how to succeed in this course and how to get the most out of this course web site. |
||
|
Feb. 9 |
Don't Make Me Think |
Bring a removable storage device to every class (USB memory stick, external hard drive, or a laptop with Dreamweaver CS4 and Photoshop CS4.) |
||
| Feb. 14 | Typography for the web | Five ways to work with type in web design
Content, structure, presentation |
Exercise 1: |
|
| Feb. 16 | Alignment | Things to always keep in mind when working with Dreamweaver Four kinds of hyperlinks and four hyperlink states Creating buttons by linking images Preparing images for the web |
The Principles of Beautiful Web Design Chapter 1: Layout and composition. (Click on "Free Preview") |
|
| Feb. 21 |
Texture |
Exercise 2: |
||
| Feb. 23 | Navigation | Introduction to Good Usability |
||
| Feb. 28 | Usability | Web Style Guide is an online general reference. |
Quiz 1: |
|
| Mar. 2 | Interactivity | Specific web development techniques, to be determined by student projects. |
|
|
| Mar. 7 | Accessibility | Put it all together, combining type, images, CSS, pagination, navigation, and design principles | Exercise 3: |
|
| Mar. 9 | Create a slide show, using a jQuery-based model, or using a basic technique, such as an animated GIF image or a Javascript-controlled image sequence. |
Guest presentation by David Barczak, Senior Art Director, UD's Office of Communications & Marketing | ||
| Mar. 14 | Make a web site contact form. Use emded codes and related techniques to include maps, videos, and widgets in your web site. |
Optional: Exercise 4: |
||
| Mar. 16 | Designing for the mobile web. Designing for HTML-based newsletters. |
Quiz 2: Web design 2 | ||
| Mar. 21 | Using HTML and CSS to modify your WordPress site. | Exercise 5: Critique a web site |
||
| Mar. 23 | Project 1: Web site design Unveiling of final web sites! |
|||
| Mar. 28 + 30 | Spring break! | |||
| Apr. 4 | Multimedia design | Storyboarding | ||
|
Apr. 6 |
Information processing | Scripting The Final Cut Pro program interface |
Digital Storytelling Cookbook, pages 1-19 |
|
| Apr. 11 | Presentation models | Preparing images for multimedia | Exercise 6: Story pitches |
|
| Apr. 13 | Digital storytelling | Guest presentation by Barbara Lutz, Writing Center The Language of Film, by Michael Wohl |
||
| Apr. 18 | Imagery | Video lighting Things to always keep in mind when working with Final Cut Pro |
Exercise 7: Storyboard |
|
| Apr. 20 | Typography in multimedia design | Audio basics |
Guest presentation by Bob DiIorio, Video Producer, University Media Services Presentation Zen, Chapter 6 [choose page view or layout spread] |
|
| Apr. 25 | Frame composition | Exercise 8: Tell a story using only video (in-class exercise) |
||
| Apr. 27 | J-cut video editing technique L-cut video editing technique |
Quiz 3: Multimedia design |
||
| May 2 | Video compression | Change the perception of video by using different audio (in-class demo) | ||
| May 4 | Using matte layers in Final Cut Pro | Optional: Everyone will have the opportunity to present a preview of their multimedia design project, while there is still time to incorporate suggestions from the class and to get further inspiration from other projects. |
||
| May 9 | Present video on a web page | |||
| May 11 | Harmony: artfully combining disparate media to make a successfully integrated final product | |||
| May 16 | Project 2: Multimedia design World premiere of student videos! |
|||
| Finals, May 19-25 | There is no final exam for this course. | |||
external link outside of this course web site
