beautypg.com

Working in the document window – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 100

background image

Working in the Document window

To the top

Switch between views in the Document window
Cascade or tile Document windows
Resize the Document window
Set window size and connection speed
Reports in Dreamweaver

Note: The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this
article in Dreamweaver CC and later. For more information, see

this article

.

Switch between views in the Document window

You can view a document in the Document window in Code view, Split Code view, Design view, Code and Design views (Split view), or Live view.
You also have the option of viewing Split Code view or Code and Design views horizontally or vertically. (Horizontal display is the default.)

Switch to Code view

Do one of the following:

Select View > Code.

In the Document toolbar, click the Show Code View button.

Switch to Split Code view

Split Code view splits your document in two so that you can work on two sections of the code at once.

Select View > Split Code.

Switch to Design view

Do one of the following:

Select View > Design.

In the Document toolbar, click the Show Design View button.

Show both Code and Design views

Do one of the following:

Select View > Code and Design.

In the Document toolbar, click the Show Code and Design Views button.

By default, Code view appears at the top of the Document window and Design view appears at the bottom. To display Design view on top, select
View > Design View on Top.

Toggle between Code view and Design view

Press Control+backquote (`).

If both views are showing in the Document window, this keyboard shortcut changes keyboard focus from one view to the other.

Split views vertically

This option is only available for Split Code view and Code and Design views (Split view). It is disabled for Code view and Design view.

1. Make sure that you are in Split Code view (View > Split Code) or Code and Design views (View > Code and Design).

2. Select View > Split Vertically.

If you are in Code and Design views, you have the option of displaying Design view on the left (View > Design View on Left).

93

This manual is related to the following products: