beautypg.com

Adobe Dreamweaver CC 2014 v.13 User Manual

Page 74

background image

Show Code View

Show Code and Design Views

Show Design View

Live View

Multiscreen

Preview/Debug in Browser

A. Show code view B. Show code and design view C. Show design view D. Live view E. Preview/Debug in browser F. Document title G. File
management

The following options appear in the Document toolbar:

Displays only the Code view in the Document window.

Splits the Document window between the Code and the Design views. When you select this combined view, the

option Design View on Top becomes available in the View Options menu.

Displays only the Design view in the Document window.

Note: If you are working with XML, JavaScript, CSS, or other code-based file types, you cannot view the files in Design view and the Design and
Split buttons are dimmed out.

Displays a non-editable, interactive, browser-based view of the document.

View the page as it would appear in screens of different sizes.

Allows you to preview or debug your document in a browser. Select a browser from the pop-up menu.

67

This manual is related to the following products: