Web Form 設計工具

Microsoft Visual Web Developer 是一種設計工具，可讓您編輯標記、控制項、指令碼以及 ASP.NET Web 網頁的程式碼 (選擇性)。 這個設計工具是建立 ASP.NET Web 應用程式時的快速開發方案，它會提供不同的網頁檢視，並提供 [工具箱]和 [屬性] 視窗等工具，讓您輕鬆建立和編輯網頁項目。

這個設計工具有兩種檢視：[設計] 檢視和 [原始碼] 檢視。 您可以利用正在編輯之網頁底部的 [設計] 和 [原始碼] 索引標籤，切換這兩種檢視方式。 如果處理的是程式碼後置 (Code-Behind) 網頁，您還能在 [方案總管] 中選取程式碼檔案，或是以滑鼠右鍵按一下網頁，再按 [檢視程式碼] 的方式，將程式碼檔案開啟為個別的文件。

工作

• How to: Position Elements in Design View

• How to： 在 Web Form 網頁的 [設計] 檢視中插入 HTML 超連結和書籤

• How to: Collapse and Expand HTML Elements in Visual Web Developer

• How to: Create Scripts and Edit Event Handlers

• How to: Choose an Alternate HTML Editor in Visual Web Developer

• 逐步解說： 在 Visual Studio 中的 Web Form 網頁的編輯基本的 HTML

• 逐步解說： 進階在 Visual Studio 中進行編輯的 Web Form 網頁的 HTML

UI 項目

原始碼檢視

[原始碼] 檢視提供的網頁檢視直接顯示標記，包括 HTML 項目、ASP.NET 控制項和用戶端指令碼。 如果您使用單一檔案網頁，則 [原始碼] 檢視還會顯示網頁的伺服端程式碼。

如需詳細資訊，請參閱Source View, HTML Designer。

設計檢視

[設計] 檢視使用類似於 WYSIWYG 的檢視，顯示 ASP.NET Web 網頁、主版頁面、HTML 網頁和使用者控制項。 [設計] 檢視可讓您加入文字和項目，然後調整其位置和大小，並使用特殊功能表或 [屬性] 視窗設定其屬性。

如需詳細資訊，請參閱設計檢視。

請參閱

參考

HTML 設計工具

概念

Introduction to HTML Editing in Visual Web Developer

ASP.NET Web Page Code Model