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.
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
-- 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
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
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 Builder.com's
basics or the Webmonkey
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
Session 2 Site
Continue reading your chosen html tutorial.
Week 3 Adobe
Session 1Intro to Adobe Photoshop
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
an image for next class (use your own art at all times in this
Session 2 Photoshop continued File
formats Gif vs Jpeg
homework: Create a photmontage or collage.
Week 5 Photoshop
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
Session 1Uplaoding your Web site
Session 2 Open lab session for uploading web sites
Week 8 Midterm
Session 1Midterm Critique Your personal page is due at the beginning
Session 2 Intemediate html. Tables
Homework Read the section on tables
Week 9 Intemediate
Session 1 Intemediate html tables in tables
Session 2 Intemediate photoshop imagemaps.
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
Session 1 Lean
and mean html
Session 2 Optimizing your code continued
Session 1 Intro to Dreamweaver
Homework Read: Walkthrough
Session 2 Dreamweaver Continued
Listen to introduction toDreamweaver
Week 14 Adding some
Session 1Creating animated Gifs with Gif Builder
Session 2 Open lab session for creating animations
Session 1Open lab session
Session 2 FINAL CRITIQUE ALL PAGES MUST BE COMPLETE BY THE BEGINNING OF
CLASS. NO LATE WORK WILL BE ACCEPTED!