視覺輔助工具

Microsoft Expression Web 包括了許多視覺輔助工具讓您在 [設計] 檢視中使用。視覺輔助工具可讓您看到空的元素、未顯示的元素,以及具有隱藏框線的元素。您除可使用視覺輔助工具尋找網頁上未顯示的 ASP.NET 控制項之外,還可用於尋找具有隱藏樣式或未顯示之樣式的元素。最後,視覺輔助工具還可讓您檢視特定內容兩側所使用的標籤,以及標籤兩側的邊界與邊框間距大小。

Cc295543.alert_note(zh-tw,Expression.10).gif注意事項:

視覺輔助工具可以變更網頁的外觀與版面配置,因此應予以關閉,如此網頁的外觀才會更貼近其在瀏覽器中的模樣。

顯示或隱藏視覺輔助工具

  • 在開啟的網頁中執行下列其中一項動作:

    • 在狀態列上,以滑鼠右鍵按一下 [視覺輔助工具],然後按一下視覺輔助工具。

    • 在 [檢視] 功能表上,指向 [視覺輔助工具],然後按一下該視覺輔助工具。

顯示或隱藏視覺輔助工具

  • 在開啟的網頁中執行下列其中一項動作:

    • 連按兩下狀態列上的 [視覺輔助工具],或以滑鼠右鍵按一下 [視覺輔助工具],然後按 [顯示]。

    • 在 [檢視] 功能表上,指向 [視覺輔助工具],然後按 [顯示]。

視覺輔助工具

  • [區塊選取] 會以兩種方式顯示。將游標置於區塊內時,標籤四周會出現虛線的矩形,並以索引標籤顯示該標籤的名稱。您可以按一下該索引標籤,以選取該標籤。當您選取區塊時,會顯示邊界及邊框間距。藉由使用此視覺輔助工具,您可以利用控點調整邊界及邊框間距的大小。對於使用絕對方式定位的元素,您可以按一下顯示其名稱的索引標籤,藉以在網頁中移動該物件。

    Cc295543.alert_note(zh-tw,Expression.10).gif注意事項:

    [區塊選取] 的視覺輔助工具所顯示的區塊元素包括段落、清單、清單項目、表單、未定位的 DIV、位址、封鎖引號、平行線及 <center> 標籤。其他所有區塊標籤則會顯示虛線矩形、邊界及調整大小控點,即使隱藏了視覺輔助工具亦然。

    區塊元素中的游標

    Cc295543.c4aa38c2-28a5-42b2-bcdc-3c2860b44a78(zh-tw,Expression.10).gif

    選取的區塊元素

    Cc295543.7442abb3-09b3-4a33-aeeb-eb544dc7bed7(zh-tw,Expression.10).jpg

  • [可見框線] 可在具有隱藏框線的元素四周顯示虛線框。

    Cc295543.2c4e0643-c7db-43b4-8006-1774f339c034(zh-tw,Expression.10).gif

  • [空容器] 可在空的元素四周顯示虛線的矩形。

    Cc295543.alert_note(zh-tw,Expression.10).gif注意事項:

    與大多數的瀏覽器相同,Expression Web 在 [設計] 檢視中會將空的元素摺疊起來;但如有開啟 [空容器] 的視覺輔助工具,將會顯示空的元素,並因而造成網頁的版面配置變更。

  • [邊界和邊框間距] 可顯示所有元素四周的邊界與邊框間距;邊界會以紅色顯示,而邊框間距則會以藍色顯示。[邊界和邊框間距] 的視覺輔助工具不可用於變更邊界與邊框間距。您必須改而開啟 [區塊選取] 的視覺輔助工具,利用所顯示的控點進行此動作。如需詳細資訊,請參閱在設計檢視中設定邊界、邊框間距與尺寸

    Cc295543.d6385678-0769-44c3-a9e7-c17007aaeee3(zh-tw,Expression.10).gif

  • [CSS 顯示:無元素] 可顯示內含 display:none 之樣式所隱藏的元素。

  • [CSS 可見度:隱藏的元素] 可顯示內含 visibility:hidden 之樣式所隱藏的元素。

  • [ASP.NET 非視覺控制項] 可將不顯示任何事物的 ASP.NET 控制項顯示為矩形。

  • [ASP.NET 控制項錯誤] 會在 ASP.NET 控制項發生錯誤時 (如未連接到資料來源) 顯示錯誤訊息。

  • [範本區域標籤] 可在可編輯的範本區域四周顯示框線,包括具有區域名稱的索引標籤、使用「動態網站範本」的網頁,或 ASP.NET 主版頁面。如需詳細資訊,請參閱動態網站範本

    Cc295543.fd989dbc-5f1a-4cf0-85d4-379b0f11e9a2(zh-tw,Expression.10).jpg

請參閱

概念

工作區概觀

編輯視窗概觀

狀態列