General Resources
Microsoft Word Exercises
Microsoft Excel Exercises
Microsoft Access Exercises
Microsoft Powerpoint Exercises
Microsoft Frontpage Exercises
HTML Exercises
Photoshop
Dreamweaver

HTML Exercises

These exercises start from basics and are suitable for people with no previous website design or programming experience. Experienced users may be able to skim over the first few exercises but it is recommended that they be completed in order. I've found from teaching experience that people who skips steps invariably have to come back later to pick up what they missed. All of the following documents are in PDF format. The numbers in brackets indicate file size. Larger files may take a long time to open in slower internet connections.

  1. HTML Info (99kb)
  2. Site Planning & Design (50kb)
  3. HTML Document Structure (207kb)
  4. Links & Images (888kb)
  5. Tables (286kb)
  6. Frames (142kb)
  7. Forms (122kb)
  8. Formatting with Style (115kb)
  9. Web Graphics (466kb)

Exercise_files_1-4.exe (138kb) & Exercise_files_5-8.exe (18kb) - For the main HTML exercises. CSS_Files.exe (81kb) - For the Cascading Style Sheets Exercise. These are compressed archives which contain all of the files needed for the exercises. Download the archive you need, double-click on the downloaded file and then specify where you want the exercise files to be placed on your computer.

Other HTML Resources

HTML Colour Code Reference (Web document)
Microsoft GIF Animator (305kb) - a basic utility for creating animated GIFs. It's old and you'd be hard pressed to find it available for download on any Microsoft website these days but it does the job and it's free! Use it with the Web Graphics exercises.
Homesite 1.2 (504kb) - An old but free editor that can be used with the HTML exercises.
For anyone who will be spending a lot of time working with HTML, I recommend a professional HTML editor such as Macromedia Homesite (which I used to create the HTML for this site). If you own Macromedia's MX Studio suite then you probably already have Homesite included with it.
For editing CSS I recommend Topstyle. A lite version of Topstyle is included with both Dreamweaver and Homesite and can also be downloaded for free from Bradsoft's website. Bradsoft were the original creators of Homesite until it was bought by Allaire and then by Macromedia.

World Wide Web Consortium (W3C)
HTML 4.01 Specification

Back to the main page