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)

View Source

View Source is a tool that can help you see and understand the structure of your HTML.

View Source display