PDF (adobe.com)

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.
Note: If you resize the Document window or application window, or change your workspace layout, Dreamweaver maintains the split ratio so that the two views are always visible.

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.

Note: If you resize the Document window or application window, or change your workspace layout, Dreamweaver maintains the split ratio so that the two views are always visible.

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).

    Note: If you resize the Document window or application window, or change your workspace layout, Dreamweaver maintains the split ratio so that the two views are always visible.