Web Design I

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

I have created your textbook online. You simply read the sections online that I have linked to or print them out and read them offline. You will need a ream of paper for this purpose.

Strongly recommended book
Creating Killer Web Sites By David Siegel Hayden Books ISBN # 1-56830-289-4


Week 1 The Basics of the Internet.
Session 1 Intro session. Discuss the course and the materials needed.
Homework: Read the section on html Completely. read theKnow the code, html for beginners section of's basics or the Webmonkey html section and read the history of html
Session 2 Introduction to html Web site structure and directory structure
Homework: Read the section on All You Need to Know to Build a Web Page

Week 2 Introduction to basic html and BBEdit.
Session 1 HTML
Homework: Read the Webmonkey Html basics (linked above) section or any of the other introductory html tutrorials that are linked in the incomplete guide.
Session 2 Site Optimization
Continue reading your chosen html tutorial.

Week 3 Adobe Photoshop
Session 1Intro to Adobe Photoshop
Homework: The photoshop crash Course
session 2 Photoshop continued
Homework: Listen to the VTC online training section on introduction to Photoshop 5

Week 4 More Photoshop
Session 1Photoshop continued, Scanning, resolution bit depth and file size
Homework Scan an image for next class (use your own art at all times in this class!!!)
Session 2 Photoshop continued File formats Gif vs Jpeg
homework: Create a photmontage or collage.

Week 5 Photoshop Continued
Session 1Photoshop Continued
Session 2 Photoshop Continued

Week 6 Troubleshooting
Session 1What's wrong with it? Debugging and troubleshooting
Session 2 debugging continued

Week 7 FTP and Basics of UNIX
Session 1Uplaoding your Web site
Session 2 Open lab session for uploading web sites

Week 8 Midterm Critique
Session 1Midterm Critique Your personal page is due at the beginning of class!!
Session 2 Intemediate html. Tables
Homework Read the section on tables

Week 9 Intemediate html
Session 1 Intemediate html tables in tables
Session 2 Intemediate photoshop imagemaps.
Homewrok: Read the section on Imagemaps

Week 10 Theory
Session 1 open lab session
Session 2 Theory Day- Your Privacy and the governmentıs interest Where do they differ and coincide Decentralization of power due to the internet. If the people can vote on every issue, would they? Should the government have the ability to tap your e-mail? Cyberporn, political outsiders, Alternative thought and freedom of expression. The Hacker, Myth or reality and Cyber Punk the Genre - Discuss Gibsonıs Neuromancer and related articles about real hackers. Discuss cyberpunks.

Week 11 Design Considerations
Session 1 foundations of web design
Session 2 elements of web design

Week 12 Optimizing your code
Session 1 Lean and mean html
Session 2 Optimizing your code continued

Week 13
Session 1 Intro to Dreamweaver
Homework Read: Walkthrough of Dreamweaver
Session 2 Dreamweaver Continued
Homework Listen to introduction toDreamweaver

Week 14 Adding some Jazz
Session 1Creating animated Gifs with Gif Builder
Homework: Gifbuilder
Session 2 Open lab session for creating animations

Week 15
Session 1Open lab session