All Demos in Order of Complexity

1. Exercise 1 : Basic HTML & Text Styles

2. Exercise 2 : Lists & CSS Styles

3. Exercise 3 : Images & Graphics

4. Exercise 4 : Linking

5. Exercise 5 : Adding Some Design

Project One: Simple Website

  • Use Demos 1 - 4

6. Exercise 6 : Forms

7. Exercise 7 : Tables and IFrames

8A. Exercise 8A : Simple Page Layout & Simple Navigation

8B. Exercise 8B : Page Layout- Fixed to Flexible. Nav with lists

9. Exercise 9 : JavaScript

MORE JavaScript

10. Exercise 10 : Working Towards Simple Responsive Design

Some HTML5 & CSS3 Special Effects

Project Three: Final Website

  • Use All Demos

More Navigation + Drop Down Menus

Box Model Demos: Padding, Margin, Borders & Simple Navigation

Extra Demos