Week 1 - Setting the Stage
Lecture+audio | Handout
Week 2 - Planning & Web Design
Mechanics – Web Basics: URLs, XHTML, CSS, Color & Image Formats
Dreamweaver: Intro, Tables, CSS, Define Site, Permissions
Lecture+audio: Part1 Part2 | Handout
| video-demos
Readings
Castro: 1-3, 6, 15, 16, 22
Tutorials: Getting Started, Understand CSS
Related Videos
DW GS:1 What is Dreamweaver? (4:54)
DW Dreamweaver CS4 Intro (6:48)
DW Views & Workspaces (6:51)
DW GS:2 Defining Sites (6:16)
DW Define a Site (5:57)
DW GS:8 Manage & Upload Sites (5:53)
Week 3 - Graphic Design: Layout & Grid System
Dreamweaver: CSS Text & Layouts, Check Browser Compatibility, Validate HTML, Ex1 Demo
Lecture+audio: Part1 COLORS Part2 | Handout
| video-demos
Readings
Castro: 7, 8, 9, 10, 11
Tutorials: CSS Layout Basics, First CSS Site
Resources: Adobe CSS
Related Videos
DW GS:3 Rapidly Build Layouts (4:32)
DW GS:4 Adding Text and Image (5:05)
DW GS:5 Styling Text (6:11)
DW Styling Text in CSS Property Inspector (4:51)
DW Work with Related Documents (6:48)
Week 4 - Graphic Design: Web Design Summary
Dreamweaver: AP Elements
Lecture+audio: Part1 Check First Part2 | Handout
| step-by-step | video-demos
Readings
Castro: 7, 8, 9, 10, 11
Tutorials: Best CSS Practices, (Styling With CSS)
Resources: Smashing Magazine CSS
PDFs: Get Your Design to Browser
Week 5 - Web Design: Visual Storytelling
Fireworks: Images Editing, Animated GIF
Lecture+audio: Part1 Part2 | Handout
| step-by-step | video-demos
Readings
Castro: 5
Tutorials: Formats, Working with Images, Fireworks CS4 Intro, New Vector Tools
Related Videos
FW Fireworks CS4 Intro (6:37)
FW GS:1 Understanding Fireworks (3:50)
FW GS:2 Fireworks Interface (5:26)
FW GS:3 Import & Export Images (9:11)
FW GS:4 Smart Guides & Tooltips (4:13)
Week 6 - Interaction Design: Basic
Dreamweaver: Rollovers & Image Maps
Lecture+audio: Part1 Part2 | Handout
| step-by-step | video-demos
Related Videos
FW Understand Styles & Symbols (9:24)
FW GS:5 In-place Symbol Editing (7:01)
FW GS:6 Dreamweaver Integration (5:24)
Optional FW Scale objects with 9-slice scaling
Week 7 - Navigation Design: Basic
Fireworks: Images for Button States
Dreamweaver: Navigation Bar
Lecture+audio: Part1 Part2 | Handout
| step-by-step | video-demos
Week 8 - Animation Design: Basic
Flash: Intro, Tweens, Fades
Lecture+audio: Part1 Part2 | Handout
| step-by-step | video-demos
Readings
PDFs: Design with Flash
Related Videos
FL Flash Intro (4:00)
FL GS:1 Understand Flash (1:17)
FL GS:2 Flash File Types (1:55)
FL GS:3 Explore Flash Interface (1:49)
FL GS:4 Set Up Workspaces (2:14)
FL GS:5 Drawing Tools (1:55)
FL GS:6 Object & Merge Drawing (2:09)
FL GS:7 Understand Symbols (2:28)
FL GS:8 Work with Bitmaps (0:56)
FL GS:11 Understanding Tweens (2:36)
FL GS:12 Create Shape Tweens (3:47)
FL GS:13 Create Motion Tweens (2:04)
DW GS:7 Add Multimedia / Video (3:43)
Week 9 - Animation Design: Basic
Flash: Simple and Animated Buttons, Simple Actionscript, Insert SWF in Web page
Lecture+audio: Part1 Part2 | Handout | step-by-step | video-demos
Related Videos
FL Create Motion Tweens Part 1 (10:53)
FL Create Motion Tweens Part 2 (5:55)
FL GS:14 Motion Editor (3:40)
FL GS:15 Work with motion presets (3:29)
FL Using Motion Pre-Sets (3:25)
Optional FL GS:16 Animating Bones (2:41)
Optional FL Using Inverse Kinematics (7:30)
Week 10 - Animation Design: Advanced
Flash: Multi-part Animation
Lecture+audio | Handout
| step-by-step | video-demos
Related Videos
Optional FL GS:9 Work with Sound (2:57)
Optional FL GS:10 Working with Video (3:23)
Optional FL Using Kuler Color Themes (4:11)
Optional FL Working with 3D Art (5:03)
Optional FL Use Decorative Drawing Tools (5:36)
Week 11 - Interaction Design: Basic
Flash: Animated Navigation Structure
Lecture+audio | Handout
| step-by-step | video-demos for now: video demos using Studio 8
Week 12 - Interaction Design: Advanced
Flash: Build Application
Lecture+audio: Part1 Part2 | Handout
| step-by-step | video-demos for now: video demos using Studio 8
Related Videos
FL GS:17 ActionScript 3.0 (3:00)
FL GS:18 Build An Application (6:07)
FL GS:19 Create Flash Web Movie (1:58)
Week 13 - Extras
Working on Term Projects
Lecture+audio:
no formal lecture and instead Q&A in this week's Discussion
Readings
Castro: 18 (Video Embeds)
Week 14 - Course Review & Evaluation Criteria
Working on Term Projects
Lecture+audio | Handout
Week 15 - Virtual Term Project Presentations
Term Project: Virtual Presentations
|
