Upload
duongdieu
View
234
Download
0
Embed Size (px)
Citation preview
Copyright © 2013 MyGraphicsLab / Pearson Education
DREAMWEAVER INTERFACE
MYGRAPHICSLAB: ADOBE DREAMWEAVER CS6
Copyright © 2013 MyGraphicsLab / Pearson Education
WELCOME SCREEN
Opens on launch Displays list of
recent files Provides new
document commands
Access to help resources
Copyright © 2013 MyGraphicsLab / Pearson Education
PROGRAM INTERFACE
Document window Design view Code view Split view
Menu bar Panels Toolbars Workspaces
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
Copyright © 2013 MyGraphicsLab / Pearson Education
DESIGN VIEW
WYSIWYG document view Point-and-click workflow Visual aids: Box model, invisible elements, CSS preview, etc.
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.
Copyright © 2013 MyGraphicsLab / Pearson Education
SPLIT VIEW
Combines features of Design and Code views Updates both windows live Vertical or horizontal display
MULTIVIEW
New workspace for previewing media queries Three views: Phone, Tablet, and Desktop Customize viewports for specific devices
Copyright © 2013 MyGraphicsLab / Pearson Education
Copyright © 2013 MyGraphicsLab / Pearson Education
WORKSPACES
Predefined workspaces for designers, coders, developers, etc. Optimizes workspace for specific tasks Preserves previous configuration
Copyright © 2013 MyGraphicsLab / Pearson Education
PROPERTY INSPECTOR
Instant access to element properties Context-aware display HTML and CSS modes
Copyright © 2013 MyGraphicsLab / Pearson Education
DREAMWEAVER PANELS
Task-specific tools User customizable Point-and-click functionality
Copyright © 2013 MyGraphicsLab / Pearson Education
INSERT TOOLBAR/PANEL
Provides point-and-click access to HTML components Insert HTML elements and Spry widgets
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
Copyright © 2013 MyGraphicsLab / Pearson Education
ASSETS PANEL
Access site assets: Images, templates, links, colors, etc. Manage asset files Insert assets into pages
Copyright © 2013 MyGraphicsLab / Pearson Education
DATABASES PANEL GROUP
Create/edit database connectivity Create/edit dynamic applications and behaviors Point-and-click elements and assets
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
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
Copyright © 2013 MyGraphicsLab / Pearson Education
CREATING NEW PANEL GROUPS
Remove panel from existing group
Add panel to existing group
Create new group from scratch
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
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