Tools for this course
This course is designed to be a hands-on series of exercises evaluating sample pages and manipulating the CSS for those pages using three tools:
Both the Web Developer toolbar and Firebug are addons for the FireFox browser.
Using the Web Developer Toolbar
![]()
The toolbar has lots of good stuff. In this class we will particularly be using the Edit CSS tool, the Outline Block tool, and the Standards Compliance button.
| Edit CSS tool | ![]() |
| Outline Block tool | ![]() |
| Standards Compliance button |
Using FireBug
Firebug is an excellent (free) tool for exploring how your Web page works. Using Firebug you will be able to see the structure of a page and display the styles that apply to each element.

