1、? 首先打開SharePoint Designer 2010，找到母版頁，復(fù)制一份V4.master，用來做我們剪裁用，不建議修改之前的母版頁，錯(cuò)了的話，不容易找回來。同時(shí)新建一個(gè)頁面布局，引用自定義這個(gè)母版頁，用來看效果。引用后預(yù)覽下未修改的母版頁，如圖1所示：

2、? 編輯我們復(fù)制出來的母版頁，我們要做的就是要一個(gè)網(wǎng)站的Head將來放Flash，要網(wǎng)站的Foot放版權(quán)信息，還有中間的Main用來給頁面布局。在這里，我暫時(shí)隱掉了左側(cè)導(dǎo)航，頭部的其它控件等，如果有需要，可以隨時(shí)顯示出來。那么，開始我們的母版頁之旅吧。

3、? 我們經(jīng)過查看，可以看到這個(gè)區(qū)域，是將來我們網(wǎng)站主體顯示的區(qū)域，而向上查看可以發(fā)現(xiàn)上面是這個(gè)區(qū)域，通過id我們可以看出來是2010特色的ribbon的區(qū)域。今天我們不需要這一區(qū)域，暫時(shí)隱藏掉，但是開發(fā)過程中，可能需要，當(dāng)然，我們隨時(shí)可以顯示出來。我們?cè)诶锩婕由蠘邮诫[藏。

4、? 繼續(xù)往下看是，同樣通過id我們可以看到這個(gè)是title行，這個(gè)title行主要包括兩部分，包括上面的網(wǎng)站信息行，還有下面的導(dǎo)航，我們隱藏掉上面的網(wǎng)站信息，留下下面的導(dǎo)航區(qū)域。同樣，用樣式隱藏。然后，在上面加上一個(gè)用來放我們頭部的Flash，樣式建議寫在corev4.css里面，方便我們查找。

5、? 接下來是左側(cè)導(dǎo)航，在PlaceHolderMain左邊找到這個(gè)區(qū)域，通過id我們知道這個(gè)是左側(cè)導(dǎo)航，隱藏之。同時(shí)在PlaceHolderMain下面加上Foot區(qū)域，寫上下面的版權(quán)信息吧。看看我們現(xiàn)在的樣子吧，如圖2。

6、? 很明顯有一點(diǎn)是不對(duì)的，通過IE開發(fā)工具，我們可以看到PlaceHolderMain的左邊，還有一個(gè)區(qū)域。倒要看看這個(gè)空白是什么，繼續(xù)IE開發(fā)工具找之。功夫不負(fù)有心人，終于發(fā)現(xiàn)這個(gè)區(qū)域里面的s4-ca里面有個(gè)margin-left:155px;，去掉之！問題解決！下面為了展示我們的頁面是不是正確的，我們把Head、Body、Foot三個(gè)區(qū)域?qū)懮献郑�上個(gè)背景色，看看效果，如圖3.

7、? 看起來，跟我們要求的差不多了，把底色去掉，換成我們的圖片、Flash就OK了，為了滿足開發(fā)需要，先把Ribbon填上。剛要說結(jié)束，又發(fā)現(xiàn)問題了，怎么Ribbon不跟著頁面一起滾動(dòng)，這樣看著也太難看了，還得繼續(xù)修改。如圖4

8、? 首先<>

總結(jié)： 經(jīng)過母版頁剪裁的這個(gè)過程，感覺2010還是有提高的，div的方式是每個(gè)功能點(diǎn)更容易單獨(dú)使用了，但是依然沒敢刪掉不需要的節(jié)點(diǎn)。期間，當(dāng)然也遇到各種問題，感謝之前分享文章的博主。下面就簡單列幾個(gè)自己做母版頁過程中參考的文章。