Web Image Formats (PDF)
Project 1 Cheat Sheet (PDF)
w3schools.com | HTML Keyword Colors
Demo Video | Writing HTML

VIEW PRIOR TO THE WEEK 2

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

Skill Test 1

Video | Animated GIFs
Gif Demo File
Video | Image and Background
Best Gif Examples-Spring25
More Muybridge Animations

VIEW PRIOR TO CLASS

Images & Animation GIF Animation - Parts 1 and 2

Project 2 ABCs of CSS
Project 2 Examples
Home Page Example
In-Class Files

VIEW PRIOR TO CLASS

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

380FAQ | Answers to Common Questions
CSS Basics
Face It 1 | File
In-Class Assignment Example
In-Class Assignment Instructions | PDF
In-Class Assignment Files

VIEW PRIOR TO CLASS

CSS CSS Basics, The Box Model

Muybridge Animations | Spring 26
Project 3 your.homepage
Project 3 | Step 1
Project 2 Template

VIEW PRIOR TO CLASS

Dreamweaver Inserting Rollover Images

Project 3 | Step 2 | Comp Examples
Web Hosting
How to buy your Domain + Hosting
In-Class Assignment
In-Class Assignment Example
Assignment Files
Project 3 | Step 3 | Wireframe Examples

VIEW PRIOR TO CLASS

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

Project 4 Quotable Site of Citable Quotes
w3schools.com | CSS

VIEW PRIOR TO CLASS

Dreamweaver Open New Browser Window

Project 4 Examples
Project 4 Step 1 Template
w3schools.com

VIEW PRIOR TO CLASS

CSS Normal Document Flow, CSS Positioning

Demo Files
Demo Example
Jiwoo's Example
Juliet's Example
Web Fonts Example
Demo Files
Google Web Fonts

VIEW PRIOR TO CLASS

Web Fonts Web Fonts

Skills Test 3 | Behaviors
Adobe Color
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

Skills Test 4 | CSS Positioning
Demo Files
Demo Example

Project 5 Final Project - Webfolio
Project 5 Examples

Project 5 Examples
Slideshow Example
Slideshow Demo Files

FINAL PROJECT DUE

STUDENT JUDGING

Tue May 12 | 1:00 - 2:50 p.m.

Wed May 13 | 3:00 - 4:50 p.m.

Students' Websites
Tue | Wed