How to Use Property Inspector in Adobe Dreamweaver CS6 - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

After you’ve created a site in Adobe Dreamweaver CS6, you can begin to add new pages as well as assets, such as images, to that site. The Property inspector becomes one of your most useful panels because 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 properties panel in Dreamweaver.

To see this panel in action, you need to create a new page with some elements on it. You may not have any of your own pages yet, so you can use one of the CSS Starter pages that loaded with your Dreamweaver CS6 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, Left Sidebar and then 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 you created.

  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.