HTML頁面轉換為Sharepoint母版頁(實戰)
分享人:廣州華軟 極簡
一. 前言
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母版頁(實戰)