web design 1 - main page

web design 1 - CGR C/062 - spring 2003
Philip van Allen - vanallen@artcenter.edu
room 133, thursday 1:00pm-4:00pm

course notes @ mdp.artcenter.edu/~vanallen/

week 01 notes :
week 02 notes :
week 03 notes :
week 04 notes :
week 05 notes :
week 06 notes :
week 07 notes :
week 08 notes :
week 09 notes :
week 10 notes :
week 11 notes :
week 12 notes :
week 13 notes :
week 14 notes :

servers & clients, file naming, HTML code intro
HTML cheat sheet & basic tags
html project assignment, more HTML tags
page weight, screen sizes, web graphics
html project due, midterm project assignment, ftp, dreamweaver
file structure/references, navigation design, site critiques
design process, image maps, tables
rollovers, web safe colors, dreamweaver extras
final project assignment, midterm project due/critiques
image slicing
gif animations, dynamic HTML, css, layers
final project comps due, pop-up windows, frames
forms, in-class work on final
final project due/critiques

syllabus

description :

This lab course is focused on the design and implementation of successful web sites. Students will learn the fundamentals of web site design, web graphics, HTML, and authoring tools. Design issues such as effective communication, page layout, audience, technical constraints, and navigation will be addressed. Students will design and implement web sites that can be included in their portfolios.

course structure :

The course involves lectures and exercises on a series of topics. Students complete several projects during the term to apply the concepts discussed. A final project is assigned that synthesizes the concepts learned in a small commercial website. The midterm and final are critiqued in class.

objectives :

Upon completion of the course the student will be able to:

Think critically about web design
Design successful web sites with efffective design of visuals, navigation and information
Create web sites by hand coding HTML and by using an authoring tool
Utilize the essential features of the web medium including:
1. text formatting
2. gif and jpeg images
3. links
4. tables
5. rollovers
6. image slicing
7. frames
8. forms
Demonstrate an understanding of the web design process
Demonstrate an understanding of how technical constraints affect web design
Name files correctly and FTP files to a web server

prerequisite :

CGR C/055 DIGITAL DESIGN 1

Experience with Photoshop

textbooks :

Recommended

Dreamweaver MX: Design and Technique... by Ethan Watrall, Sybex; ISBN: 0782141005
Book and CD-ROM edition (July 26, 2002)

Web Design in a Nutshell by Jennifer Niederst, O'Reilly & Associates; ISBN: 0596001967
2nd edition (October 15, 2001)

materials :

You will need several Zip disks or a FireWire drive to backup and transport your work. All assignments and projects will be delivered electronically to the Art Center server.

Remember to label your Zip disks/Firewire drives with your name and phone number. Students often lose their disks by leaving them in the lab: labeling your disks will increase the chance the disks will be returned.

grading :

Grading depends on completion of exercises and projects

Exercises
HTML Project
Midterm Project
Final

15%
10%
25%
50%