視覺輔助工具
Microsoft Expression Web 包括了許多視覺輔助工具讓您在 [設計] 檢視中使用。視覺輔助工具可讓您看到空的元素、未顯示的元素,以及具有隱藏框線的元素。視覺輔助工具除了可用於尋找網頁上未顯示的 ASP.NET 控制項之外,還可用於尋找具有隱藏樣式或未顯示之樣式的元素。最後,視覺輔助工具還可讓您檢視特定內容附近所使用的標籤,以及標籤四周的邊界與邊框間距大小。
注意: |
---|
視覺輔助工具可以變更網頁的外觀與版面配置,因此應予以關閉,如此網頁的外觀才會更貼近其在瀏覽器中的模樣。 |
顯示或隱藏視覺輔助工具
在開啟的網頁中執行下列其中一項動作:
在狀態列上,以滑鼠右鍵按一下 [視覺輔助工具],然後按一下視覺輔助工具。
在 [檢視] 功能表上,指向 [視覺輔助工具],然後按一下該視覺輔助工具。
顯示或隱藏所有視覺輔助工具
在開啟的網頁中執行下列其中一項動作:
連按兩下狀態列上的 [視覺輔助工具],或以滑鼠右鍵按一下 [視覺輔助工具],然後按 [顯示]。
在 [檢視] 功能表上,指向 [視覺輔助工具],然後按 [顯示]。
視覺輔助工具
[區塊選取] 以兩種方式顯示。將游標置於區塊內時,標籤四周會出現虛線的矩形,並以索引標籤顯示該標籤的名稱。您可以按一下該索引標籤,以選取該標籤。當您選取區塊時,會顯示邊界及邊框間距。藉由使用此視覺輔助工具,您可以利用控點調整邊界及邊框間距的大小。對於使用絕對方式定位的元素,您可以按一下顯示其名稱的索引標籤,藉以在網頁中移動該物件。
注意: [區塊選取] 的視覺輔助工具所顯示的區塊元素包括段落、清單、清單項目、表單、未定位的 DIV、位址、封鎖引號、水平線及 <center> 標籤。其他類型的元素則會顯示虛線矩形、邊界及調整大小控點,即使隱藏了視覺輔助工具亦然。
區塊元素中的游標
選取的區塊元素
[可見框線] 可在具有隱藏框線的元素四周顯示虛線框。
表格中的可見框線
[空容器] 可在空的元素四周顯示虛線的矩形。
注意: 與大多數的瀏覽器相同,Expression Web 在 [設計] 檢視中會將空的元素摺疊起來;但如有開啟 [空容器] 的視覺輔助工具,將會顯示空的元素,並因而造成網頁的版面配置變更。
[邊界和邊框間距] 可顯示所有元素四周的邊界與邊框間距;邊界會以紅色顯示,而邊框間距則會以藍色顯示。[邊界和邊框間距] 的視覺輔助工具不可用於變更邊界與邊框間距。您必須改而開啟 [區塊選取] 的視覺輔助工具,利用所顯示的控點進行此動作。如需詳細資訊,請參閱在設計檢視中設定邊界、邊框間距與尺寸。
區塊元素的邊界和邊框間距
[CSS 顯示:無元素] 可顯示內含 display:none 之樣式所隱藏的元素。
[CSS 可見度:隱藏的元素] 可顯示內含 visibility:hidden 之樣式所隱藏的元素。
[ASP.NET 非視覺控制項] 可將不顯示任何事物的 ASP.NET 控制項顯示為矩形。
[ASP.NET 控制項錯誤] 會在 ASP.NET 控制項發生錯誤時 (如未連接到資料來源) 顯示錯誤訊息。
[範本區域標籤] 會在使用動態網站範本或 ASP.NET 主版頁面產生的網頁中,於可編輯的範本區域四周顯示框線以及區域名稱索引標籤。如需詳細資訊,請參閱使用動態網頁範本控制版面配置。
BODY 元素的範本區域標籤