WEEK02

Mon Jan 31  |  Wed Feb 2
Web Image Formats
Demo Files
Project 1 Cheat Sheet
Project 2 GIF Animation
Project 2 Template (Step 2)
Project 2 Examples

VIEW PRIOR TO CLASS

Very Basics File Organization, Web File Naming, File Paths, Local & Remote Servers
HTML HTML Basics, Writing HTML
Images & Animation Saving Images for Web

WEEK03

Mon Feb 7  |  Wed Feb 9
GIF Example | Storyboard Example
In-Class Files

VIEW PRIOR TO CLASS

Images & Animation GIF Animation - Parts 1 and 2

WEEK04

Mon Feb 14  |  Wed Feb 16
Project 3 ABCs of CSS
Project 3 Examples
Demo File

VIEW PRIOR TO CLASS

Dreamweaver Setting Up Your Site, Setting Up Your Desktop, Formatting Text, Creating Text Links, Inserting Images & Creating Image Links

WEEK05

Mon Feb 21  |  Wed Feb 23
Monday class | Holiday
Video | Lecture
Video | Demo
CSS Basics
Face It
In-Class Assignment Example
In-Class Assignment
In-Class Assignment Files

VIEW PRIOR TO CLASS

CSS CSS Basics

WEEK06

Mon Feb 28  |  Wed Mar 2
Your Project 2 GIF Animations
Web Hosting
How to buy your Domain + Hosting
Project 3 Template

VIEW PRIOR TO CLASS

CSS The Box Model
Dreamweaver Inserting Rollover Images

WEEK07

Mon Mar 7  |  Wed Mar 9
Example FTP Hosting Information
Web Server form (writable PDF)
Demo Files
Alphabetimation Examples
In-Class Assignment

VIEW PRIOR TO CLASS

Dreamweaver Setting Up Your Web Server, Syncing Local & Web Servers, Inserting Audio, Inserting Video Images & Animation Adding Audio to Frame Animation

WEEK08

Mon Mar 14  |  Wed Mar 16
Project 4 your.homepage
Project 3 step 1 template
Demo & Lab Files
In-Class Assignment
In-Class Assignment Example

VIEW PRIOR TO CLASS

Dreamweaver Creating CSS Rules, Creating & Styling Divs, Swap Image Behavior

WEEK09

Mon Mar 21  |  Wed Mar 23
Project 6 Final Project - Webfolio
Project 4 | Steps 2 & 3 Examples
In-Class Assignment
In-Class Assignment Example
In-Class Files | Monday | Wednesday

VIEW PRIOR TO CLASS

Dreamweaver Inserting Divs, Open New Browser Window

WEEK10

Mon Apr 4  |  Wed Apr 6
Project 5 Quotable Web Site
Project 5 Examples
w3schools.com
Demo Files
Demo Example
Video | Determining Wireframe Dimensions

VIEW PRIOR TO CLASS

CSS Normal Document Flow, CSS Positioning

WEEK11

Mon Apr 11  |  Wed Apr 13
Project 5 Step 2 Template
Web Fonts Example
Demo Files
Google Web Fonts
Font Squirrel
In-Class Assignment Example
Ronxample

VIEW PRIOR TO CLASS

Web Fonts Web Fonts

WEEK12

Mon Apr 18  |  Wed Apr 20
Practical Exam Study Guide
ColorPicker.com
Design Seeds { for all who love color }
Demo Files
Demo Example

VIEW PRIOR TO CLASS

Dreamweaver Creating Image Hotspots
JavaScript Adding Interactive Sound

WEEK13

Mon Apr 25  |  Wed Apr 27
PRACTICAL EXAM

WEEK14

Mon May 2  |  Wed May 4
Project 6 Final Project - Webfolio
Project 6 Examples

WEEK15

Mon May 9  |  Wed May 11
Sample Judging Form
Slideshow Example
Slideshow Demo Files

WEEK16

Mon May 16  |  Wed May 18
FINAL PROJECT DUE
STUDENT JUDGING
Monday 5pm | Wednesday 1pm
Judging Forms | Monday | Wednesday