Course Calendar
COURSE WEEK ::
Calendar Notes:
- Reading assignment listed on a date are to be completed before the next class session.
- Exercises are homework assignments that are due at a future class period, while Lab Exercises are assignments that should be worked on and completed during the current class period. Both types of exercises have point values and count towards your final grade. Calendar items labeled as Lab are activities we will complete in class.
Week 01
Monday :: 09.28.2009
| Welcome | Course Introduction and Welcome Resource Review: Hardware, software, operating system, copyright laws, and lab policies. |
| Lecture | Web Design Process |
| Exercise | Web Skills Survey & Site Design Discussion |
| Reading | Web Style Guide Chapters 1 (Process) & 5 (Site Structure) Visual QuickStart Guide: HTML, XHTML & CSS Introduction and Chapters 1, 3 (pages 60-62 only) & 4 |
| Handouts | Web Design Process (PowerPoint) |
Wednesday :: 09.30.2009
| Due | Web Skills Survey & Site Design Discussion Exercise |
| Lecture | URL, HTTP, & HTML Primer |
| Exercise | Hand-coding HTML |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 2 Visual QuickStart Guide: Adobe Dreamweaver CS4 Chapter 2 |
| Handouts | Week One Class Notes — URL, HTTP, & HTML Primer (pdf) HTML Cheat Sheet (AddedBytes.com) HTML Lab Activity (pdf) Exerices: 02 Hand-coding HTML |
Week 02
Monday :: 10.05.2009
| Due | Hand-coding HTML Exercise |
| Lecture | File Naming, Structure, Management, and the Local Root Folder |
| Lab | Working with Dreamweaver Site Definitions and FTP Servers |
| Reading | Visual QuickStart Guide: Dreamweaver CS4 Chapters 1 and 3 (pages 78–84 only) |
| Handouts | Week Two Class Notes — File Naming and Structure (pdf) |
Wednesday :: 10.07.2009
| Lecture | Introduction to the Dreamweaver Interface Modifying Page Properties |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 6 Visual QuickStart Guide: Dreamweaver CS4 Chapter 6 |
| Handouts | Week Two Class Notes — Introduction to the Dreamweaver Interface (pdf) |
Week 03
Monday :: 10.12.2009
| Lecture | Understanding URLs & Linking in Dreamweaver |
| Exercise | Creating Mock Web Sites |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 3 |
| Handouts | Week Three Class Notes – Linking (pdf) Exercise: 03 Creating Mock Web Sites |
Wednesday :: 10.14.2009
| Due | Creating Mock Web Sites |
| Lecture | HTML Layout Strategies & Techniques |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 4 Visual QuickStart Guide: Dreamweaver CS4 Chapter 4 |
| Handouts | Week Three Class Notes — Block Elements, Inline Elements & Page Layout (pdf) |
Week 04
Monday :: 10.19.2009
| Lecture | Introduction to Web Typography: HTML structure & formatting |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapters 7, 8 & 10 Visual QuickStart Guide: Dreamweaver CS4 Chapters 7 & 9 |
| Handouts | Week Four Class Notes — Web Typography (pdf) |
Wednesday :: 10.21.2009
| Lecture | Web Typography: Cascading Style Sheets |
| Exercise | Applying Cascading Style Sheets |
| Handouts | Week Four Class Notes — Introduction to CSS (pdf) Exercise: 04 Applying Cascading Style Sheets |
Week 05
Monday :: 10.26.2009
| Due | Applying Cascading Style Sheets Exercise |
| Exam | Over all demonstrations, readings and exercises |
| Project | Introduction to Home Page Design Project |
| Online Lecture | Working with Color in HTML |
| Reading | Web Style Guide Chapters 4 (Interface Design) 6 (Page Structure) & 7 (Page Design) |
| Handouts | Project: Home Page Design |
Wednesday :: 10.28.2009
| Lecture | Web Site Design: Applying Grid Design Techniques to Web Designs |
| Online Lecture | Web Site Navigation (pdf, read before completing Exercise 05) |
| Exercise | Web Navigation Critiques |
| Handouts | Week Five Class Notes — Web Design Considerations (pdf) Web Design Grid Presentation (pdf) Site Design Example: VC Web Site Design (zipped Photoshop file) Web Design Grid Template (zipped Photoshop file) Web Design Width Preview Template (zipped Photoshop file) Exercise: 05 Web Navigation Critiques |
Week 06
Monday :: 11.02.2009
| Lecture | Web Site Design: Design Features, Considerations & Limitations |
Wednesday :: 11.04.2009
| Due | Web Navigation Critiques Exercise |
| Critique | Home Page Design Project (Phase One) |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 5 Visual QuickStart Guide: Dreamweaver CS4 Chapter 5 (pages 129–157 only) |
Week 07
Monday :: 11.09.2009
| Lecture | Web Imagery Preparation & Optimization |
| Exercise | Image Optimization |
| Reading | Visual QuickStart Guide: Dreamweaver CS4 Chapter 13 (pages 352–353 only) Visual QuickStart Guide: Dreamweaver CS4 Chapter 10 |
| Handouts | Week Seven Class Notes — Web Imagery Preparation & Optimization (pdf) Exercise: 06 Image Optimization |
Wednesday :: 11.11.2009 | No Class — Veteran‘s Day Observance
Week 08
Monday :: 11.16.2009
| Due | Image Optimization Exercise |
| Lecture | Image Slicing in Photoshop Page Assembly in Dreamweaver |
| Lab Exercise | Image Slicing & Page Assembly |
| Online Lecture | Web Color Primer (pdf; read before Wednesday, November 18th) Creating Image Rollovers in Dreamweaver (pdf; read before Wednesday, November 18th) |
| Handouts | Week Eight Class Notes — Image Slicing in Photoshop (pdf) Exercise: 07 Image Slicing & Page Assembly Practice Examples of Rollovers in Dreamweaver (zip; view example ») |
Wednesday :: 11.18.2009
| Project | Introduction to Final Project |
| Lab | Finishing up Page Assembly in Dreamweaver In-class time to work on Home Page Design Project |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 16 |
Week 09
Monday :: 11.23.2009
| Critique | Home Page Design Project (Phase Two) |
| Exam | Over all demonstrations, readings and exercises |
| Project | Open lab time to work on Final Project |
Wednesday :: 11.25.2009
| Project | Open lab time to work on Final Project |
| Reading | Visual QuickStart Guide: HTML, XHTML & CSS Chapter 23 |
Week 10
Monday :: 11.30.2009
| Lecture | Going Live: Posting, Testing, & Proofing Web Sites |
| Project | Open lab time to work on Final Project |
Wednesday :: 12.02.2009
| Project | Open lab time to work on Final Project |
Week 11 | Finals Week
Tuesday :: 12.08.2009 (4:00 – 6:00 PM)
| Due | Final Project |
| Critique | Presentation and Critique of Final Projects |