Dreamweaver CS5 Working View use tutorial

Dreamweaver interface has a large number of user-configurable panels and toolbox, the following image interface. The specific interface name will be introduced in the later learning process.

　　1. Toggle and Split View

Dreamweaver provides a dedicated environment for program apes and designers, as well as a composite option that combines the two.

1.1 Design view

Design view highlights its WYSIWYG editor in the Dreamweaver workspace, which is very close to displaying the effects of Web pages in the browser. To activate Design view, you can click the Design button on the Document toolbar.

1.2 Code View

Only the HTML code and various tools to improve the efficiency of code editing are displayed in the Dreamweaver workspace. To switch to Code view, you can click the Code button on the document toolbar.

1.3 Split View

The split view provides a mixed working interface that allows you to view both the design and the code. Changes made in one of the windows are immediately updated in another window. You can switch to Split view by clicking the Split button on the document toolbar.

2. Split View vertically

In addition, Dreamweaver also provides a way to split the workspace vertically to facilitate users with wide screens. Select the View > Split vertical command.

Code, design, Split view in Dreamweaver CS5 did you get it?