在SharePoint 2013中，微軟提供了根據HTML頁面轉換Master頁的方法，並支持單項同步，但是這樣的更新，並不完善，會使一些功能造成丟失，所以，了解Master結構的人，盡量直接去修改Master比較方便。
當然，如果需要使用母版頁，必須開啟SharePoint 2013的發布功能，也就是去網站集功能和網站功能，打開激活發布的Feature。
1、激活發布功能
2、打開SharePoint Designer 2013（以下簡稱spd），打開網站，右側菜單選擇母版頁，選中seattle.master，Ctrl+C –>Ctrl+V，然后重命名即可。當然，你可以選擇其他母版頁，兩個母版頁的命名很有意思，一個西雅圖，一個奧斯陸（挪威首都）；
3、 右鍵 -> 在高級模式下編輯文件（或者直接雙擊）進入代碼編輯，如果出現大片黃色背景，可以選擇Ribbon菜單上的高級模式（途中紅框標識）；
4、在<div id="s4-workspace"上面，添加header；
效果，如下圖：
5、在</SharePoint:SharePointForm>上面，添加Foot；
效果，如下圖：
6、但是打開頁面，你會發現看不到foot的div（如下圖），因為被sharepoint樣式覆蓋了；
添加樣式：
| body /*Body元素樣式*/ { width:1349px !important; overflow:auto !important; padding:0 !important; margin:0 !important; background-color:green !important; } |
7、添加body樣式后效果，如下圖：
8、隱藏”左側導航”，添加如下樣式：
| /*左側導航隱藏*/ #sideNavBox { display:none !important; } |
效果如下圖
如上圖，左側導航被css樣式表隱藏掉了，同樣的方法，我們可以隱藏掉標題欄，修改空出來的padding、margin值，而Css樣式都可以通過瀏覽器開發工具進行查找。
9、隱藏標題Div，如下css樣式；
| /*標題行隱藏*/ #s4-titlerow { display:none !important; } |
效果，如下圖：
10、去掉s4-workspace的寬高，設為自動值；
| /*去掉wordspace寬高*/ #s4-workspace { width:auto !important; height:auto !important; } |
效果，如下圖：
至此，我們只需要把紅框位置的空白去掉就可以了，然后給header和foot自己的樣式，就能達到我們想要的效果。
11、隱藏邊框css樣式，並且，給header和foot所在div樣式，因為測試，所以樣式給的有點難看，大家參考一下方法就好；
| /*去掉內容margin*/ #contentBox { margin:0; }
/*去掉行padding*/ #contentRow { padding:0; }
/*去掉body容器padding*/ #s4-bodyContainer { padding:0; }
/*頭div樣式*/ .myhead { height:70px; background-color:#90AFC6; text-align:center; vertical-align:middle; }
/*腳div樣式*/ .myfoot { height:50px; background-color:#90AFC6; text-align:center; vertical-align:middle; } |
12、最后的展示效果，如下圖：
如上圖，就是最后母版頁的效果了，你可以在header里面放上你的flash、導航等，foot是網站的版權信息，中間部分就是網站的布局了。當然，如果你想再修改ribbon菜單的話，也可以參照上面方法，找到標簽名稱，使用權限+css樣式表（或者js）的方式，更合理的處理Ribbon菜單。
結束語
本文介紹的只是一個母版頁的制作思路，並不是一個完整實例，也沒有根據一個完整的效果圖進行排版，只是希望給大家一個簡單參考，希望對於剛剛入門的人們有所幫助。
當然，如果你還不清楚母版頁在SharePoint中的作用，本文並沒有深入介紹，你可以參考附錄中的參考文檔，了解SharePoint中頁面結構，加深自己的理解。
附錄
SharePoint 2013 頁面模型概述
http://msdn.microsoft.com/library/jj191506(v=office.15)