Adobe CS5 Dreamweaver Property Inspector - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

In Adobe Creative Suite 5 (Adobe CS5) Dreamweaver the Property inspector becomes one of your most useful panels. It provides you with information about any element you’ve selected in the Document window. This contextual panel displays text attributes when text is selected or image attributes when images are selected, and so on.

The Property inspector shown with text (top) and an image (bottom) selected.
The Property inspector shown with text (top) and an image (bottom) selected.

To see this panel in action, you’ll create a new page with some elements on it. You may have none of your own pages yet, so you’ll use one of the CSS Starter pages that loaded with your Dreamweaver CS5 installation, and follow these steps:

  1. Choose File→New to create a new page in Dreamweaver.

    The New Document dialog box appears.

  2. Choose Blank Page→HTML→2 Column Fixed Sidebar, and click Create.

  3. Choose File→Save As.

    The Save As dialog box appears.

  4. Type a name in the Save As text box.

    The location is routed automatically to the site folder.

  5. With your new page open in the Document window, click to select various elements, such as text, a table, or a hyperlink (linked text).

    With each selection, the Property inspector changes to provide you with specific information about that element.

The Property inspector is analogous to the Option bar, which appears at the top of the Illustrator, InDesign, and Photoshop workspaces and the Property inspector in Flash. If you’re a former GoLive user, the concept of using the Property inspector is also quite familiar to you because this same feature existed in that application as well.