Dreamweaver Basics

Tip #13

The Reference panel

The Reference panel is a quick reference tool for HTML tags, JavaScript objects, and CSS styles and their attributes. The Reference panel provides information regarding the specific tags, objects, or styles that you are working with in the Code view. The Reference panel uses content from Danny Goodman's Dynamic HTML: The Definitive Reference, published by O'Reilly and Associated.

You can bring up the panel by selecting Window from the menu bar, then Reference. It will appear in the right part of your work area. You can select a tag from the listing and get information about options in using that tag. There is also information about the browser releases which recognize the tag (this information about browsers in in the right part of the description, so you may have to widen the panel display in order to read this or use the scroll bar to move to the right side of the panel).

Example of display of FONT tag description

Even as a beginner, you can make some use of this material. For example, change the "book" selection to the O'Reilly HTML Reference and check out the information for TITLE, B, STRONG, P, and SUP

There are actually several types of reference material as is shown here:

Various reference books are available as part of the Dreamweaver installation.

The three that would be used most by basic Dreamweaver users are the HTML Reference, the Javascript Reference, and the Cascading Style Sheet (CSS) Reference. You can think of these reference files as a built-in reference manual, although you may still find it useful to work with other printed materials.

These tips are created as part of a class on Dreamweaver Basics.