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 入門教程完整版
From:http://tw.wingwit.com/Article/program/net/201311/14660.html
