Inspector. [View full size image]   The important concept to remember here is that the Properties Inspector changes to accommodate a selected element. Because there are so many elements to work with in Dreamweaver, the Properties Inspector can be deceptively tough to figure out, especially if you're working with an element you're unfamiliar with. Just remember, if you're working with the text, the Properties Inspector accommodates working with text; if you're working with tables, the Properties Inspector becomes a tables-based Properties Inspector, and so on. A couple of other elements worth mentioning appear in the Properties Inspector no matter what element is selected. These four elements are highlighted in Figure 2.32. Figure 2.32. Four elements remain consistently available in the Properties Inspector no matter what element you're working with in the Document window. [View full size image]   The four elements are best described below: Element Icon: Every possible HTML element that can be modified within the Properties Inspector is represented by its own icon. Quick Help: Opens the Dreamweaver help menu with the element you're working with as the indexed topic. Quick Tag Editor: Similar to right-clicking a tag in the Tag Selector and choosing Edit Tag, the Quick Tag editor allows you to quickly format attributes and values for a tag without having to switch to Code view. Collapsible Arrow: If you haven't noticed yet, the Properties Inspector is divided into two sections by a horizontal line running down the middle. The basic properties (located in the top half) and advanced properties (located in the bottom half) can be collapsed and expanded by selecting this icon.           Panels Dreamweaver contains many panels, bars, inspectors, and menus to aid in the development of your web pages. Although we've talked about a select few options centralized within and around the Document window, this section focuses on the myriad of other panels that are also at your disposal. Interacting with Panels Dreamweaver includes a library of panels, all orgranized in panel groups and readily available from the Window menu. Opening a panel and its associated panel group is simply a matter of choosing the panel you want from the Window menu. For instance, because we'll be talking about the CSS Styles panel shortly, I'll select it from the Window menu (see Figure 2.33). The CSS Styles panel, along with the Layers panel, opens as the CSS panel group, docked above the Files panel group. Figure 2.33. The CSS Styles panel can be opened by selecting CSS Styles from the Window menu. [View full size image]