共用方式為


建立 SharePoint 的頁面

您可以建立應用程式頁面、網站頁面、主版頁面和 SharePoint 網站的頁面配置。

您可使用 Visual Studio 中的範本來建立應用程式頁面。 使用 SharePoint Designer 建立網站頁面、主版頁面和版面配置。 然後,您可將這些頁面匯入 Visual Studio 以在 SharePoint 專案中使用。

您也可使用階層式樣式表、ECMAScript 和佈景主題來修改頁面的外觀和行為。

SharePoint 頁面的類型

下表描述 SharePoint 網站包含的四個主要頁面類型。

頁面類型 描述
應用程式頁面 如果您希望頁面包含自訂程式碼,或想要讓頁面跨多個網站共用,請建立應用程式頁面。 否則,網站頁面可能是最佳選擇。
網站頁面 如果您想要執行下列任何工作,請建立網站頁面:

- 將頁面新增至 SharePoint 文件庫。
- 讓頁面能夠裝載動態 Web 組件和 Web 組件區域等功能。
- 讓使用者能夠使用 SharePoint 設計工具自訂頁面。

如果您希望頁面包含自訂程式碼,請勿建立網站頁面。 雖然您可以將自訂程式碼新增至網站頁面,但是當使用者使用 SharePoint 設計工具自訂頁面時,程式碼會停止執行。
主版頁面 如果您想要定義網站頁面和應用程式頁面的通用結構,請建立主版頁面。
頁面配置 版面配置專屬於 Microsoft SharePoint Server,並可讓您進一步定義網站頁面和應用程式頁面的通用結構。

如需每種頁面類型的概觀,請參閱建置組塊:頁面和使用者介面以及頁面配置和主版頁面

建立應用程式頁面

將 [應用程式頁面] 項目新增至 SharePoint 專案,也可以在 Visual Studio 中建立應用程式頁面。 您可將控制項新增至頁面,然後藉由新增程式碼來處理控制事件。

您可以在頁面的程式碼檔案中設定中斷點、啟動偵錯工具,以及在本機 SharePoint 網站上測試頁面,而不需要執行任何其他設定步驟。 如需詳細資訊,請參閱建立 SharePoint 的應用程式頁面

建立網站頁面、主版頁面和版面配置

您可以使用 SharePoint Designer 建立網站頁面、主版頁面和版面配置。 然後,可將這些頁面匯入 Visual Studio。 如果您想要利用 Visual Studio 中可用的部署或原始檔控制功能,請匯入您的頁面。 如需詳細資訊,請參閱從現有的 SharePoint 網站匯入項目

由於這些頁面匯入之後很難加以修改,因此您應該先設計這些頁面再予以匯入。

建立階層式樣式表、ECMAScript 和佈景主題

Visual Studio 不提供用於開發階層式樣式表 (CSS)、ECMAScript (JavaScript、JScript) 或 SharePoint 網站佈景主題檔案的範本。 您可使用 SharePoint SDK 中提供的指引,或使用 SharePoint 設計工具之類的工具來建立這些檔案。

您可以直接將這些檔案新增至解決方案,也可以匯入這些檔案。 不論是哪一種情況,您都必須為您新增的每個項目建立適當的對應資料夾。 如需如何新增對應資料夾的詳細資訊,請參閱如何:新增和移除對應的資料夾

如需建立階層式樣式表的詳細資訊,請參閱 SharePoint Foundation 中階層式樣式表類別的使用方式。 如需為 SharePoint 方案建立 JavaScript 和 JScript 檔案的詳細資訊,請參閱設定 ECMAScript 的基本 ASPX 頁面。 如需佈景主題的詳細資訊,請參閱建置組塊:頁面和使用者介面

標題 描述
建立 SharePoint 的應用程式頁面 描述如何新增應用程式頁面:與 SharePoint 主版頁面合併的 .aspx 內容。
如何:建立應用程式頁面 示範如何建立在 SharePoint 網站上執行的 ASP.NET 頁面。
逐步解說:建立 SharePoint 應用程式頁面 示範如何設計和偵錯 SharePoint 網站的 ASP.NET 網頁。