Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 3: Understanding the Adobe Dreamweaver CS5 Interface Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 111

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objectives Identify elements of the Dreamweaver interface Use the Insert panel Use the Property inspector Use the Assets panel Use the Files panel Customize the workspace 222

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Vocabulary Assets panel Code View Coding toolbar custom workspace Design view document Window drop Zone Favorites List Files panel Insert panel Live Code view Live view Property inspector Site list Split Code View Workspace switcher 333

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Domain 3.0 Understanding the Adobe Dreamweaver CS5 Interface The third domain of the Web Communicationcertification focuses on understanding theDreamweaver workspace. The third domain of the Web Communication certification focuses on understanding the Dreamweaver workspace. Understanding the workspace for anyapplication is essential to using the softwareeffectively and efficiently. Understanding the workspace for any application is essential to using the software effectively and efficiently. 444

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.1 Identify Elements of the Dreamweaver Interface The Dreamweaver workspace opens by default inSplit Code view with the code appearing on the leftand the document window appearing on the right. The Dreamweaver workspace opens by default in Split Code view with the code appearing on the left and the document window appearing on the right. The document window is the visual representationof the web page you create and edit. The document window is the visual representation of the web page you create and edit. The Coding toolbar displays buttons used for manytypical coding tasks and is displayed only in SplitCode and Code views. The Coding toolbar displays buttons used for many typical coding tasks and is displayed only in Split Code and Code views. Design view displays a fully editable view of thedocument as you design and edit its contents. Design view displays a fully editable view of the document as you design and edit its contents. 555

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.1 Identify Elements of the Dreamweaver Interface (cont.) Live view is a noneditable view that allows you tointeract with elements in the page as if you wereviewing it in a browser. Live view is a noneditable view that allows you to interact with elements in the page as if you were viewing it in a browser. Live Code view displays the code that a browseruses to execute the page; this code can change asyou work with the page in Live view. Live Code view displays the code that a browser uses to execute the page; this code can change as you work with the page in Live view. The Workspace switcher allows you to reset yourworkspace to default settings, switch to otheravailable workspaces, or create your own customworkspace. The Workspace switcher allows you to reset your workspace to default settings, switch to other available workspaces, or create your own custom workspace. 666

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.2 Use the Insert Panel The Insert panel is located in the Panelgroup and contains buttons for creatingobjects or inserting objects created in otherprograms, such as images, horizontal rules,links, and tables. The Insert panel is located in the Panel group and contains buttons for creating objects or inserting objects created in other programs, such as images, horizontal rules, links, and tables. You can display the Insert panel as ahorizontal toolbar by undocking the paneland then clicking and dragging the panelstab to the top of the document window. You can display the Insert panel as a horizontal toolbar by undocking the panel and then clicking and dragging the panels tab to the top of the document window. 777

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.2 Use the Insert Panel (cont.) The buttons are organized into categories onthe Insert panel. The buttons are organized into categories on the Insert panel. The default category is called Common andhas a pop-up menu where you can accessthe buttons and menus specific to thatcategory. The default category is called Common and has a pop-up menu where you can access the buttons and menus specific to that category. 888

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.3 Use the Property Inspector The Property inspector is located at thebottom of the workspace by default and isused to inspect and edit the most commonproperties of the selected item in thedocument. The Property inspector is located at the bottom of the workspace by default and is used to inspect and edit the most common properties of the selected item in the document. Options on the Property inspector varydepending on the item selected. Options on the Property inspector vary depending on the item selected. 999

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.3 Use the Property Inspector (cont.) When an image is selected in a document,the Property inspector provides options towork with the image. When an image is selected in a document, the Property inspector provides options to work with the image. When working with tables, the Propertyinspector changes its appearance if a cell orcells are selected, or if the entire table isselected. When working with tables, the Property inspector changes its appearance if a cell or cells are selected, or if the entire table is selected. 10

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.4 Use the Assets Panel You use the Assets panel to organizeimages, colors, URLs, SWF, Shockwave,movie files, scripts, templates, and Libraryitems associated with the defined site beingviewed in the Files panel. You use the Assets panel to organize images, colors, URLs, SWF, Shockwave, movie files, scripts, templates, and Library items associated with the defined site being viewed in the Files panel. The Assets panel allows you to view yourassets in two ways. The Assets panel allows you to view your assets in two ways. 11

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.4 Use the Assets Panel (cont.) The Site list shows all the assets being usedon any page in the site. The Site list shows all the assets being used on any page in the site. The Favorites list shows only the assets youhave selected to be a favorite. The Favorites list shows only the assets you have selected to be a favorite. 12

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.5 Use the Files Panel The Files panel provides access to files andfolders whether or not they are associatedwith a Dreamweaver site or not. The Files panel provides access to files and folders whether or not they are associated with a Dreamweaver site or not. The Files panel toolbar gives you access toconnect to your remote host, refresh yourfiles and folders, put or get your files, checkout or check in files, synchronize files, andchange to expanded view. The Files panel toolbar gives you access to connect to your remote host, refresh your files and folders, put or get your files, check out or check in files, synchronize files, and change to expanded view. 13

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.6 Customize the Workspace As with most Adobe applications, you cancustomize the workspace to better suit yourindividual workflow. As with most Adobe applications, you can customize the workspace to better suit your individual workflow. You can change the workspace by selectinga default workspace or by rearranging thepanels to your individual preference. You can change the workspace by selecting a default workspace or by rearranging the panels to your individual preference. 14

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 3.6 Customize the Workspace (cont.) You can move a panel by clicking anddragging a panel tab. As you drag the panel,an area becomes highlighted in blue, knownas the drop zone. You can move a panel by clicking and dragging a panel tab. As you drag the panel, an area becomes highlighted in blue, known as the drop zone. A custom workspace is one that has beencreated by the user and saved with a uniquename. A custom workspace is one that has been created by the user and saved with a unique name. 15

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Summary Objective 3.1 Identify Elements of the Dreamweaver Interface Objective 3.2 Use the Insert Panel Objective 3.3 Use the Property Inspector Objective 3.4 Use the Assets Panel Objective 3.5 Use the Files Panel Objective 3.6 Customize the Workspace 16