Figure 1-15: Get the full lowdown on any element with the Tag inspector in Java

Create Data Matrix ECC200 in Java Figure 1-15: Get the full lowdown on any element with the Tag inspector

When you re starting out, you ll probably find the Properties inspector easier to work with However, the Tag inspector is a helpful place to look for hard-to-remember properties Results: The Results panel (see Figure 1-16) displays the results of searches and other reporting tools, such as the Browser Compatibility Check, Link Checker, and FTP Log By default, the Results panel is displayed in the bottom of the window, under the Properties inspector

Reference (see Figure 1-17): The Reference panel is your home base for online reference documentation for HTML, CSS, JavaScript, and other Web technologies

By default, the Reference panel is part of the Results panel, but you can move it elsewhere by grouping it with another panel group or by itself in a new group History (see Figure 1-18): Think of the History panel as a beefed-up Undo/Redo list You can use it to retrace your steps to undo changes you made to the document If you want to get fancy, you can retrace your steps or even copy a series of steps and use them again

Code Inspector (see Figure 1-19): The Code inspector pops up a mini window that displays the HTML code of the document The active element that you re working with is selected for you in the window

Perhaps the biggest attraction of Dreamweaver is the wealth of features at your disposal as you re creating your Web site However, because you can display so many elements in panel groups and toolbars, you can quickly clutter your work area with a set of features you never use Fortunately, in Dreamweaver you can tweak your working environment just the way you like it and then save your workspace for future use

You can access all panels from the Window menu You can show or hide a panel by selecting its menu item from list You can also hide a panel that s open by right-clicking its tab and choosing the Close PanelName group command from the pop-up menu Press F4 to toggle the visibility of all panels and inspectors This keyboard shortcut is useful for temporarily eliminating distractions as you work on your Web page

In the Windows version of Dreamweaver, panel groups are normally docked at one side of the application window To undock and create a floating panel group, click the dotted bar in the upper left area of the panel group title bar and drag it onto the Document window The panel group undocks and floats on top of the workspace To redock, drag the panel group to the side of the application window that you want to dock Dreamweaver recognizes your intention and redocks the window Note that in the Mac version, panel groups always float

To move a panel from a panel group, right-click the Panel tab and choose the Group PanelName With menu item The submenu displays other panel groups Choose one of them or choose the New Panel Group item if you want it to go off on its own For an even easier method, drag the panel tab and drop it to a new location

After you arrange the panels, toolbars, and inspectors the way you want them, choose Window Workspace Layout item Save Current In the Save Workspace Layout dialog box, give your new, customized workspace a name and click OK The new layout is added to the Workspace Layout list Dreamweaver uses this new layout each time it starts until you change it You can display these panels in their own floating windows or grouped into panel groups When a panel is docked with a group, it appears as a tab inside the panel group window You can customize your workspace layout to make effective use of the available screen space If you have a small monitor, you can eliminate all the extras and focus on the bare essentials for creating a Web site However, if you have a larger screen, you can take advantage of the extra space to create the ultimate Web site design environment, such as the one shown in Figure 1-20