1. 程式人生 > >HTML頁面轉換為Sharepoint母版頁(實戰)

HTML頁面轉換為Sharepoint母版頁(實戰)

打開 pan 修改 html bsp span int 記得 enter

分享人:廣州華軟 極簡

技術分享圖片

一. 前言

SharePoint有母版頁、布局頁。母版頁存放著如頭部(頂部菜單、導航),底部等比較通用部分,通常網站只需一套即可;而布局頁,則存放著主要內容部分,根據頁面需要,則放置著變化頻率相對高的內容。

由於本身編輯母版頁頁面的Sharepoint頁面並不是特別方便,且SharePoint提供了html 頁面轉換為母版頁功能,所以,開發人員可在外部編輯器上(如HBuilder,Sublime,…)編寫好代碼,然後將其轉換為Sharepoint 可使用的母版頁。此文為適用於初學者。

二. 目錄

1. 前言

2. 目錄

3. 操作過程

3.1 準備html

3.2 轉換步驟

4. 總結

三. 操作過程

現以某網站為例,描述html轉換為SharePoint母版頁的操作過程。

3.1 準備html

使用HBuilder,Sublime等任意可編輯html頁面的編輯器編寫好母版頁所需通用部分,一般包含:頭部(網站logo、頂部菜單、全局導航、面包屑、廣告(Banner))、底部,可根據實際情況增減通用部分。

修改並保存編寫好的html頁面及樣式(供母版頁使用,應只有頭部尾部部分)文件,接下來去SharePoint網站轉換母版頁。

3.2 轉換步驟

1. 登錄SharePoint網站,在網站右上角點擊設置(黑色齒輪)按鈕,選擇“網站內容”

技術分享圖片

2. 找到“樣式庫”,點擊打開

技術分享圖片

3. 在“樣式庫”裏面創建文件夾,打開創建後的文件夾,然後創建用來存放樣式文件(如css)、圖片文件(如img)、腳本文件(如js)等文件夾,並將母版頁的樣式文件放到css中。

技術分享圖片

技術分享圖片

技術分享圖片

4. 在網站右上角的設置按鈕,選擇“設計管理器”

技術分享圖片

5. 然後選擇“編輯母版頁”—> “將HTML文件轉換為SharePoint母版頁”

技術分享圖片

6. 在彈出的頁面中,點擊下圖1位置,選擇“Html母版頁”,點擊“添加”

技術分享圖片

7. 選擇“瀏覽”找到需要作為母版頁的html文件,點擊“確定”

技術分享圖片

8. 然後進入該頁面後,將“內容類型”選為“Html母版頁”,再進行“保存”。

技術分享圖片

技術分享圖片

9. 然後就能看到剛剛轉換HTML文件,選擇並點擊右下角的插入按鈕就完成了,最後記得“發布主要版本”。

技術分享圖片

技術分享圖片

四. 總結

以上便是將html頁面轉換為SharePoint母版頁的過程,其中需要註意的點,均以文字及圖片標識,希望能夠對初學的你有所幫助。

HTML頁面轉換為Sharepoint母版頁(實戰)