SharePoint發行版本有SharePoint2003、SharePoint2007、Sharepoint 2010、SharePoint2013和SharePoint2016。SharePoint提供了功能強大的團隊協作環境,使得組織能夠在整個組織內部實現整合、組織、查找和提供 SharePoint站點。 在SharePoint 2013中,微軟提供了根據HTML頁面轉換Master頁的方法,并支持單項同步,但是這樣的更新,并不完善,會使一些功能造成丟失,所以,了解Master結構的人,盡量直接去修改Master比較方便。 當然,如果需要使用母版頁,必須開啟SharePoint 2013的發布功能,也就是去網站集功能和網站功能,打開激活發布的Feature。 1、激活發布功能 2、打開SharePoint Designer 2013(以下簡稱spd),打開網站,右側菜單選擇母版頁,選中seattle.master,Ctrl+C –>Ctrl+V,然后重命名即可。當然,你可以選擇其他母版頁,兩個母版頁的命名很有意思,一個西雅圖,一個奧斯陸(挪威首都); ? 3、? 右鍵 -> 在高級模式下編輯文件(或者直接雙擊)進入代碼編輯,如果出現大片黃色背景,可以選擇Ribbon菜單上的高級模式(途中紅框標識); ? ? 4、在 效果,如下圖: ? 5、在上面,添加Foot; 效果,如下圖: ? 6、但是打開頁面,你會發現看不到foot的div(如下圖),因為被sharepoint樣式覆蓋了; 添加樣式:
? 7、添加body樣式后效果,如下圖: ? 8、隱藏”左側導航”,添加如下樣式:
? 效果如下圖 如上圖,左側導航被css樣式表隱藏掉了,同樣的方法,我們可以隱藏掉標題欄,修改空出來的padding、margin值,而Css樣式都可以通過瀏覽器開發工具進行查找。 9、隱藏標題Div,如下css樣式;
? 效果,如下圖: ? 10、去掉s4-workspace的寬高,設為自動值;
效果,如下圖: 至此,我們只需要把紅框位置的空白去掉就可以了,然后給header和foot自己的樣式,就能達到我們想要的效果。 ? 11、隱藏邊框css樣式,并且,給header和foot所在div樣式,因為測試,所以樣式給的有點難看,大家參考一下方法就好; ?
? 12、最后的展示效果,如下圖: 如上圖,就是最后母版頁的效果了,你可以在header里面放上你的flash、導航等,foot是網站的版權信息,中間部分就是網站的布局了。當然,如果你想再修改ribbon菜單的話,也可以參照上面方法,找到標簽名稱,使用權限+css樣式表(或者js)的方式,更合理的處理Ribbon菜單。 ? 結束語 本文介紹的只是一個母版頁的制作思路,并不是一個完整實例,也沒有根據一個完整的效果圖進行排版,只是希望給大家一個簡單參考,希望對于剛剛入門的人們有所幫助。 當然,如果你還不清楚母版頁在SharePoint中的作用,本文并沒有深入介紹,你可以參考附錄中的參考文檔,了解SharePoint中頁面結構,加深自己的理解。 Sharepoint 可以幫助企業用戶輕松完成日常工作。 |
溫馨提示:喜歡本站的話,請收藏一下本站!