[SharePoint基礎(chǔ)圖文教程]一創(chuàng)建SharePoint母版頁測(cè)試母版頁

目錄

1.創(chuàng)建HTML頁面

2.將HTML文件轉(zhuǎn)換為SharePoint母版頁

3.在 SPD中修改母版頁“PlaceHolderMain代碼段”位置

4.發(fā)布母板頁

5.使用母版頁

6.最終效果

7.母版頁轉(zhuǎn)換中的重要知識(shí)點(diǎn)介紹

1.創(chuàng)建HTML頁面

在電腦的任意位置（此處示例放到D盤的根目錄下）創(chuàng)建TestMaster.html文件

(1)文件位置：

(2)文件源碼:

        
這里是頁頭
    
這里是頁尾

(3)效果預(yù)覽

2.將HTML文件轉(zhuǎn)換為SharePoint母版頁

1.點(diǎn)擊右上角的【小齒輪】--【設(shè)計(jì)管理器】--【編輯母版頁】--【將HTML文件轉(zhuǎn)換為SharePoint母版頁】，如下圖所示：

2.在彈出的”選擇資產(chǎn)”頁面點(diǎn)擊【添加】，如下圖所示：

3.在彈出的“添加母版頁”頁面中點(diǎn)擊【瀏覽】找到在D盤的TestMaster.html文件并點(diǎn)擊【確定】按鈕，如下圖所示：

4.在彈出的“母版頁欄目庫”設(shè)置中選擇內(nèi)容類型為“設(shè)計(jì)文件”并修改標(biāo)題（此處為測(cè)試母版頁），點(diǎn)擊【保存】按鈕，如下圖所示：

5.在“選擇資產(chǎn)”頁面選擇剛剛上傳的TestMaster.html文件并點(diǎn)擊【插入】按鈕，如下圖所示：

6.母版頁轉(zhuǎn)換成功，如下圖所示：

3.在 SPD中修改母版頁“PlaceHolderMain代碼段”位置

1.找到已安裝的SPD，如下圖所示：

2.在SPD中打開你的網(wǎng)站，如下圖所示：

3.點(diǎn)擊導(dǎo)航中的【母版頁】，雙擊【TestMaster.html】文件，如下圖所示：

4.點(diǎn)擊【編輯文件】，如下圖所示：

5.找到””的div塊狀元素(一般會(huì)在整個(gè)頁面的最下方)，如下圖所示：

6．將””的div塊狀元素拷貝到應(yīng)該放置的位置（一般為頁頭和頁尾之間）保存文件并關(guān)閉，如下圖所示：

注：筆者曾經(jīng)試過直接將ContentPlaceHolderMain代碼段在創(chuàng)建html時(shí)就加入，但經(jīng)過SP的轉(zhuǎn)換后仍然會(huì)在最下方重新生成新的ContentPlaceHolderMain代碼段，根據(jù)微軟官方說明也沒有查閱到可以在創(chuàng)建的時(shí)候“定位母版頁的占位符”。但在SP中創(chuàng)建并轉(zhuǎn)換然后通過SPD來修改才能完成這整體的一個(gè)步驟似乎是不合理的。

4.發(fā)布母板頁

1.再次點(diǎn)擊右上角的【小齒輪】--【設(shè)計(jì)管理器】--【編輯母版頁】，如下圖所示：

2.點(diǎn)擊TestMaster后面的【…】，在彈出的功能項(xiàng)中再點(diǎn)擊【…】，然后點(diǎn)擊【發(fā)布主要版本】，如下圖所示：

3.填寫注釋并點(diǎn)擊【確定】按鈕，如下圖所示：

4.轉(zhuǎn)換成功后狀態(tài)改變了“已批準(zhǔn)”，如下圖所示：

5.使用母版頁

1.點(diǎn)擊右上角的【小齒輪】--【網(wǎng)站設(shè)置】--【母版頁】，如下圖所示：

2.在網(wǎng)站母版頁中選擇TestMaster,點(diǎn)擊【確定】按鈕，如下圖所示：

6.最終效果

7.母版頁轉(zhuǎn)換中的重要知識(shí)點(diǎn)介紹

1.TestMaster.html與TestMaster.master
??? 細(xì)心的朋友可能會(huì)看到，將 .html 文件轉(zhuǎn)換為 SharePoint 2013 母版頁后系統(tǒng)中會(huì)存在兩個(gè)同名母版頁文件，此篇文章中為：TestMaster.html與TestMaster.master。
TestMaster.html為微軟為我們提供的可修改的文件，我們?cè)谛薷哪赴骓摃r(shí)直接在該文件上修改內(nèi)容，保存 HTML 文件后，這些更改內(nèi)容會(huì)同步到關(guān)聯(lián).master中。
TestMaster.master為在SP中實(shí)際應(yīng)用的文件。該文件在默認(rèn)的情況下是只讀的，你不可以通過SP或其他文件進(jìn)行修改，如果去掉了文件的“只讀”屬性強(qiáng)行修改該文件后，當(dāng)你再次保存.html文件時(shí)，.master中的修改結(jié)果將會(huì)被.html覆蓋。

2.?為什么要轉(zhuǎn)換 HTML 文件，而不是從頭開始創(chuàng)建 .master 文件？

??? 在 SharePoint 2013 中，母版頁就像在 ASP.NET 中一樣工作，但 SharePoint 還要求特定于 SharePoint 的某些元素（如控件和內(nèi)容占位符）必須存在于該頁面上，SharePoint 才能正確呈現(xiàn)該母版頁。使用設(shè)計(jì)管理器將 HTML 文件轉(zhuǎn)換為完整功能的 SharePoint 母版頁，您就不必知道 ASP.NET 或 SharePoint 特定標(biāo)記，而將精力集中于用 HTML、CSS 和 JavaScript 設(shè)計(jì)您的網(wǎng)站。

3.如果我更習(xí)慣修改.master而不想使用.html轉(zhuǎn)換，怎么辦？
(1)在該母版頁的設(shè)置中找到【編輯屬性】，如下圖所示：

(2)去掉關(guān)聯(lián)文件的【對(duì)號(hào)】即可，如下圖所示：