Susan Anderson-Freed   Office: CNS c207c   Phone: x3186

Objectives: A studio course exploring visual layout principles of interactive website design. Survey of methodology, theory, and best practices of web design solutions. Projects will explore current technologies.

Prerequisite: Art 141 (Graphics Design I)

Texts: MacroMedia DreamWeaver 8.0 (HOT) by Green and Short
Adobe Photoshop CS2 for the Web by Staples
MacroMedia Flash Professional 8.0 by Gonzalez

OnLine Resources

Grading: Your grade is based on completion of the projects.

Attendance/Participation:Attendance/Participation: You are expected to attend and participate appropriately in class.   I will lower your final grade by one full letter for every three class absences.   The reason for this policy is that class participation is essential. Since you cannot participate in class if you are tardy, sleeping in class, talking with others, or surfing the web, I will also count such behavior as an absence.

Grading Scale:
93-100 A
90-92 A-
87-89 B+
83-86 B
80-82 B-
77-79 C+
73-76 C
70-72 C-
60-69 D
0-59 F

ADDRESSING I prefer that students address me as Dr. Anderson-Freed or Dr. Freed or some variation thereof. I do not wish to be addressed by my first name.

POLICY FOR Projects:

1. Unless otherwise stated, projects are to reflect the effort of an individual. You are not allowed to colloborate unless specifically requested to do so.
2. Identical work or nearly identical work is treated as plagiarism and will be reported to the Provost as academic dishonesty.
3. Projects at the start of the class period. You should email me the url of your project.   If Dreamweaver based, print a copy of the code section. Late projects WILL NOT BE ACCEPTED.

Class Schedule

Week	Topic	Reading/Classs Exercises	Project Assignment
Jan 9	Introduction to HTML	DreamWeaver 8, Chps 1-5 Images and Links (ducks)	Add Song Bird Page. 1/18
Jan 16	Tables/CSS	DreamWeaver 8, Chps 6-8 Table Basics Alternate Tables CSS Basics	Song Bird tables 1/25
Jan 23	CSS/Lists/Optimization	DreamWeaver8, Chps 9 PhotoShop, Chp 7 CSS Tables List Basics Lists with style	Tables, Lists, and CSS 2/1
Jan 30	Frames/Forms	DreamWeaver8, 13 Horizontal Frames Vertical Frames Anchored Comment Form Radio Buttons/CheckBoxes	Frames 2/6
Feb 6	Forms	DreamWeaver 10,12, 14, 19-20 Lists Jump Menus	Forms 2/20
Feb 13	PhotoShop Review Type, Backgrounds	PhotoShop 1-6, 8 Columbine Background Teal Chickadee Lillies: Tiled Daisies: Tiled
Feb 20	Navigation, Automation	PhotoShop 8-9 Horizontal Text Horizontal Oval Horizontal Custom Vertical Oval Vertical 3D Shape Tool Navigation	Backgrounds 2/28
Feb 27	Photo Galleries Slices	PhotosShop 15, 12 Table 1 Cent Frame: FeedBack Horz Slide Show Vertical ThumbNail Horz Gray: Original Horz Gray: customized	Navigation 3/5 Photo Galleries 3/12
Mar 6	Rollovers	PhotoShop 12,13, 20(#4only) DreamWeaver 11 IR: PreBuilt Blue Gel - Frame IR: PreBuilt Green Paperclip IR: Text Rollovers DW: Navigation Tables DW:Simple Rollovers DW: Flash Buttons IR: Shapes	Rollovers, I March 27 Rollovers, II March 29
Mar 13	Rollovers, Print Media	IR: Layer Styles Remote Rollovers Print-Friendly Pages	Spring Break March 16-March 25
Mar 27	Image Maps, GIFS: Transparent, Animated	PhotoShop 16-17 Shapes County Rollovers Midwest Facts Anatomy of a Spinning Wheel Animation: Layers (Loon) Animation: Opacity (Loon) Animation: Combined (Nuthatch)
Apr 3	Flash Basics, Animation	Flash 1-4 Flash Files	Image Map Project April 12 Animated Gif Project Apr 16
Apr 10	Symbols, Filters, Motion Tweening	Flash 4-8 Letters Loons Tweening (Shape & Motion) Elf Owls
Apr 17 April 24	Bitmaps, Buttons	Motion Tweens Filters Duck Rain Water Gardening Working Buttons Flash 9-10 PhotoShop 19	Flash Project 4/26
Final Exam: Project Presentations : Thursday April 26, 8-10