1. Copyright © 2013 MyGraphicsLab / Pearson Education DREAMWEAVER INTERFACE MYGRAPHICSLAB: ADOBE DREAMWEAVER CS6

2. Copyright © 2013 MyGraphicsLab / Pearson Education WELCOME SCREEN Opens on launch Displays list of recent files Provides new document commands Access to help resources

3. Copyright © 2013 MyGraphicsLab / Pearson Education PROGRAM INTERFACE Document window  Design view  Code view  Split view Menu bar Panels Toolbars Workspaces

4. Copyright © 2013 MyGraphicsLab / Pearson Education PROGRAM INTERFACE (CONTINUED) Interface varies depending on view and workspace Three views  Design view shows what the page should look like  Code view shows markup  Split view shows both Multiple workspaces; all contain:  Menu bar  Toolbars  Panels Choose the workspace that contains the tools you need

5. Copyright © 2013 MyGraphicsLab / Pearson Education DESIGN VIEW WYSIWYG document view Point-and-click workflow Visual aids: Box model, invisible elements, CSS preview, etc.

6. Copyright © 2013 MyGraphicsLab / Pearson Education CODE VIEW Access to HTML code Code view options: Syntax coloring, line numbers, highlight invalid code, etc. Code hinting for HTML, JavaScript, ASP, CF, PHP, etc.

7. Copyright © 2013 MyGraphicsLab / Pearson Education SPLIT VIEW Combines features of Design and Code views Updates both windows live Vertical or horizontal display

8. MULTIVIEW New workspace for previewing media queries Three views: Phone, Tablet, and Desktop Customize viewports for specific devices Copyright © 2013 MyGraphicsLab / Pearson Education

9. WORKSPACES Predefined workspaces for designers, coders, developers, etc. Optimizes workspace for specific tasks Preserves previous configuration

10. Copyright © 2013 MyGraphicsLab / Pearson Education PROPERTY INSPECTOR Instant access to element properties Context-aware display HTML and CSS modes

11. Copyright © 2013 MyGraphicsLab / Pearson Education DREAMWEAVER PANELS Task-specific tools User customizable Point-and-click functionality

12. Copyright © 2013 MyGraphicsLab / Pearson Education INSERT TOOLBAR/PANEL Provides point-and-click access to HTML components Insert HTML elements and Spry widgets

13. Copyright © 2013 MyGraphicsLab / Pearson Education FILES PANEL Access site file and folder structure Add, move, and delete site files Manage local and remote site files Upload and download site files Expand and collapse modes

14. Copyright © 2013 MyGraphicsLab / Pearson Education ASSETS PANEL Access site assets: Images, templates, links, colors, etc. Manage asset files Insert assets into pages

15. Copyright © 2013 MyGraphicsLab / Pearson Education DATABASES PANEL GROUP Create/edit database connectivity Create/edit dynamic applications and behaviors Point-and-click elements and assets

16. Copyright © 2013 MyGraphicsLab / Pearson Education DOCKING/FLOATING PANELS Panels can be used docked or floating Panel position and configuration preserved between sessions Blue bar indicates landing zone for docking

17. Copyright © 2013 MyGraphicsLab / Pearson Education MOVING PANELS Panel can be moved/docked one by one or in groups Drag by name tab Drag by group bar

18. Copyright © 2013 MyGraphicsLab / Pearson Education CREATING NEW PANEL GROUPS Remove panel from existing group Add panel to existing group Create new group from scratch

19. Copyright © 2013 MyGraphicsLab / Pearson Education SAVING CUSTOM WORKSPACES Create a custom workspace and save it Modify an existing workspace and redefine it Reset a workspace to default configuration Access your custom workspace

20. Copyright © 2013 MyGraphicsLab / Pearson Education KEYBOARD SHORTCUTS Access/Edit/Create keyboard shortcuts Menu commands Code Editing commands Document Editing commands Snippets commands Export to HTML