ONLINEPROOFINGSERVICE.COM

online proofing solutions - www.onlineproofingservice.com

Menu


panel) and more. You can open and close panels by clicking the small arrow to the left of the panels name. To display more panels,


select the panel name from the Window menu. To hide all the visible panels at once, click the tab with the small arrow in the middle, left of the row of panels. The following list offers a description of some of the elements that you access through the Docking panels (the others are described in greater detail in their respective sections of the book). _ Files panel: Shown in Figure 1-6, the Files panel lists all the folders and files in a Web site and helps you manage the structure and organization of the site. You can move files in and out of folders and even create new folders in this panel, and Dreamweaver automatically adjusts any related links. The Files panel is also where you access FTP (file transfer protocol) capabilities to upload or download files from a server. You can use the Connect button at the top of this panel to dial quickly into your server and use the Get Files and Put Files arrows to transfer pages. (See Chapter 2 for more about the Files panel and built-in FTP features.) Figure 1-6: The Docking panels provide easy access to CSS, tags, and all the files in a Web site, such as the list shown here in Kathryn LeMieuxs cartoon site. Chapter 1: Introducing Your New Best Friend 19 _ Assets panel: The Assets panel, shown in Figure 1-7, automatically lists all the images, colors, external links, multimedia files, scripts, templates, and Library items in a Web site. You can add a stored item, such as a graphic, to a Web page simply by dragging the element into the work area. You find more on templates and Library items in Chapter 4. These features work only if you define your site using the Site Definition dialog box (by choosing Site?Manage Sites) and then identifying the main folder of your Web site. If you find that the Library or other options arent available, follow the steps in Chapter 2 to define your site (a setup process you should go through for all your sites). _ CSS panel: The Cascading Style Sheets panel includes Layers and CSS Styles panels. CSS styles are similar to style sheets used in word processing and desktop publishing programs, such as Microsoft Word and QuarkXPress. You define a style and name it, and the style is then included in the CSS Styles panel (see Figure 1-8). The Layers panel provides access to layers options, which enable you to precisely position elements on a page. (For more information about CSS and layers, see Chapters 8 and 9.) Figure 1-7: The Assets panel presents like items in a central place. 20 Part I: Fulfilling Your Dreams _ Tag panel: The Tag panel provides access to attributes and behaviors. In Dreamweaver, behaviors are scripts (usually written in JavaScript) that you can apply to objects to add interactivity to your Web page. Essentially, a behavior is made up of a specified event that, when triggered, causes an action. For example, an event may be a visitor clicking an image, and the resulting action may be that a sound file plays.