視覺輔助工具

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 元素的範本區域標籤

  

另請參閱

參照

狀態列

概念

調整工作區
編輯視窗