• <label id="pxtpz"><meter id="pxtpz"></meter></label>
      1. <span id="pxtpz"><optgroup id="pxtpz"></optgroup></span>

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

        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 可以幫助企業用戶輕松完成日常工作。

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

        本類教程下載

        系統下載排行

        主站蜘蛛池模板: 亚洲va久久久噜噜噜久久男同| 亚洲熟妇无码另类久久久| 五月婷婷综合免费| 国产又大又粗又硬又长免费| 亚洲综合在线另类色区奇米| 亚洲国产模特在线播放| 国产成人综合亚洲绿色| a国产成人免费视频| 午夜一级毛片免费视频| 久久精品国产亚洲av水果派| 偷自拍亚洲视频在线观看99| 国产小视频在线观看免费| 亚洲国产成人无码av在线播放| 国产精品成人观看视频免费| 国产亚洲精品福利在线无卡一| 国产成人精品免费大全| 国产视频精品免费| 免费人成又黄又爽的视频在线电影| 最近中文字幕无免费视频| 亚洲一区二区中文| 美女视频黄的全免费视频网站| 亚洲欧美一区二区三区日产| 91免费国产精品| 亚洲第一AAAAA片| 一区二区三区免费精品视频| 免费一本色道久久一区| 久久精品九九亚洲精品| 欧美在线看片A免费观看| 久久精品国产亚洲av天美18| 女人18毛片水真多免费播放| 亚洲人成伊人成综合网久久| 日本19禁啪啪无遮挡免费动图| 亚洲午夜精品久久久久久app| 91成人免费在线视频| 亚洲AV综合永久无码精品天堂| 成人A级毛片免费观看AV网站| 色妞www精品视频免费看| 波多野结衣一区二区免费视频| 亚洲av无码成人精品区一本二本| 天天拍拍天天爽免费视频| 一级特黄a免费大片|