the properties of a selected element on the page. A property is a characteristic of HTML - such as the alignment of an image or the size of a cell in a table - that you can assign to an element on your Web page. If you know HTML, you recognize these as HTML attributes. When you select any element on a page (such as an image), the inspector changes to display the relevant properties for that element, such as the height and width of an image. You can alter these properties by changing the fields in the Properties inspector. You can also set links and create image maps using the options in the Properties inspector. Figure 1-4 shows the image options displayed in the Properties inspector, including height and width, alignment, and the URL (Uniform Resource Locator or, more simply, Web address) to which the image links. At the bottom-right corner of the Properties inspector, you see a small arrow. Click this arrow (or double-click in any open inspector space) to reveal additional attributes that let you control more advanced features, such as the image map options when a graphic is selected. Figure 1-3: The Common Insert bar provides access for forms, tables, images, and more. Chapter 1: Introducing Your New Best Friend 17 Figure 1-5 shows the Properties inspector when you select a table. Notice that the fields in the inspector reflect the attributes of an HTML table, such as the number of columns and rows. (See Chapter 6 to find out more about HTML tables.) The Docking panels The Docking panels, shown in Figure 1-6, are located to the right of the work area (although you can easily move them anywhere on the screen). The Docking panels display a variety of important features in Dreamweaver, including all the files and folders in a site (in the Files panel), Cascading Style Sheets (in the CSS Figure 1-5: Attributes of a selected HTML table or cell. Figure 1-4: The Properties inspector displays the attributes of any selected element, such as an image shown here. 18 Part I: Fulfilling Your Dreams