Working in the document window, Switch between views in the document window, Switch to code view – Adobe Dreamweaver CC 2015 User Manual
Page 42: Switch to split code view, Switch to design view, Show both code and design views, Split views vertically or horizontally
35
Workspace and workflow
Last updated 6/3/2015
More Help topics
Change the highlight color of div tags
Working in the Document window
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
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.)
Note: Design view option is not available for fluid grid documents.
Switch to Code view
❖
Do one of the following:
• Select View > Code.
• In the Document toolbar, click the Code 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
In the Document toolbar, click the drop-down list adjacent to Live option and click Design. To switch to full Design
view, click the Design button.
Show both Code and Design views
In the Document toolbar, click the Split button. Then, click the drop-down list adjacent to Live option and click Design.
Split views vertically or horizontally
1
Make sure that you are in the Split view (Split Code or split Design/Live view).