GDS 220 Graphic Design for the Web
Course Documents
Instructor: Paul Young
Assignments
Projects
- Project 1: PIFI
- Project 2: Bryan Heaton
- Project 3
- Project 4
Exercises
- Exercise 1: Personal Process Page
(and publishing
) - Exercise 2: Site Architecture (Developing the Content)

- Exercise 3: Optimizing Web Images

- Exercise 4: Advanced Photoshop Mockup

- Exercise 5: Slicing for Web Production

- Exercise 6: CSS and Javascript

- Exercise 7: Dreameaver Templates (Mourning Dove)

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

- Exercise 9: Advanced CSS (Happy Cog)

- Exercise 10: Rounded Corners

- Exercise 11: Reverse Engineering

- Exercise 12: Webmaster Basics
- Exercise 13: GIF Animation (Prairie Gardens)

Lectures
Parkland Resources
- GDS News & Announcements Group

- 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!) - my.parkland.edu
(Angel, student email, WebAvisor, more...) - Parkland Academic Calendar

- Parkland Library

- Photospin (stock images for student use)

Also see the Student Resources Page
Internet
Resources
- Adobe Font Finder

- Email Address Enkoder Web Form

- Freephotosbank (free stock images)

- Just Dreamweaver (free templates)

- Jotform (free web based form processor)

- Lorem Ipsum Generator ("greek" text)

- Remove Line Breaks (Online Tool)

- Spry Drop-down Menu Tutorial

- Web Browser Elements (for mock-ups)

- Web Design Survey: Part 1 / Part 2 (from GDUSA
)
Class
Handouts
- Client Brief (Example)

- Common
Graphics Formats

- Core Fonts Specimen Sheets

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

- Keyboard
Shortcuts: Common Windows

- Thumbnail Sketches (examples)

- Vocabulary
Wheel

- Web Browser Screenshot (for sketching)

- Web Browser Test Pattern (for measuring browser windows)

- Web Design CSS Cheat Sheet

- Web Design CSS Code Snippets

- Web Design Javascript Code Snippets

- Web Design Site Maps (examples)
