日本国产亚洲-日本国产一区-日本国产一区二区三区-日本韩国欧美一区-日本韩国欧美在线-日本韩国欧美在线观看

當前位置:雨林木風下載站 > 辦公軟件教程 > 詳細頁面

SharePoint 基礎圖文教程之創建及更改母版頁

SharePoint 基礎圖文教程之創建及更改母版頁

更新時間:2024-02-08 文章作者:未知 信息來源:網絡 閱讀次數:

SharePoint發行版本有SharePoint2003、SharePoint2007、Sharepoint 2010、SharePoint2013和SharePoint2016。SharePoint提供了功能強大的團隊協作環境,使得組織能夠在整個組織內部實現整合、組織、查找和提供 SharePoint站點。

在SharePoint 2013中,微軟提供了根據HTML頁面轉換Master頁的方法,并支持單項同步,但是這樣的更新,并不完善,會使一些功能造成丟失,所以,了解Master結構的人,盡量直接去修改Master比較方便。

  當然,如果需要使用母版頁,必須開啟SharePoint 2013的發布功能,也就是去網站集功能和網站功能,打開激活發布的Feature。

1、激活發布功能

image

2、打開SharePoint Designer 2013(以下簡稱spd),打開網站,右側菜單選擇母版頁,選中seattle.master,Ctrl+C –>Ctrl+V,然后重命名即可。當然,你可以選擇其他母版頁,兩個母版頁的命名很有意思,一個西雅圖,一個奧斯陸(挪威首都);

image

?

3、? 右鍵 -> 在高級模式下編輯文件(或者直接雙擊)進入代碼編輯,如果出現大片黃色背景,可以選擇Ribbon菜單上的高級模式(途中紅框標識);

image

?

?

4、在

image

效果,如下圖:

image

?

5、在上面,添加Foot;

image

效果,如下圖:

image

?

6、但是打開頁面,你會發現看不到foot的div(如下圖),因為被sharepoint樣式覆蓋了;

image

添加樣式:

???????? ?body?? /*Body元素樣式*/

???????? ?{

???????? ?width:1349px !important;

???????? ?overflow:auto !important;

???????? ?padding:0 !important;

???????? ?margin:0 !important;

???????? ?background-color:green !important;

???????? }

?

7、添加body樣式后效果,如下圖:

image

?

8、隱藏”左側導航”,添加如下樣式:

???????? /*左側導航隱藏*/

???????? #sideNavBox

???????? {

???????? display:none !important;

???????? }

?

效果如下圖

image

如上圖,左側導航被css樣式表隱藏掉了,同樣的方法,我們可以隱藏掉標題欄,修改空出來的padding、margin值,而Css樣式都可以通過瀏覽器開發工具進行查找。

9、隱藏標題Div,如下css樣式;

???????? /*標題行隱藏*/

???????? #s4-titlerow

???????? {

???????? display:none !important;

???????? }

?

效果,如下圖:

image

?

10、去掉s4-workspace的寬高,設為自動值;

???????? /*去掉wordspace寬高*/

???????? #s4-workspace

???????? {

???????? width:auto !important;

???????? height:auto !important;

???????? }

效果,如下圖:

image

至此,我們只需要把紅框位置的空白去掉就可以了,然后給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、最后的展示效果,如下圖:

image

如上圖,就是最后母版頁的效果了,你可以在header里面放上你的flash、導航等,foot是網站的版權信息,中間部分就是網站的布局了。當然,如果你想再修改ribbon菜單的話,也可以參照上面方法,找到標簽名稱,使用權限+css樣式表(或者js)的方式,更合理的處理Ribbon菜單。

?

結束語

本文介紹的只是一個母版頁的制作思路,并不是一個完整實例,也沒有根據一個完整的效果圖進行排版,只是希望給大家一個簡單參考,希望對于剛剛入門的人們有所幫助。

當然,如果你還不清楚母版頁在SharePoint中的作用,本文并沒有深入介紹,你可以參考附錄中的參考文檔,了解SharePoint中頁面結構,加深自己的理解。


Sharepoint 可以幫助企業用戶輕松完成日常工作。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

主站蜘蛛池模板: 免费福利视频在线观看 | 91小视频在线观看 | 日韩在线手机看片免费看 | 欧美成人黄色片 | 久久国产精品免费专区 | 国产在线一区二区视频 | 日韩在线视频不卡一区二区三区 | a国产成人免费视频 | 欧美激情在线精品一区二区 | aⅴ一区二区三区无卡无码 aⅴ在线免费观看 | 亚洲精品视频在线免费 | 黑人狂躁日本妞中文字幕 | 毛片在线看片 | 亚洲日韩在线视频 | 欧美三级网站 | 99久久久 | 国产精品视频你懂的网址 | 久久福利青草精品资源站免费 | 午夜一级片 | 久久午夜精品视频 | 人成在线 | 激情在线播放免费视频高清 | 99r8这里精品热视频免费看 | a网站在线观看 | 日韩高清不卡在线 | 日日摸夜夜添夜夜添破第一 | 日本人欧美xx | 天天做天天爱夜夜大爽完整 | 色老板在线观看永久免费视频 | 日本片在线观看 | 免费国产网站 | 视频一区国产 | 国产三级在线 | 91短视频在线观看免费最新91 | 精品操 | 欧美一级成人毛片影院 | 国产精品玖玖玖影院 | 久久青草福利免费资源网站 | 俄罗斯美女bbbbxx | 浮力地址永久免费公告 | 伊人久久亚洲综合 |