Home > Articles > Web Development > Dreamweaver & Flash

  • Print
  • + Share This
This chapter is from the book

This chapter is from the book

Using the Reference Panel

It doesn’t matter whether you’re an experienced Web designer, or a newcomer to the field. Sooner or later you’re going to need a bit of help, in the form of reference material. I’ll admit that I’m a big reader... I love to read. I have a library full of books on creativity and design. Unfortunately, I can’t carry all those books with me when I’m on a lecture tour. That’s why one of my favorite features in Dreamweaver is the Reference panel. The Reference panel gives you instant (on screen) access to 10 O’Reilly reference manuals, 2 Adobe manuals, and a UseableNet Accessibility Reference. Now that’s a lot of reading material, and instant information at your fingertips. For example, you’re coding a page, and you need a bit more information on the HTML body tag... it’s there, or you need a bit of help with the new syntax of XHTML... it’s there. As a matter of fact, when you first open the Reference panel, the information displayed is based on the selected element on the active Web page.

Access the Reference Panel

  • green-circle-1.jpg Open Dreamweaver (do not open a document).
  • green-circle-2.jpg Click the Window menu, point to Results, and then click Reference.
  • green-circle-3.jpg Select information based on the following options:
    • Click the Select Book list arrow to select from the list of available reference manuals.
    • Click the Select Tag list arrow to select from a list of available HTML tags.
    • Click the Select Attribute icon to choose from a list of available attributes for the selected tag.

    The reader window displays the information based on your selections.

Access Specific Information

  • green-circle-1.jpg Open the Web page you want to access specific information.
  • green-circle-2.jpg Perform one of the following:
    • Code View. Select a specific HTML tag, CSS style rule, or other HTML text.

    • Split View. Select an item in the Code pane or select an object or text in the Design pane.

    • Design View. Select an object, graphic, or portion of text.

  • green-circle-3.jpg Select the element for which you want specific information.
  • green-circle-4.jpg Press Shift+F1 (Shortcut for accessing the Reference panel).

    The panel opens and displays information about the selected page element.

  • + Share This
  • 🔖 Save To Your Account