將以橙色高亮顯示出來（如圖所示）無論何時只要在Design或Source View中選擇了不同的元素這個工具條上顯示的元素層次結構都將發生相應的改變
（）現在再次運行該頁面並觀察結果
操作回顧
在這個示例中進一步熟悉了頁面設計的拖放方法同時熟悉了在Source View中手動編寫頁面的技術應該己經注意到VWD在不同的階段有很多功能幫助開發人員創建頁面
下面逐步解釋在VWD中創建的代碼頁面的主要內容包含在一個<div>控件內其中是三個添加到該頁面的控件
<div>
<asp:TextBox ID=TextBox runat=server></asp:TextBox><br />
<asp:Image ID=MyImage runat=server ImageUrl=~/azoreschurchjpg /><br />
<asp:HyperLink ID=HyperLink runat=server
NavigateUrl=wwwwroxunitednet>Visit Wrox United Online!</asp:HyperLink>
</div>
現在看一看呈現的代碼──在浏覽器中打開該頁面時選擇View→Source菜單查看<div>的內容是如何變化的
<div>
<input name=TextBox type=text id=TextBox><br />
<img id=MyImage src=azoreschurchjpg style=borderwidth:px; /><br />
<a id=HyperLink href=wwwwroxunitednet>Visit Wrox United Online!</a>
</div>
[] [] [] []
From:http://tw.wingwit.com/Article/program/net/201311/14795.html
