Applies ToSharePoint Designer 2010 SharePoint Designer 2013

附註: 我們想要以您的語言,用最快的速度為您提供最新的說明內容。本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。讓這些內容對您有所幫助是我們的目的。希望您能在本頁底部告訴我們這項資訊是否有幫助。此為英文文章出處,以供參考。

SharePoint Designer 2013是用來建立和自訂 SharePoint 網站和應用程式的網頁和應用程式設計程式。SharePoint Designer 2013,您可以建立豐富的資料的頁面、 建立功能強大的啟用工作流程的解決方案,與設計網站的外觀與風格。

SharePoint Designer 2013提供唯一網站提供一個位置,您可以在其中建立網站; 撰寫經驗自訂網站; 組成元件設計網站商務程序; 周圍的邏輯並部署網站的封裝的解決方案。您可以所有不需要撰寫程式碼。

附註: 大部分的以下資訊涵蓋SharePoint Designer 2013和SharePoint Designer 2010兩者。SharePoint 2013 網站及更新版本, SharePoint Designer 2013的設計。在 SharePoint 2010 網站上的運作SharePoint Designer 2010 。

在下列區段中,您將瞭解SharePoint Designer 2013及如何開始使用您的組織中。

下載並安裝SharePoint Designer 2013

SharePoint Designer 2013會取代SharePoint Designer 2010。若要取得SharePoint Designer 2013,請參閱下載並安裝 SharePoint Designer 2013

SharePoint Designer 2013體驗

當 SharePoint 網站配合各種類型和範圍的商務需求調整其規模時,其複雜度也隨之快速增加。這些網站已不再是文件、工作清單和排程的存放庫,而是成為了高度動態、資料豐富,並且以業務流程驅動的網站。

對於網站設計師而言,這代表他們不僅要了解業務的需求,也要了解 SharePoint 及其中一個網站的所有組件。尤其重要的是了解網站許多活動組件之間的關係,並且能夠在單一位置管理這種關係。

SharePoint Designer 2013提供單一環境,您就可以使用您的網站、 其清單和文件庫、 頁面、 資料來源、 工作流程、 權限] 等。不只可以看到您的網站在一個地方,下列主要因素,但您可以看到這些物件之間的關聯性。

立即可用的架構可讓您開始設計並建立高度自訂的商務方案網站。首先,連接至 SharePoint 內部和外部的資料來源;接著將此資訊提供給使用者,讓他們使用 SharePoint 網站或 Office 用戶端應用程式提交資訊;建立高度自訂的工作流程讓業務流程自動化;最後,自訂網站的外觀與風格使其符合您組織的品牌形象。

藉由為這些工作提供的單一環境,您可以更加專注於設計、建立和自訂解決方案,並減少因使用不同的工具和方法來搜尋和更新網站各種元件而耗費的時間。

下列各節探索SharePoint Designer 2013體驗] 和 [使用者介面:

SharePoint Designer 2013是用戶端程式,會在您的本機電腦上安裝。也緊密整合 SharePoint。因此,它可以直接從您的電腦使用Windows [開始] 功能表和 SharePoint 中的不同位置,例如 [頁面] 功能表上的 [編輯] 按鈕啟動。

從 [編輯] 功能表中選取 [SharePoint Designer

有許多地方,您可以開啟SharePoint Designer 2013,例如,自訂清單、 檢視、 工作流程及主版頁面時。如果您還未安裝SharePoint Designer 2013 ,第一次您啟動 SharePoint 中,從系統提示您下載並安裝從網頁。您下次開啟SharePoint Designer 2013,它會開啟立即。是也可以在Windows [開始] 功能表的位置。

附註:  SharePoint Designer 2013和其個別的功能可能會限制或停用使用SharePoint Designer 設定] 頁面。如果您不能執行本文所述的工作,這可能的原因。如需詳細資訊,請連絡您的系統管理員。

當您從 Windows [開始] 功能表開啟SharePoint Designer 2013時,您看到的第一個項目是 [檔案] 索引標籤。您有自訂現有的網站,或建立新的網站,此畫面上的選項。

檔案] 索引標籤和頁面

若要自訂現有的網站,您可以瀏覽至現有的網站,自訂您的「 我的網站,或選取其中一個最近使用的網站,您開啟的SharePoint Designer 2013。

若要建立新的網站,您可以使用空白範本、 選擇清單中的範本,或選擇其中一個主要的範本。從這裡開始,只要指定伺服器及網站名稱,然後建立網站。隨後中SharePoint Designer 2013並建立您的網站。

如果您從 SharePoint 開啟SharePoint Designer 2013 ,您就不會看到這個畫面。不過,您會看到您在SharePoint Designer 2013介面中開啟的網站。

SharePoint Designer 2013介面

SharePoint Designer 2013提供一個的環境,您可以在其中建立、 自訂及部署 SharePoint 網站和解決方案。這是所帶來的使用者介面,顯示所有您的網站和元件之間的關聯性的元件。

第一次開啟您的網站時,您會看到網站的摘要,包括其標題、描述、目前的權限和子網站。

網站] 索引標籤

分成三部分的介面:導覽、摘要和功能區

有設計和建立網站以使用SharePoint Designer 2013介面的三個主要領域:

  1. 導覽窗格可用來導覽您網站的主要組件或元件。

  2. 組件庫和摘要頁面可分別查看各種元件類型的清單及個別元件的摘要。

  3. 功能區可對選取的元件執行動作。

有圖說文字的 [網站] 頁面

導覽窗格會顯示組成您網站的元件,包括其清單、組件庫、內容類型、資料來源、工作流程等等。若要編輯其中一個元件,以「公告」清單為例,請開啟 [清單和組件庫],便會讓您進入顯示所有清單和組件庫的組件庫頁面。

您可以從該頁面開啟「公告」清單,接著便會移至該清單的摘要頁面。您會在摘要頁面看到與其關聯的檢視、表單、工作流程等等。若要編輯其中一個檢視,只要直接從此頁面開啟即可。

使用 [開啟] 檢視,您會注意到功能區變更為顯示 [編輯檢視的常見及更相關編輯工作。如果您熟悉的 Microsoft Office 應用程式中的功能區,就會知道可以建立及編輯快速又簡單的工作。當您完成編輯,請使用 [上一頁] 按鈕或的樣式階層連結導覽在頁面頂端的返回網站的摘要。

SharePoint Designer 2013介面可讓您更容易識別網站的各種元件、 向下切入並編輯這些元件,其中一項,然後返回回網站的主檢視。

除了使用SharePoint Designer 2013中您網站的各種物件,您可能會想要檢視和存取較大的網站或應用程式設定。這包含開啟另一個網站,新增頁面、 匯入的檔案,以及變更SharePoint Designer 2013的應用程式設定。您是第一個畫面中看到的是否您從Windows [開始] 功能表開啟SharePoint Designer 2013 [檔案] 索引標籤上執行下列動作。

按一下以移至 [此檢視的左上角的 [檔案] 索引標籤。按一下 [上一步返回SharePoint Designer 2013介面。

Pillars 的SharePoint Designer 2013中自訂

SharePoint Designer 2013可以用來建立及自訂網站和包含邏輯應用程式,但不的解決方案 」 需要撰寫程式碼。您可以使用它來新增及修改資料來源、 自訂清單和資料檢視、 建立及部署商務工作流程、 設計公司的品牌,等等。不過您真的開始駕馭和SharePoint Designer 2013的功能,當您開啟方塊網站辦公室成實數的商務解決方案為您的組織。

下列各節討論對自訂設計和建置解決方案使用SharePoint Designer 2013時。

連接至 SharePoint 內部和外部的資料

使用SharePoint Designer 2013,您可以連線至多個資料來源,並再將該資料整合到您的網站和 Office 用戶端應用程式。您的使用者,如此一來,可以查看並與其互動您網站上的商務資料,並從程式您選擇而不需另行連線至這些資料來源。

新的資料連線選項按鈕

您可以直接從功能區連接至外部資料庫、SOAP 服務及 REST 服務等等。

連線到資料來源是SharePoint Designer 2013的強大功能,因為有這麼多支援的選項,您可以使用,讓使用者可以使用資料。使用資料連線,您可以運用清單和文件庫、 外部資料庫及資料來源、 web 服務及更多。

以下是您可以使用SharePoint Designer 2013連線的資料來源的預覽。

清單和文件庫是常見的資料來源,您會使用您的網站。這些是唯一的他們已經組件的 SharePoint 和與 SharePoint 中使用相同的資料庫比較其他資料來源。您不需要執行額外的步驟來建立這些資料來源的連線 – 只要新增使用SharePoint Designer 2013中的 [清單和文件庫] 庫,或將其新增在瀏覽器中。一旦您建立清單或文件庫,您可以自訂與其相關聯的資料行、 內容類型及其他結構描述的屬性。

附註:  這項功能並不是在所有 SharePoint 技術實作中都可以使用,如需詳細資訊,請與您的服務管理員連絡。

Business Connectivity Services (BCS) 是 SharePoint 基礎架構提供標準化的介面至現有的商務資料與程序。使用 BCS,您可以連線外部商務資料來源,SQL Server、 SAP 與 Siebel、 web 服務和自訂應用程式,SharePoint 網站及 Office 應用程式。

SharePoint Designer 2013,在您連線至外部資料來建立外部內容類型。外部內容類型代表外部資料來源中的資料所儲存的連線,用於商務應用程式,方法來建立、 讀取、 更新或刪除的物件詳細資料,並物件本身可以採取動作的使用者。

外部內容類型是儲存在「商務資料目錄」中。當您建立了外部內容類型之後,您與組織中的其他人員就可以它為基礎輕鬆建立 SharePoint 清單、檢視、表單、工作流程,甚至是 Office 用戶端整合。外部資料會像其他元件一般成為 SharePoint 的一部分,這可讓您建立與這些外部資料來源間的完全自訂化使用者介面。

以資料來源的形式新增資料庫可讓您將另一個資料庫中的資料整合至您的網站。您可以連接至 Microsoft SQL Server、Oracle 以及支援 OLE DB 或 ODBC 通訊協定的任何資料庫,您所需要知道的就是資料庫所在伺服器的名稱、資料提供者以及要使用的驗證類型。將資料庫新增並設定為資料來源之後,就可以建立檢視和表單,讓使用者毋需離開 SharePoint 網站即可讀取資料並將資料寫回資料來源。

簡易物件存取通訊協定 (SOAP) 是通訊協定,以 XML 為基礎的郵件,讓您連線至各種不同的資料來源使用的 XML web 服務。在SharePoint Designer 2013,您可以使用此連線至您組織中的另一個網站或網際網路其技術,無論程式設計語言或平台上的網站上的資料來源。在您的網站上顯示貨幣換算程式、 股價、 計算機或天氣服務,您可以使用 XML web 服務。

代表性狀態傳輸 (剩餘) 是網頁的技術的優點和通訊協定,而不只是網頁的一種方法建立 web 服務的網路軟體建築樣式。若要從網站取得資料,請閱讀指定的伺服器端指令碼說明內容,您可以使用此類型。類似 SOAP,您可以使用此SharePoint Designer 2013貨幣換算程式、 股價、 計算機或天氣服務,若要顯示,例如,另一個網站上的資料來源連線。此類型的資料連線比 SOAP 實作簡單,但是 HTTP 限制。

如果您的組織儲存 XML 檔案中的資料,您可以連線至這些檔案作為資料來源中SharePoint Designer 2013。若要做為資料來源,以連線至 XML 檔案,您可以直接在SharePoint Designer 2013中建立、 從您的電腦或網路上的某個位置匯入或連線至外部位置上。

建立豐富資料介面

一旦您建立必要的資料來源的連線,您準備好要建立互動式、 資料豐富您這些資料來源的使用者介面。SharePoint Designer 2013,您可以建立功能強大與動態的使用者介面的資料來源,也可以提供其位置,包括您的 SharePoint 網站與自訂 windows、 窗格],以及功能變數 Office 商務應用程式中的數字。

您建立的介面包含自訂檢視、 表單、 網頁組件、 導覽和 Office 用戶端的自訂視窗和工作窗格。這種類型的彈性,可讓您以建立您的商務資料的完全自訂的使用者經驗。

您可以合併多個資料來源成為單一檢視、建立帶有相關項目檢視的儀表板、為個別角色量身設計自訂表單,以及自訂與資料關聯的工具列或功能區。

以下是您可以自訂您的資料使用SharePoint Designer 2013相關聯的使用者介面的多種方式。

檢視可讓您以不同的方式查看資料。無論您要在清單或文件庫或外部資料來源,您可以使用檢視來顯示與您和您的使用者相關的資訊。在SharePoint Designer 2013,您建立的每個檢視資料檢視會顯示在 XSLT (可延伸樣式表語言轉換),而它運用 Microsoft ASP.NET 技術。在檢視中,您可以顯示和隱藏欄位、 排序、 篩選、 計算、 套用設定格式化的條件及其他內容。有多個檢視的樣式,您可以選擇從以及快速開始使用。最後,您也可以建立及自訂任何檢視中以符合您的資料模型與您的使用者,您的業務。

若要從使用者收集的資訊,您可以建立表單。使用 web 表單高度自訂,使用者可以輕鬆地撰寫資料回資料來源。類似於檢視,您可以自訂欄位資料、 使用者角色,以及其他狀態為基礎的外觀。表單可顯示資料、 編輯資料,並建立資料,然後您可以使用SharePoint Designer 2013的內建表單編輯器 (適用於.aspx 檔案) 或 (適用於.xsn 檔案) 的 Microsoft InfoPath 的表單的設計。您可以建立及自訂工作清單,等特定的資料來源的表單,他們可以用於收集使用者資訊,在工作流程,稍後所述。

使用自訂動作建立器中的SharePoint Designer 2013,您可以建立自訂的動作,例如連結、 圖示和指令碼 SharePoint 功能區] 工具列,清單項目功能表。每當您新增至網站的新功能,您可以讓您可探索它,並使用公開的功能,在 [SharePoint] 功能表中的使用者更容易。您也可以使用自訂動作鼓勵使用者指定的物件,例如清單上啟動工作流程執行某些工作。

網頁組件的模組化資訊單位,獨立的資料或功能的會新增至 SharePoint 頁面。檢視及稍早所述的表單儲存在網頁組件,但是除了這些項目,您可以新增網頁組件的執行數個函數和與資料互動的方式。如果您將其新增至網頁組件區域中SharePoint Designer 2013,使用者可以進一步自訂網頁組件在瀏覽器中。網頁組件與網頁組件頁面是一個功能強大且有效方法若要自訂您的使用者在 SharePoint 中的網頁介面。

針對使用外部內容類型的外部資料來源,您可以在 Microsoft Outlook 2010 和 SharePoint Workspace 之類的用戶端應用程式中呈現該資訊。您可以藉由用戶端表單、區域和工作窗格,為使用者建立讀取、寫入和刪除外部商務資料的介面,如同該介面原本就屬於該應用程式一般。而您的使用者則可以在最熟悉且已經會用的網站和 Office 應用程式中處理其商務資料。

導覽播放您建立您的使用者介面中的重要部分,您管理整個 SharePoint 中,不只是SharePoint Designer 2013的區域。例如,您可能會自訂導覽連結資料檢視] 或 [表單網頁組件,工作流程,或在網站層級,例如上方連結列] 或 [快速啟動。您想要確定網站及所有的部分都有您的使用者可以依照計劃良好的導覽模型。

管理業務流程

組織內的每一項業務流程都是由一組根據共同業務需求而緊密結合的活動所組成。工作流程的設計便是透過提供由條件和動作組成的規則式工作流程,切合此模型。您可以根據一系列的條件和動作來組織並執行一系列對應至工作處理程序的動作。

SharePoint Designer 2010 圖例

您可以建立的工作流程使用SharePoint Designer 2013管理最簡單的組織中最複雜的商務程序。工作流程來自動化商務應用程式的程序和人員共同作業的程序執行這項。工作流程商務應用程式的程序可能會更新一個資料來源時另一個資料來源的變更。與工作流程的人員共同作業的程序可能會傳送給員工的經理要求核准的文件。

SharePoint 工作流程至您的商務程序會介紹應用程式邏輯,而不需要您撰寫程式碼。這是因為強大尚未直覺式的工作流程編輯器中SharePoint Designer 2013 ,可讓巢狀的邏輯、 substeps,及其他功能。或者,您可以設計,並共用 Microsoft Visio 中使用其可以匯出至SharePoint Designer 2013的流程圖範本的工作流程。

以下是SharePoint Designer 2013中的工作流程的建置組塊。

凡是可啟動或起始工作流程的都是事件。資料來源的變更 (例如,建立了新的項目或是變更了某項目) 是一種事件。另一種事件則是由使用者 (工作流程參與者) 啟動。在資料來源變更時啟動的工作流程通常屬於將業務流程自動化 (例如,根據資料狀態複製檔案) 之應用程式的一部分。可由使用者啟動的工作流程則通常屬於人力協作流程 (例如,內容核准) 的一部分。工作流程可以設定成辨識這兩種事件,甚至可以這兩者的組合為基礎。

條件會決定工作流程運行或執行活動的時機。由於工作流程與資料來源相關聯,因此條件可指定資料來源必須發生的變更,以令工作流程發生。條件的開頭通常是「如果欄位等於某值」這個子句。您可以讓一個條件搭配多個動作,也可以讓多個條件搭配一個動作。規則是將條件與一個或多個動作結合:如果條件中的所有子句都成立,則關聯的動作便會發生。

動作是工時的最基本的工作流程中單位。當您設計工作流程時,您找出所需的動作,順序,然後您組合的工作流程設計工具中的動作的順序。您可以將其設定以便在發生一個其他 (循序動作) 或兩者同時 (平行動作)。工作流程可以包含任何數目的工作流程本身或工作流程中的參與者所執行的動作。SharePoint Designer 2013包含豐富的現成、 可重複使用的動作。使用這些動作,工作流程可以、,例如傳送電子郵件、 近或拉清單,請核取項目,請執行計算,以及執行其他功能。

在這些動作中,有一組特殊的工作動作,如開始核准程序開始意見反應程序,其中分別包含工作流程編輯器,是特別為組織中人工工作處理程序而設計的。有了這些動作,您可以建立及自訂精密複雜的工作流程,可管理幾乎任何商業流程。

工作流程是由一個或多個步驟和子步驟所組成。步驟可讓您將條件和動作組成群組,以便逐一評估並執行不同組的規則。每一個步驟可包含的條件和動作數目並無限制。您的工作流程可以設計成以步驟或子步驟來容納動作序列。當一個步驟中的規則都經過處理並得到結論後,才會繼續下一個步驟;因此,可令特定動作生效的所有必要規則應該群組在相同的步驟內。您也可以將步驟當成組織工作流程的方式,如果工作流程擁有非常多的動作卻只有相當少的條件時,更應該採取這種做法。

工作流程通常包含表單,可讓您從工作流程參與者收集資訊在預先定義的工作流程中的時間。他們也會允許參與者互動工作流程相關聯的工作。在工作流程,您可以設計初始表單,以開始工作流程時,從使用者收集的資訊、 與工作流程的清單或內容類型的工作清單與相關聯的自訂工作表單的關聯表單。設計表單時,您可以使用原生 ASP.NET 為基礎的表單 (.aspx 頁面) 中SharePoint Designer 2013或 Microsoft InfoPath 2010 的設計自訂表單 (.xsn 頁面)。InfoPath 提供更多的自訂,與您的工作流程表單的商標。

變數是工作流程內部的資料儲存位置或快取。您可以使用變數來儲存工作流程中不同類型的資料,之後再使用工作流程查閱來參照該資料。有許多類型的變數可供您在工作流程中使用,例如由初始化表單參數產生的變數和區域變數,這些變數會保留與目前工作流程關聯的資料。在區域變數中,您可以使用多種變數資料類型,包括布林值、日期/時間、清單項目識別碼、數值和字串。在建立變數並設定其值之後,就可以在工作流程中後來的條件或動作內參照該變數。

設計與品牌

自訂SharePoint Designer 2013所提供的最後一個區域是設計與品牌,也就是,取得您公司的外觀與風格,並將它套用至您的 SharePoint 網站。您可以將公司標誌、 色彩配置、 頁首及頁尾,支援的圖形、 自訂功能,及其他功能。如此一來,您可以立即為較大的公司網站的組件將網站上的每一頁。在SharePoint Designer 2013,設計,然後品牌 SharePoint 網站使用主版頁面、 版面配置和階層式樣式表]。

設計與品牌網站是自訂的不同項目,為其他核心焦點位於建立自訂的商務解決方案。商標不通常執行小於通常與網站集合的頂端,例如內部網路或網際網路的入口網站。然後繼承其下建立子網站的自訂的品牌。商標投入也有要執行的網站設計工具,而不是解決方案的建立者。

基於上述理由,主版頁面、頁面配置和階層式樣式表預設都已針對網站集合管理員以外的所有使用者停用。如此一來,只有負責網站品牌的人員能夠存取這些強大而敏感的檔案。不過,您當然可以針對特定使用者重新啟用這些檔案。

為網站設計工具,以下是您可以建立自訂的品牌網站使用SharePoint Designer 2013的方式。

主版頁面

主版頁面的功能的 ASP.NET,而是用來設計網站在同一個位置中的版面配置,並重複使用它另存為範本的其他頁面企業中包含的 SharePoint。每當您在 SharePoint 網站上檢視頁面,請您正在檢視兩個頁面合併 – 主版頁面及內容的頁面。主版頁面定義常見的版面配置及導覽 (通常是構成左]、 [上方,以及 [頁面底端的部分)。[內容] 頁面會提供特定頁面的內容。SharePoint Designer 2013提供豐富的編輯工具,您可以使用自訂主版頁面,以及與他人共用這些內容的頁面。

頁面配置

如果您在操作即將發佈的網站,則也會使用頁面配置來設計網站的外觀和版面配置。頁面配置是用來當做發佈組織內使用者建立之頁面的範本。頁面配置比起主版頁面,可針對發佈頁面提供更細微的控制和結構,例如指定標題、本文和圖片在頁面上的位置。發佈頁面會使用 SharePoint 中的發佈基礎結構,而且可協助您精簡瀏覽器型內容的編輯和發佈,而不需要執行通常與此程序相關的所有動作。

階層式樣式表

大部分的網站和 web 應用程式,例如 SharePoint 會使用階層式樣式表 (CSS) 若要套用色彩、 圖形和構成網站上的頁面的各種物件的位置。在許多情況下,有多個樣式表套用至頁面。若要自訂這些樣式,您可以加以修改主版頁面]、 [版面配置] 或 [網站] 頁面中的直接或修改直接在 CSS 檔案附加至該頁面 – 您可以執行這兩種樣式使用強大的 CSS 編輯工具中SharePoint Designer 2013。您也可以自訂您使用的 CSS 檔案的 SharePoint 佈景主題。自訂 CSS 檔案,您變更的外觀,或 「 面板 」 的 SharePoint 網站,讓您公司的外觀。

部署自訂 SharePoint 方案

這一點的所有項目具有焦點使用SharePoint Designer 2013建立實數的商務解決方案。您所見,您連線至和整合資料兩個內部和外部 SharePoint 中,建立功能強大的使用者介面,此資料、 管理商務程序與工作流程,及網站以符合您公司的外觀與風格進行品牌連結。

此時您需要為您的方案再做些事情,例如,將它部署到另一個伺服器或是在企業內部署、在 Visual Studio 中開啟以進行更多自訂,或是將它離線儲存以便隨身攜帶。您需要能夠將方案轉換成套件的方式,這正是 [另存範本] 選項上場的時候。

管理網站] 按鈕

另存為範本的解決方案的功能強大的 SharePoint 功能。範本會儲存為網頁解決方案套件 (.wsp 檔案) 包含您的網站,包括資料來源和結構、 檢視及表單、 工作流程,以及網頁組件的全部內容。

範本也是由各種細部構成的。您可能只是操作網站的特定部分,例如清單、檢視或工作流程。您也可以將這些個別元件儲存成範本,這項功能為方案開發的共同作業提供了全新的方式。

完成 SharePoint 中的商務方案循環

您花在SharePoint Designer 2013更多的時間,您快速瞭解您可以更多個基本網站自訂。您可以建立包含資料連線、 資料豐富的使用者介面、 自訂工作流程],並完成網站商標實數的商務解決方案。您可以建立,所有在 SharePoint 中,而且您可以依照結束部署解決方案與應用程式開發週期。

需要更多協助嗎?

想要其他選項嗎?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。