2、The Dreamweaver Interface

1、document tool bar中的split模式下代码和视图是分左右两边放的，如果想调整为上下两边放，可以点击view-split vertical

 

2、点击document toolbar 中的live view可以在webkit引擎下预览页面。另外点击球状的图标，可以在ff/ie/device central/adobe browserlab下预览页面。前者与后者的区别是前者直接在dw界面下预览，后者是调用第三方进程查看。

 

3、点击document toolbar中的眼睛图标，可以设置在design工作区中显视的额外内容，包括布局区、table border、frame border等。

 

4、在工作区上除了source code标签外，还会自动把关链的css/js文件列举出来。

 

5、f4/window-hidden pane键可以把所有的面版收起来并全屏显视工作区。

 

6、右边的面版可以拖放到左面，用整个区显视。

 

7、在designer模式下，最下端的面版叫results。在window-results中可以看到。如果不小心关闭了其中的某些面版，可以在window-resutls中重新打开。可以通过f7或window-results-search关闭或重新打开result组。

 

8、中间的是属性面版，可以把它拖放到results面版中。

 

9、results面版中的reference面版中包含多套规范的参考文档。可以通过导航栏book-element-查看各规范中各元素的定义及描述。

 

10、在property面版中分html/css两个radio 按钮。前者修改属性时直接修改html，后者是新建或指定css。

 

11、在属性面版中，如果先选中工作区中的内容，并在属性面版中修改css时，dw就会弹出一个对话框，让你填写css名称、选择器类型，存放在哪个文件等内容。

 

12、insert面版中包含常规的html元素，你可以使用它插入元素到文档中。除了可视化组件外，header内的keyword等也可以。

 

13、右击insert面版，可以组织面版内的favourse栏中的元素。