Web Design for Graphic Designers II

 

Last Updated
03.17.2004

Course Calendar

WEEK :: 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11

Week 01 :: 01.14.2004

Welcome Course Introduction and Overview
Lab Student Skills Survey
Web Site Critiques
Lecture File Naming and Structure
Reading Dreamweaver H•O•T Chapters 1, 2 & 3 (pages 48-70, 83-87 only)
Handouts Web Skills Survey (pdf)
File Naming and Structure (pdf)

Week 02 :: 01.21.2004

Lecture HTML Basics
Introduction to Dreamweaver
Lab Understanding HTML
Dreamweaver Sites and Layout
Homework Page Layouts in Dreamweaver
Reading Web Style Guide Chapters 1, 2 & 7
Dreamweaver H•O•T Chapter 4
Handouts WWW and HTML Primer (pdf)
Lab: HTML (pdf)
Introduction to Dreamweaver (pdf)
Homework: Dreamweaver Page Layouts (html)

Week 03 :: 01.28.2004

Due Dreamweaver Page Layouts
Lecture Working with Color on the Web
Dreamweaver Page Properties
Web Imagery Optimization
Homework Begin Final Project: Creative Brief and Site Map
Reading Web Style Guide Chapters 3 & 4
Handouts Web Color Primer (pdf)
Dreamweaver Page Properties (pdf)
Web Imagery Optimization (pdf)
Lab: Image Optimization (pdf)
 - Obtain images from instructor
Final Project: Overview (html)
Final Project: Step One (html)

Week 04 :: 02.04.2004

Quiz Over assigned readings and class lectures
Critique Final Project Creative Brief and Site Map
Lecture Web Site Navigation
Web Design Considerations
Homework Company Home Page Design
Reading Dreamweaver H•O•T Chapter 8 (pages 258-265, 284-297)
Handouts Web Design Considerations (pdf)
Homework: POR Home Page Design (html)

Week 05 :: 02.11.2004

Critique Company Home Page Designs
Lecture Image Slicing in ImageReady
Page Assembly in Dreamweaver
Lab Slicing, Dicing and Page Assembly
Homework

Final Project: Layout Grid Sketches
Image Slicing & Page Assembly
Reading Dreamweaver H•O•T Chapters 5 & 10 (exercises 1, 3 & 4 only)
Handouts Image Slicing in ImageReady (pdf)
Rollovers (pdf)
Homework: Image Slicing & Page Assembly (html)
Final Project: Step Two (html)

Week 06 :: 02.18.2004

Due Image Slicing and Page Assembly
Critique Final Project Layout Grid Sketches
Lecture Dreamweaver Rollovers
Linking in Dreamweaver
Creating Mock Web Sites
Lab Creating a Mock Web Site in Dreamweaver
Homework Final Project: Mock Web Site and Home Page Design
Reading Web Style Guide Chapter 5
Dreamweaver H•O•T Chapter 6 (pages 160-180 only)
Handouts Linking in HTML (pdf)
Lab: Mock Web Sites (pdf)
Lab Resource: sample_text.html
Lab Resource: john_day_river.jpg
Final Project: Step Three (html)

Week 07 :: 02.25.2004

Quiz Over assigned readings and class lectures
Critique Final Project Home Page Designs
Lecture Web Content: Structure & Typography
Lab Working with Structural HTML
Homework HTML Resume Step One: Content Structure Design
Final Project: Secondary Page Design
Reading Dreamweaver H•O•T Chapters 11
Handouts Web Typography (pdf)
Final Project: Step Four (html)

Week 08 :: 03.03.2004

Due Structual HTML Resume
Critique Final Project Secondary Page Designs
Lecture Cascading Style Sheets
Using HTML Pages as Templates
Lab Applying Cascading Style Sheets
Homework HTML Resume Step Two: Adding Style to Structural HTML
Final Project: Begin HTML Production
Reading Web Style Guide Chapter 6
Dreamweaver H•O•T Chapter 14 (exercise 4 only)
Handouts Cascading Style Sheets (pdf)
Final Project: Step Five (html)

Week 09 :: 03.10.2004

Critique Completed Styled Resumes
Lecture

Dreamweaver Behaviors
Drawing in Flash
Keyframes in Flash
Lab Flash Animation
Class time for individual review of Final Project HTML
Homework Simple Flash Animation
Final Project: Continue HTML Production and Content Preparation
Reading Dreamweaver H•O•T Chapter 19 (exercises 3 & 5 only)
Handouts Drawing in Flash (pdf)
Animation in Flash (pdf)
Simple Flash Animation (html)
Final Project: Step Six (html)

Week 10 :: 03.17.2004

Critique

 Flash Animations
Final Project HTML Review
Lecture Shape & Motion Tweening in Flash
Exporting and Integrating Flash Animations
Lab Working with Flash Tweening
Final Project Lab Time
Homework Final Project Completion
Reading Dreamweaver H•O•T Chapter 20 (exercises 2 & 3 only)
Handouts Flash Tweening (pdf)

 Week 11 :: 03.24.2004

Due Final Project
Quiz Over assigned readings and class lectures
Lab Posting Your Web Site Online
Critique In-class critique of Final Projects
                   

 

Top

 
Home | Syllabus | Calendar | Projects | Good Stuff | References