(at the bottom of the screen), and the Vertical Docking panels (to the right of the Document window) that expand and collapse as needed. More detailed descriptions of each of these follows. Chapter 1: Introducing Your New Best Friend 13 The Document window The big, open area in the main area of the Workspace is the Document window, which is where you work on new and existing pages. If you use the Designer interface in Design view, you see your page as it would display in a Web browser. If you want to see the HTML code behind your page, click the Code button at the top of the work area. Choose the Split button to see the HTML code and Design view simultaneously (which you can see in Figure 1-2). Pages viewed on the World Wide Web may not always look exactly the way they do in the Document window in Dreamweaver because not all browsers support the same HTML features or display them identically. For best results, always test your work in a variety of Web browsers, and design your pages to work best in the browsers that your audience are most likely to use. Fortunately, Dreamweaver includes features that help you target your page designs to specific browsers, such as the Check Target Browsers feature covered in Chapter 3.) Insert bar Tag selector Menu Document toolbar Document window Vertical Docking panels Properties inspector Figure 1-1: The Workspace includes the main Document window, surrounded by the Insert bar, Vertical Docking panels, and the Properties inspector. 14 Part I: Fulfilling Your Dreams Customizing the interface The docking panels, palettes, and bars in Dreamweaver provide easy access to most of the programs features. The default settings put the Properties inspector at the bottom of the page, the Insert bar at the top, and the panels on the right, but you can move these elements around the screen by selecting them and use drag and drop to move them to another part of the screen. You can also close any or all the panels on the right by clicking the tiny Options icon in the top right of each panel and selecting Close Panel from the dropdown list (it looks like three bullet points with lines next to them and a little arrow underneath, and its really, really small). You can close them all at once by choosing Window?Hide Panels (or by clicking the arrow in the middle of the row of panels), and you can access any or all the panels through the various options on the Window menu. If you want to open a particular panel - the CSS Styles panel, for example - choose Window?CSS Styles and it expands to become visible on your screen. The Properties inspector, Insert bar, and panels are integral parts of this program, and you find a lot more