WEEK01

Monday January 23
Syllabus
Comm 317 YouTube Channel
Project 1 Self-Portrait
Project 1 Example
More Project 1 Examples
Demo File
HTML Basics
In-Class Assignment
In-Class Assignment Example
Video | Making Image Adjustments

WEEK02

Monday January 30
Web Image Formats
Demo Files
Project 1 Cheat Sheet
w3schools.com | HTML Keyword Colors

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

Monday February 6
Project 2 ABCs of CSS
Project 2 Examples
In-Class Files

VIEW PRIOR TO CLASS

Images & Animation GIF Animation - Parts 1 and 2

WEEK04

Monday February 13
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

Monday February 20  |  Holiday
Required to Watch
Video | Review
Video | Lecture
Video | Demo
Best Muybridge Animations
CSS Basics
Face It
In-Class Assignment Example
In-Class Assignment
In-Class Assignment Files

VIEW PRIOR TO CLASS

CSS CSS Basics, The Box Model

WEEK06

Monday February 27
Project 3 your.homepage
Project 3 step 1
Project 2 Template
380FAQ | Answers to Common Questions

VIEW PRIOR TO CLASS

Dreamweaver Inserting Rollover Images

WEEK07

Monday March 6
Project 5 Final Project - Webfolio
Project 3 | Comp Examples
Web Hosting
How to buy your Domain + Hosting
In-Class Assignment
In-Class Assignment Example
Assignment Files

VIEW PRIOR TO CLASS

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

WEEK08

Monday March 13
Video | Determining Wireframe Dimensions
Project 3 | Wireframe Examples
Example FTP Hosting Information
Web Server form (writable PDF)
In-Class Assignment
In-Class Assignment Example
In-Class Files | 9am Class | 4pm Class

VIEW PRIOR TO CLASS

Dreamweaver Setting Up Your Web Server, Syncing Local & Web Servers, Inserting Divs

WEEK09

Monday March 20
Skills Test 2 | Basic Positioning

VIEW PRIOR TO CLASS

Dreamweaver Open New Browser Window

WEEK10

Monday April 3
Project 4 Quotable Site of Citable Quotes
Project 4 Examples
Project 4 Step 1 Template
w3schools.com
Demo Files
Demo Example
In-Class Assignment Example
Ronxample

VIEW PRIOR TO CLASS

CSS Normal Document Flow, CSS Positioning

WEEK11

Monday April 10
Skills Test 3 | Behaviors
Web Fonts Example
Demo Files
Google Web Fonts

VIEW PRIOR TO CLASS

Web Fonts Web Fonts

WEEK12

Monday April 17
ColorPicker.com
Design Seeds { for all who love color }
Coolors.co
Demo Files
Demo Example

VIEW PRIOR TO CLASS

Dreamweaver Creating Image Hotspots
JavaScript Adding Interactive Sound

WEEK13

Monday April 24
Skills Test 4 | CSS Positioning
Demo Files
Demo Example

WEEK14

Monday May 1
Project 5 Final Project - Webfolio
Project 5 Examples

WEEK15

Monday May 8
Sample Judging Form
Slideshow Example
Slideshow Demo Files

WEEK16

Monday May 15
FINALS
9am class 11am–12:50pm
4pm class 5-6:50pm

STUDENT JUDGING
Judging Forms | 9am Class | 4pm Class

Example Site
Student Websites 9am Class
Student Websites 4pm Class