You have selected free tutorial for the Adobe for the Adobe Certified Associate (ACA) course in Adobe Certified Associate in Web Authoring Using Adobe Dreamweaver CS 6/ CC
Understanding the Adobe Dreamweaver Interface / Customize the workspace.
Customizing panels and panel groups
Panels can be moved, grouped, and docked to help keep everything you regularly use at your fingertips. In the next part of this lesson, you’ll create a custom workspace layout for CSS layouts. You’ll start by removing certain panels and repositioning the remaining panels.
Follow these steps to customize Dreamweaver panelsStep-by-Step
- 1. Make sure your dw09lessons folder has been defined as a site as described in the Starting Up section. This first exercise does not require any of the lesson files, as you will be focusing on the workspace. To ensure you are starting from the same workspace as we are, choose Window > Workspace Layout > Designer. Then choose ‘Reset Designer,’ You will now customize your panels.
- 2. Locate the Business Catalyst tab, click the panel menu in the top right, and then choose Close Tab Group.
- 3. Right-click or Control+click (Mac) the Adobe Browserlab tab and choose Close Tab Group.
- 4. Click once on the Files tab to expand this panel (seen in Figure ). (To show a closed panel, click once. To hide it, double-click it.)
- There are two panels within the CSS panel group: CSS Styles and AP Elements. The AP Elements panel is currently hidden. In order to see both panels simultaneously, you’ll drag the AP Elements panel out of the tab group.
- 5. Click and hold the AP Elements tab. Drag this tab into your workspace to remove it from the CSS panel group. This now becomes a floating window , which you can keep floating if you want. Many users prefer to have all their panels within a single column, so you’ll add it back in now.
- 6. To keep the AP Elements panel from interfering with your workspace, you can dock it with the other panels. Place your cursor over the AP Elements tab at the top of the panel, and click and hold.
- 7. Drag the AP Elements panel immediately above the title bar of the Files panel group. Be careful here: if the entire Files panel is highlighted blue, you will be adding to the group. You are looking for a thin blue line above the Files tab; this indicates that you are creating a new group. When a solid line appears above the Files panel group, release the AP Elements panel to snap it into place.
- 8. If necessary, adjust the width and height of the panels by placing your cursor on the edges of any panel group. When the black double-arrow appears, you can click and drag to adjust as needed.
- 9. Dreamweaver CS6 also has the same Icon view as the other applications in the Creative Suite. Click the double-arrows on the top-right corner of the entire column of panels; they will collapse to the icon view.
- 10. Click the Files icon; that group will expand so you can work with it. This group will temporarily stay open until you start working on the document or click another icon. You can decide whether you prefer to work in the expanded panel view or the icon view. For now, you’ll return to the panel view.
- 11. Click the double-arrows to return to the expanded panel view.
- 12. To save this workspace, choose Window > Workspace Layout > New Workspace. When the New Workspace Layout dialog box appears, type CSS Layout into the Name text field and press OK.
- 13. Choose Window > Workspace Layout > Designer to switch to the default workspace; then choose Window > Workspace Layout > CSS Layout to switch back to the custom workspace you just created.
Your Salary Above $ 66000... Click ...
Ohh! You want More.... be game developer of your choice $ 102000 ....