• Email (msp@matthewpurdon.com)
• Office Hours (2:00-3:00 Monday & Wednesdays, Rm. 169c)

• Overview
  • We will explore the Web as a new medium for expression and communication.
  • We will utilize the capabilities of the Web to create art and design websites.
  • We will learn the tool, processes and concepts for creating Web sites.
  • We will remain patient while doing technically detailed and challenging work.
• Objectives
  • Technical Objectives: HTML, DreamWeaver, Fireworks, FTP
  • Creative Process: Planning, Designing, and Producing Websites
  • Conceptual Learning: Understand and Utilize Power of Interaction Design
• Course Materials
  • CD-Roms or Thumb Drives
  • Web Server Access (School or Other)
• Books (available at Student Book Store)
• HTML Visual Quick Start Guide for the World Wide Web
• Designing Web Graphics.4
• Additional Reading
• Resources on the Web

• Class Grade Structure
  • Participation in Classroom Discussions (10%)
  • Web Presentations (10%)
  • Mid-Term Project (30%)
  • Final Project Proposal (10%)
  • Final Project (40%)
• Attendance Policies
  • 3 lates = 1 absence
  • more than 2 absences, you can't get an A
  • more than 4 absences, you can't get a B
  • more than 6 absences, you can't pass the class
• Class Work Policies
• all projects must be worked on during class
  late assignments reduced 10%/day
• no late final projects
• critique classes are mandatory

Week One -HTML Building Blocks (Text, Images, Links, Color)

1/3 (Mon.)

• HTML Basics
• HTML Spacing

HOMEWORK:

• Read Intro, Chpt. 1 - 4 in HTML Visual Quick Start Guide
• Read Chpt. 2, 6, 7, 9 in Designing Web Graphics
(Wed.)

• HTML Links
• HTML Images
• HTML Apperance Formatting

  HOMEWORK:

• Read Chpt. 7-8, 13 in HTML Visual Quick Start Guide
• Read Chpt. 10, 11, 12, 13, 14 in Designing Web Graphics
• Be Prepared to Talk about your midterm project - what subject will you be working with?

Week Two - Information Architecture & HTML Images

1/10 (Mon.)

• Information Architecture
• Midterm Project
• Optimizing Images

HOMEWORK

• Read Chpt. 5 - 6 in HTML Visual Quick Start Guide
• Read Chpt. 3, 4, 5 in Designing Web Graphics

1/12 (Wed.)

• Imagemaps
• Rollovers
• Animated GIFS

      HOMEWORK:

• Read Chpt. 14 in HTML Visual Quick Start Guide

• Read Chpt. 19, 21 in Designing Web Graphics

• HTML page describing your project, including a short paragraph, sample image, color palette & site map. Use a table for your layout. Also, create an animated GIF that would advertise your site on someone else's site. It should be 468x60 and use 16 or 32 colors. You can use alternate approved sizes for banners here: http://iab.net/standards/adunits.asp
  

Week Three - HTML Tables

1/17 (Mon.)

• NO CLASS - MLK JR. DAY

1/19 (Wed.)

• Review HTML pages describing projects
• HTML Tables
• More HTML Tables
  
  HOMEWORK:
• Read Chpt. 8 - 12 in HTML Visual Quick Start Guide (as much as you need)
• Chpt. 15, 16, 18, 24 in Designing Web Graphics
• Chpt. 23 in Designing Web Graphics
• Three Comps for Site Navigation Schemes for your Midterm Web site
  • Explore different uses of color, navigation styles & layout
  • Make each design distinctly different
  • Design in a window that is 760 pixels wide x 420 pixels tall (above the fold)
  • Optimize each design as a JPG file and post on to a web page for easy viewing
  • Here's three samples to show you the variety you should be aiming for : Sample One, Sample Two, Sample Three

Week Four - Work on Midterm Project

1/24 (Mon.)

• Review Web Designs

  HOMEWORK:

  • Work on Website

1/26 (Wed.)

• Work on Midterm Projects

  HOMEWORK:

  • Complete Midterm Project

Week Five - Midterm Week

1/31 (Mon.)

• Work in Class

2/2 (Wed.)

• Work in Class

Week Six - Introduce DreamWeaver & CSS

2/7 (Mon.)

• Presentation of Mid Term Projects
• Upload Sites via FTP
• Introduce Final Project

2/9 (Wed.)

• HTML in DreamWeaver
• Rollovers in DreamWeaver
• Style Sheets
• Update old project using styles

HOMEWORK:

• Meet with Project Partner & Get Idea
• Read Chpt. 10 & 11 in HTML Visual Quick Start Guide
• Read Chpt. 18 in Designing Web Graphics
  

Week Seven - Advanced DreamWeaver

2/14 (Mon.)

• Intro to Fireworks
• Download this file to work with: hike_design.psd
• Use Style Sheets to Build Hike Page
• Download: Instructions and Tracing Image and Links Page
  
  HOMEWORK: Final Project Proposals Due Next Monday

2/16 (Wed.)

• Work with Project Team on Proposals

Week Eight - Final Projects

2/21 (Mon.)

• Review Project Proposals
• Inserting Audio/Movies/Flash
  

2/23 (Wed.)

• Forms and Frames in DreamWeaver
• Templates & Behaviors in DreamWeaver
• Work with Team in Class

Week Nine - Work on Final Projects

2/28 (Mon.)

• Final Project Designs Completed
• Work in class

3/2 (Wed.)

• Work in class

Week Ten - Work on Final Projects

3/7 (Mon.)

• Work in class

3/9 (Wed.)

• Work in class

Exam Week

• FINAL WEBSITES DUE MARCH 14 - MUST BE ON SERVER - NO LATES