()添加<div>標記分隔頁面可以簡化頁面格式的修改創建的Master頁面將在<form>內使用個<div>區域有些區域中會包含其他<div>標記(子層次結構的<div>)第個<div>是由VWD自動創建的其他的需手動添加可以從工具箱的HTML面板中將<div>拖放到頁面上但是在Design視圖中很難將其放到正確的位置上您可以使用Source視圖進行精確定位
()切換到Source視圖並在窗體內找到默認的<div>從<div>標記的開頭到</div>標記的末尾都選中可以注意到Properties窗口中現在顯示的是<div>的屬性將id屬性設置為content
()繼續停留在Source視圖中通過拖放將另一個<div>從工具箱的HTML面板中拖放到<div id=content>的上方但仍然在<form>內將其id屬性設置為header
()在表單內另外添加兩個<div>標記將標題下面的第一個<div>的id設置為sidebar並將最下面的那個<div>的id設置為footer
()在Source視圖中現在創建子層次結構的<div>標記這些標記將位於前面創建的<div>內部在header<div>內拖放一個<div>並將其id設置為logo在logo<div>的後面將顯示一些簡單的文本如下所示
<form id=mainForm runat=server>
<div id=header>
<div id=logo></div>
<h>Wrox United</hl>
</div>
()在sidebar<div>中添加文本Navigation如下面的代碼所示
<div id=sidebar>
<h>Navigation</h>
</div>
[] [] [] [] []
From:http://tw.wingwit.com/Article/program/net/201311/14597.html