MM2213 - Intermediate Web Design

Art Institute of California - San Francisco

Instructor: Laura Cesari - lcesari@aii.edu

Recommended Textbook Companion Website: CSS Zen Garden

Assignments, examples, and resources will be given out in class.
Please email me if you have any questions or if you miss a day.

Student Pages - Class Exercises:

Ruth Martin - Mandy Norman - Mike Cerwonka
Melanie Eusebio - Valentino Carrillo - Max Harris
Dustin Rances - Brent Olivier - Mark Bugay

Class Schedule - Fall 2009

Week 1

Implement & Customize a Lightbox

• Lightbox by Lokesh Dhakar

Week 2

Icon Graphics: Designing at the Pixel-level, More Gallery Scripts

• ShadowBox, MultiBox, SlimBox, VideoBox, LightWindow,
• Smashing Magazine Compilation: 30 best gallery scripts

Week 3

Implement & customize a sliding element.

• Coda-Slider by Niall Doherty

Week 4

Styling sliding elements, More sliding elements.

• The Horizontal Way
• Slick Auto-playing Featured-Content Slider
• Smashing Magazine: 50 useful jQuery tutorials
• DesignWalker: 14 Slide Scripts

Week 5

Midterm: In-class Project

Week 6

CSS Zen Garden: Rebuild and Customize a Template

• CSS Zen Garden

Week 7

Various effects: slideshows, hover effects, image flips

• FlipOut Design: JavaScript Hover Image Swap

Week 8

Building & Customizing Tooltip Effects.

• CSS Tooltip Tutorial by Trent Richardson

Week 9

Continuing Techniques: More Effects

• PikaChoose Gallery
• Dynamic Drive Fading Slideshow
• SmoothGallery by JonDesign

Week 10

Final Project Critique & Work Day

Week 11

Final Exam, Final Project Presentations