DREAMWEAVER INTERFACE - Edl · PPT file · Web view2015-10-26 · DREAMWEAVER INTERFACE...

transcript

DREAMWEAVER INTERFACE

MYGRAPHICSLAB: ADOBE DREAMWEAVER CS6

WELCOME SCREEN

Opens on launch Displays list of

recent files Provides new

document commands

Access to help resources

PROGRAM INTERFACE

Document window Design view Code view Split view

Menu bar Panels Toolbars Workspaces

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

DESIGN VIEW

WYSIWYG document view Point-and-click workflow Visual aids: Box model, invisible elements, CSS preview, etc.

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.

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

WORKSPACES

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

PROPERTY INSPECTOR

Instant access to element properties Context-aware display HTML and CSS modes

DREAMWEAVER PANELS

Task-specific tools User customizable Point-and-click functionality

INSERT TOOLBAR/PANEL

Provides point-and-click access to HTML components Insert HTML elements and Spry widgets

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

ASSETS PANEL

Access site assets: Images, templates, links, colors, etc. Manage asset files Insert assets into pages

DATABASES PANEL GROUP

Create/edit database connectivity Create/edit dynamic applications and behaviors Point-and-click elements and assets

DOCKING/FLOATING PANELS

Panels can be used docked or floating

Panel position and configuration preserved between sessions

Blue bar indicates landing zone for docking

MOVING PANELS

Panel can be moved/docked one by one or in groups

Drag by name tab Drag by group bar

CREATING NEW PANEL GROUPS

Remove panel from existing group

Add panel to existing group

Create new group from scratch

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

KEYBOARD SHORTCUTS

Access/Edit/Create keyboard shortcuts

Menu commands Code Editing commands Document Editing commands Snippets commands Export to HTML

DREAMWEAVER INTERFACE - Edl · PPT file · Web view2015-10-26 · DREAMWEAVER INTERFACE...

Documents