ART/CGI 221 Syllabus Fall 2000
Introduction to Web Design

Professor Terry Towery

Description
This course is designed to provide the student with the fundamental concepts necessary for designing for the internet. We will start with a thorough understanding of the origins and underpinnings of the net and then move on to actually using the net for research and finally to creating sites. We will cover image and graphic generation techniques, construction of web sites using html and graphical web page tools, design considerations and the conceptual underpinnings of the impact of this new media.

Evaluation criteria.
You are responsible for all material presented in class, including announcements about course procedures. Exams, quizzes, and homework often include questions on material presented only in class, so performance on these indirectly reflects attendance.
-- 45% of your grade will be based on the final web site produced.This is your final exam. It must be functional and well designed. Start early! You will be graded on both creativity and technical ability. The subject is pretty much up to you with the exception of racist or pornographic content. You must use your own art!
-- 25% of your grade will be based on the personal web site produced for the midterm.
-- 20% of your grade is the written quizzes given randomly.
-- 10% of your grade is based on class participation and Critique participation.

What you need to buy
1 Iomega or compatible Zip Disk (possibly 2)
1 Ream of laser printer paper

Week 1: Course Introdcution
History of the Internet, review of syllabus and course outline

Readings: http://hotwired.lycos.com/webmonkey/96/53/index0a.html?tw=authoring

http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/

http://hotwired.lycos.com/webmonkey/97/17/index0a.html?tw=authoring

Assignment Due Next Week: send me your e-mail address. Be sure to put ART/CGI 221 in the subject line.

Week 2: Intro to the Macintosh/Beginning HTML
create a basic page and a directory for the semester

Reading: http://hotwired.lycos.com/webmonkey/98/41/index4a.html

Due Next Week: a working web page on the server

Week 3: Introduction to Photoshop
Reading: http://hotwired.lycos.com/webmonkey/graphics_fonts/tutorials/tutorial1.html — lesson 1

Due Next Week: Create 5 sketches in your sketchbook — develop 1 in photoshop as a finished image.

Week 4: Adding Color
Reading: http://hotwired.lycos.com/webmonkey/graphics_fonts/tutorials/tutorial1.html — lesson 2

Due Next Week: Create a color wheel in your sketchbook using collage. In your sketchbook, develop three sketches using different color schemes and ideas. Add one color to your letter image in photoshop.

Week 5: Scanning
Reading: http://hotwired.lycos.com/webmonkey/graphics_fonts/tutorials/tutorial1.html — lesson 4 &5

Due Next Week: Scan 3 images and create one image in photoshop

Week 6: Text and Image
Reading: http://hotwired.lycos.com/webmonkey/graphics_fonts/tutorials/tutorial1.html — lesson 3

Due Next Week: Using the collage you have created in photoshop, add text to recontextualize the image.

Week 7: Review/Open Lab

Week 8: Mid-Term Critique

Week 9: Introduction to Tables
Reading: http://hotwired.lycos.com/webmonkey/authoring/tables/ - all four articles

Due Next Week: create 4 different tables, one each using linking, color, images, colspan/rowspan.

Week 10: Intoduction to Annimation
Reading: http://hotwired.lycos.com/webmonkey/99/18/index1a.html?tw=multimedia

Due Next Week: Create three different annimations

Week 11: Design Concepts and Web Design Theory
Reading: http://hotwired.lycos.com/webmonkey/html/97/05/index2a.html?tw=design

Due Next Week: Using Collage create a detailed concept mockup of your idea for your final project. You should add this to your sketchbook and use it as you develop your website.

Week 12: Intorduction to Dreamweaver
Reading: http://hotwired.lycos.com/webmonkey/html/96/40/index2a.html

http://hotwired.lycos.com/webmonkey/html/96/49/index2a.html?tw=programming

Due Next Week: produce 3 image maps and 3 rollovers

Week 13: Introduction to frames
Reading: http://hotwired.lycos.com/webmonkey/96/31/index3a.html?tw=authoring

Due Next Week: create a page using 2 frames and one using 3 frames. In these examples, experiment with color, borders, and resizing.

Week 14: Open Lab

Week 15: Final Critique