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

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 Edit CSS function
Outline Block tool Outline Block function
Standards Compliance button standards_comply (14K)

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.

Firebug screen