All Videos in Order of Complexity

1. Exercise 1 : Basic HTML & Text Styles

Uploading Your Homework

2. Exercise 2 : Lists & CSS Styles

3. Exercise 3 : Images & Graphics

4. Exercise 4 : Linking

CSS External Style Sheets

Extra: Using a Wrapper Div for Containment

5. Exercise 5 : Forms

6. Exercise 6 : Tables & IFrames

7. Exercise 7: Working with Padding, Margin & Borders

  • Simple Version Part One - Video One
  • Page 1 continued - Video 2
  • Page 2 Default Styles - Video 3
  • Page 3 Removing the Default Styles- Video 4
  • Page 4 Adding CSS Styles- Video 5
  • Page 5 Adding Some Simple Navigation with CSS - Video 6
  • Page 5 Finishing the Simple Navigation - Video 7

8. Exercise 8: Using Divs for Page Layout

  • Working with DIVs- Video One
  • Divs & CSS Classes continued - Video 2
  • Page 2 Natural Flow - Video 3
  • Page 3 Using Fixed Widths- Video 4
  • Page 3 cont. More Fixed Page Layout- Video 5
  • Finishing the Fixed Layout - Video 6
  • Page 4 Flexible Page Layout - Video 7
  • Page 5 Maximum Width Page Layout - Video 8

8B. Exercise 8: CSS Navigation Using Unordered Lists

9. Exercise 9 : Javascripts

10. Exercise 10 : Getting Responsive