Adobe Dreamweaver CC 2015 - Manual (Page 24)

17
Workspace and workflow
Last updated 6/3/2015
Note: Dreamweaver provides many other panels, inspectors, and windows. To open the panels, inspectors, and windows,
use the Window menu.
The Welcome screen Lets you open a recent document or create a new document. From the Welcome screen, you can
also learn more about Dreamweaver by taking a product tour or accessing learn and help content for users with varying
skill levels and read about the new features in the current and past releases. Welcome Screen lets you create a new Starter
Template too.
The Application bar Is across the top of the application window and contains a workspace switcher, menus (Windows
only), and other application controls.
The Document toolbar Contains buttons that provide options for different views of the Document window (such as
Design view, Live view, and Code view), various viewing options, and some common operations such as previewing in
a browser.
The Standard toolbar To display the Standard toolbar, select View > Toolbars > Standard. The toolbar contains buttons
for common operations from the File and Edit menus: New, Open, Browse in Bridge, Save, Save All, Print Code, Cut,
Copy, Paste, Undo, and Redo.
The Coding toolbar (Displayed in Code view only.) Contains buttons that let you perform many standard coding
operations.
The Document window Displays the current document as you create and edit it.
The Property inspector Lets you view and change a variety of properties for the selected object or text. Each object has
different properties.
The Tag selector Located in the Status bar at the bottom of the Document window. Shows the hierarchy of tags
surrounding the current selection. Click any tag in the hierarchy to select that tag and all its contents.
Panels Help you monitor and modify your work. Examples include the Insert panel, the CSS Designer panel, and the
Files panel. To expand a panel, double-click its tab.
The Extract panel Lets you upload and view your PSD files on Creative Cloud. Using this panel, you can extract CSS,
text, images, fonts, colors, gradients, and measurements from your PSD comps into your document.
The Insert panel Contains buttons for inserting various types of objects, such as images, tables, and media elements,
into a document. Each object is a piece of HTML code that lets you set various attributes as you insert it. For example,
you can insert a table by clicking the Table button in the Insert panel. If you prefer, you can insert objects using the
Insert menu instead of the Insert panel.
The Files panel Lets you manage your files and folders, whether they are part of a Dreamweaver site or on a remote
server. The Files panel also lets you access all the files on your local disk.
Document window overview
The Document window shows the current document. To switch to a document, click its tab.
You can select any of the following views:
Live view (View > Live View) Live view displays a more realistic representation of what your document will look like
in a browser, and lets you interact with the document exactly as you would in a browser. You can edit HTML elements
directly in Live View and instantly preview your changes in the same view as well. For more information on editing in
Live View, see
Edit in Live View .
Design view (View > Design) A design environment for visual page layout, visual editing, and rapid application
development. In this view, Dreamweaver displays a fully editable, visual representation of the document, similar to what
you would see when viewing the page in a browser.