VWD界面的中间部分是设计区（Design Surface）开发人员将在这里完成向ASPNET 页面添加内容的大部分工作可以在Design视图和Source视图之间切换前者在一个类似浏览器的窗口中显示页面的直观效果后者显示页面的代码（如图所示）通常在Design视图中完成大多数任务要容易和迅速一些因为它支持较多的拖放功能如果需要进行细微的修改而这些修改无法使用VWD的拖放界面完成那么可以切换到Source视图
当在Design视图中向页面添加控件时会弹出一个Common Tasks Menu（常见任务菜单）这个最小化菜单包含了控件的大多数最常用的设置特性并不是所有的控件都带有智能任务面板（常见任务菜单）但如果有的话可以通过控件右上角的黑色三角图标（如图所示）打开和关闭该面板
设计区的很多默认设置可以通过菜单Tools>Options修改当程序员在VWD中打开页面进行编辑的时候这些选项会改变页面的外观这些设置并不会改变Web站点的访客看到的页面外观可以选择在Design视图或Source视图下创建新页面以及选择智能任务面板的自动打开功能可以修改Tab键和缩进（indent）包含的空格数量这有助于使得项目符合公司有关页面代码的规范
在设计区的底部有一个导航工具它在大型复杂的文档中很有用通过阅读导航标记可以知道插入条（光标）当前位于何处当前的设置将突出显示如图所示也可以单击某个标记从而在设计区选中该标记的所有内容
从很多方面看设计区都非常类似于字处理器但是VWD还提供了两种用于查看页面的视图（Design和Source）以及在页面中导航的增强工具下一节讨论VWD怎样帮助开发人员在页面中添加功能
ASPNET 入门教程完整版
