Play
Click to watch the videos over the web.

Questions
Click to prepare for the quiz.

For a Better Viewing Experience
Download the videos before viewing them!

Using Chrome or Firefox

1. Click the play button to go to the video page.

2. Right-click on the video and select "Save Video As..."

3. Open the video file from your computer with Chrome or Firefox. No Internet connection needed.

Lesson 1: .html files & web browsers

Lesson 2: html structure & base tags

Lesson 3: tags, attributes, and values

Lesson 4: html support & finding images

Lesson 5: links within a page and to email

Lesson 6: links to other pages and files

Lesson 7: tables for content

Lesson 8: tables for page layout

Lesson 9: embedded tables for layout

Lesson 10: evolution of the web

Lesson 11: intro to CSS

Lesson 12: DIVs & more CSS

Lesson 13: styling links and headings

Lesson 14: span tag and css classes

Lesson 15: html colors

Lesson 16: lists & word spacing

Lesson 17: background-image & gradients

Lesson 18: preparing images for the web

Lesson 19: creating an image gallery

Lesson 20: image gallery with topup

Lesson 21: image gallery with lightbox

Lesson 22: embedding fonts

Lesson 23: making your site live

Lesson 24: principles of web design

Lesson 25: trends in web design

Lesson 26: forms

Lesson 27: php email script

Lesson 28: javascript intro

Lesson 29: innerHTML and timers

Lesson 30: setting up a slider

Lesson 31: jquery slider

Lesson 32: html5 video tag

Lesson 33: embedding videos

Lesson 34: social media integration

Lesson 35: image maps

Lesson 36: DIV position

Lesson 37: DIV z-index

Lesson 38: fixed position

Lesson 39: responsive web design

Lesson 40: animated GIFs with Photoshop