GDS 220 Graphic Design for the Web
Course Documents
Instructor: Paul Young
Assignments
Projects
- Project 1: PIFI
- Project 2: Joan Stolz (also see final brief
) - Project 3: Parkland Theatre (also see final brief
) - Project 4: Museum at the Crossroads (also see final brief
)
Exercises
- Exercise 1: Personal Projects Site
(and publishing
) - Exercise 2: Reverse Engineering

- Exercise 3: Webmaster Basics
- Exercise 4: Site Architecture (Developing the Content)

- Exercise 5: Optimizing Web Images

- Exercise 6: Advanced Photoshop Mockup

- Exercise 7: Slicing for Web Production

- Exercise 8: CSS and Javascript

- Exercise 9: CSS Basics (Happy Cog)

- Exercise 10: Advanced CSS (Mourning Dove)

- Exercise 11: CSS Floats (Résumé)

- Exercise 12: GIF Animation (Prairie Gardens)

- Exercise 13: Rounded Corners

- Exercise 14: Introduction to Flash (Clock)
- Exercise 15: Animated Logo (Ad Club)

Lectures
Resources
- GDS News & Announcements
(or Subscribe
) - C138 Open Studio Hours (also see Policies)
- C138 Studio Use FAQ Wiki
- del.icio.us/parkland.gds
(Internet resources for graphic designers) - Facebook
(become a fan!) - Freephotosbank (free stock images)

- Just Dreamweaver (free templates)

- Jotform (free web based form processor)

- Parkland Academic Calendar

- Parkland Library

- Photospin (stock images for student use)

- Web Browser Elements (for mock-ups)

Also see the Student Resources Page
Class
Handouts
- Blank IE browser window (for sketching)

- Browser test pattern (for measuring browser windows)

- Client Brief (Example)

- Classic Fonts Specimen Sheets

- Common
Graphics Formats

- Desktop picture with monitor resolutions:
(1024x768) (1280x960) (1680x1050)
- Keyboard
Shortcuts: Common Macintosh

- Keyboard
Shortcuts: Common Windows

- Keyboard Shortcuts: Flash

- Lorem Ipsum ("greek" text)

- Sample
Thumbnail Sketches

- Spry Drop-down Menu Tutorial

- Vocabulary
Wheel

- Web Design CSS Cheat Sheet

- Web Design CSS Code Snippets

- Web Design Javascript Code Snippets

- Web Design Site Maps (Examples)

- Web Design Survey: Part 1 / Part 2 (from GDUSA
)