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.
- Contents & Intro (46kb)
- HTML Info (99kb)
- Site Planning & Design (50kb)
- HTML Document Structure (207kb)
- Links & Images (888kb)
- Tables (286kb)
- Frames (142kb)
- Forms (122kb)
- Formatting with Style (115kb)
- Web Graphics (466kb)
- HTML Tags Reference - General reference recommended for people who already know the basics of HTML (46kb)
- Cascading Style Sheets Exercise - Exercise teaching more about CSS for people who are competent with general HTML (117kb)
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, Macromedia and then Adobe.