| 1 |
 ，编辑窗口切换到代码显示模式，就无须象往常一样将代码窗口移动来移去这么麻烦了。你喜欢以前的方式？放心，右下角的“代码窗口”按钮依然存在！
|
| 2 |
 ，代码和编辑内容同时显示的模式，有是一个非常贴心的设计，如果你想学习代码的编写的话，这个模式最适合你不过了。
|
| 3 |
 ，切换回原来的编辑状态。
|
| 4 |
 ，可以在这里改写页面的标题，感觉上这是个画蛇添足的功能，因为标题也不是一个经常性要修改的东西。
|
| 5 |
  ，关于文件状态的操作，如右图。灰色的选项需要在站点管理器里面才能生效，不过对于一般人来说，作用不大，我就不多做介绍了。
Design Note：备注功能，可以对该页面做一些备注说明，例如设计思想、备忘等。呵呵，还可以插入时间，还真细心！
Locate in site：这是DW4的新功能，能查找文件在网站中的位置（在站点管理器中直接显示。嘿嘿，好爽！
|
| 6 |
  ，预览和调试，F12这个键是不能忘的了，这个Debug有什么用呢？只要页面中存在着Java
Script，就可以使用这个调试工具去检测。
 这个Debug具备了一个Debug工具应有的功能，例如断点设置和变量跟踪，尽管还不能让我们永远地丢弃Homesite这类的工具，但总算是让新手多了一个调试页面的方法。
Edit Browser List：编辑浏览器列表。这是老功能，不多说了。
|
| 7 |
 ，刷新页面。
|
| 8 |
 ，查看
HTML、CSS、Javascript等的详细参考资料，里面有详细的语法和参数说明。别高兴得太早，全英文的哦！
|
| 9 |
 ，直接跳转到页面中的函数，又是一个调试程序的好帮手。
|
| 10 |
  ，设置显示选项。
在编辑窗口点击时：
Hide All visual Aids：隐藏所有的可视元素
Visual Aids：可视元素，包括
Table Borders：表格边框
Layer Borders：层边框
Frame Borders：帧边框
Image Maps：热点图
Invisible Elements：不可见元素
Head content：头部元素
Rulers ：标尺
Girds：网格
Tracing image：底图
Design View on Top：当编辑敞口和代码窗口同时打开时（即按下时所处的状态），将编辑窗口放最上面。
 在代码窗口点击时：
Word Warp：当代码超过一屏时自动回行；
Line Numbers：显示行号；
Highlight Invalid Html：高亮显示非Html代码；
Syntax Coloring：为代码配色，便于阅读；
Auto Indent：代码自动缩进，便于阅读，但会增加网页的字节数目；
|
回到首页
