设计区

VWD界面的中间部分是设计区(Design Surface)。开发人员将在这里完成向ASP.NET 2.0页面添加内容的大部分工作。可以在Design视图和Source视图之间切换，前者在一个类似浏览器的窗口中显示页面的直观效果，后者显示页面的代码(如图1-4所示)。通常，在Design视图中完成大多数任务要容易和迅速一些，因为它支持较多的拖放功能。如果需要进行细微的修改，而这些修改无法使用VWD的拖放界面完成，那么可以切换到Source视图。

图  1-4
当在Design视图中向页面添加控件时，会弹出一个Common Tasks Menu(常见任务菜单)。这个最小化菜单包含了控件的大多数最常用的设置特性。并不是所有的控件都带有智能任务面板(常见任务菜单)，但如果有的话，可以通过控件右上角的黑色三角图标(如图1-5所示)打开和关闭该面板。

图  1-5
设计区的很多默认设置可以通过菜单Tools->Options修改。当程序员在VWD中打开页面进行编辑的时候，这些选项会改变页面的外观。这些设置并不会改变Web站点的访客看到的页面外观。可以选择在Design视图或Source视图下创建新页面，以及选择智能任务面板的自动打开功能。可以修改Tab键和缩进(indent)包含的空格数量，这有助于使得项目符合公司有关页面代码的规范。
在设计区的底部有一个导航工具，它在大型、复杂的文档中很有用。通过阅读导航标记可以知道插入条(光标)当前位于何处。当前的设置将突出显示，如图1-6所示。也可以单击某个标记，从而在设计区选中该标记的所有内容。

图  1-6
从很多方面看，设计区都非常类似于字处理器。但是VWD还提供了两种用于查看页面的视图(Design和Source)以及在页面中导航的增强工具。下一节讨论VWD怎样帮助开发人员在页面中添加功能。