企業(yè)信息門戶快速搭建辦法

1、企業(yè)信息門戶快速搭建手冊 TOC o 1-3 u 一、創(chuàng)建站點 PAGEREF _Toc142037618 h - 3 -二、頁面的設(shè)計 PAGEREF _Toc142037619 h - 6 -1、創(chuàng)建文檔庫 PAGEREF _Toc142037620 h - 8 -2、創(chuàng)建頁眉文件 PAGEREF _Toc142037621 h - 16 -3、修改css文件 PAGEREF _Toc142037622 h - 20 -4、創(chuàng)建頁腳文件 PAGEREF _Toc142037623 h - 20 -5、首頁其它部件的設(shè)計 PAGEREF _Toc142037624 h - 21 -（1）、內(nèi)

2、容編輯器web部件的布局和格式屬性修改的做法 PAGEREF _Toc142037625 h - 21 -（2）、取靜態(tài)內(nèi)容（帶宏替換功能）的修改。eg：搜索。 PAGEREF _Toc142037626 h - 25 -（3）、個人工作助理的做法。 PAGEREF _Toc142037627 h - 27 -6、首頁新聞設(shè)計 PAGEREF _Toc142037628 h - 28 -（1）、創(chuàng)建CMS文件夾 PAGEREF _Toc142037629 h - 28 -（2）、在CMS文件夾中新建文檔 PAGEREF _Toc142037630 h - 28 -在CMS文件夾點擊新建文檔 P

3、AGEREF _Toc142037631 h - 29 -（3）、CMS的引用 PAGEREF _Toc142037632 h - 29 -三、二級頁面（靜態(tài)頁面和欄目樹） PAGEREF _Toc142037633 h - 31 -1、創(chuàng)建靜態(tài)頁面文檔庫。 PAGEREF _Toc142037634 h - 31 -2、創(chuàng)建一個web部件頁面 PAGEREF _Toc142037635 h - 34 -3、編輯新生成的web部件頁 PAGEREF _Toc142037636 h - 35 -4、在css文件中添加bmgk風(fēng)格 PAGEREF _Toc142037637 h - 40 -5、鋪

4、設(shè)靜態(tài)頁面左側(cè)底圖 PAGEREF _Toc142037638 h - 42 -6、將“公司概況”的靜態(tài)頁面與首頁掛接 PAGEREF _Toc142037639 h - 42 -四、二級頁面（文檔庫） PAGEREF _Toc142037640 h - 44 -1、創(chuàng)建網(wǎng)站和工作區(qū) PAGEREF _Toc142037641 h - 44 -2、創(chuàng)建文檔庫 PAGEREF _Toc142037642 h - 46 -3、在css文件中加入文檔庫風(fēng)格修飾代碼 PAGEREF _Toc142037643 h - 48 -五、CMS PAGEREF _Toc142037644 h - 52 -1、

5、CMS頻道的創(chuàng)建和公布 PAGEREF _Toc142037645 h - 52 -（1）、創(chuàng)建頻道 PAGEREF _Toc142037646 h - 52 -（2）、公布頻道 PAGEREF _Toc142037647 h - 55 -2、首頁新聞與CMS的掛接 PAGEREF _Toc142037648 h - 58 -3、修改新聞頻道細(xì)覽頁的頁眉頁腳 PAGEREF _Toc142037649 h - 60 -（1）、創(chuàng)建新聞頻道頁眉 PAGEREF _Toc142037650 h - 60 -（2）、創(chuàng)建新聞頻道頁腳 PAGEREF _Toc142037651 h - 62 -4、新

6、聞頻道概覽頁 PAGEREF _Toc142037652 h - 64 -（1）、創(chuàng)建web部件頁 PAGEREF _Toc142037653 h - 64 -（2）、修改更多的鏈接 PAGEREF _Toc142037654 h - 64 -(3)、修改概覽頁樣式 PAGEREF _Toc142037655 h - 64 -六、細(xì)化首頁 PAGEREF _Toc142037656 h - 65 -1、關(guān)心信息 PAGEREF _Toc142037657 h - 65 -（1）、上傳圖片和文件 PAGEREF _Toc142037658 h - 65 -（2）、修改頁腳關(guān)心信息的鏈接 PAGE

7、REF _Toc142037659 h - 65 -2、聯(lián)系我們 PAGEREF _Toc142037660 h - 65 -3、網(wǎng)站地圖 PAGEREF _Toc142037661 h - 66 -4、開啟網(wǎng)站匿名 PAGEREF _Toc142037662 h - 66 -七、美化首頁 PAGEREF _Toc142037663 h - 67 -1、首頁添加“文檔和列表”和“網(wǎng)站設(shè)置” PAGEREF _Toc142037664 h - 67 -（1）、創(chuàng)建purview文檔庫，在該目錄下上載“權(quán)限.htm”。 PAGEREF _Toc142037665 h - 67 -（2）、在首頁中添

8、加“取靜態(tài)內(nèi)容（帶宏替換功能）”的web部件。 PAGEREF _Toc142037666 h - 67 -（3）、更改purview文檔庫權(quán)限 PAGEREF _Toc142037667 h - 67 -2、將頂部功能條隱藏，增加浮動登錄按鈕 PAGEREF _Toc142037668 h - 67 -（1）、將登錄按鈕圖片denglu.gif上傳至EX_STATICPAGES_文檔庫的_EX_RESOURCE_目錄下 PAGEREF _Toc142037669 h - 67 -（2）、修改css文件 PAGEREF _Toc142037670 h - 67 -八、附件 PAGEREF _T

9、oc142037671 h - 68 -1、隱藏工具欄相關(guān)CSS代碼 PAGEREF _Toc142037672 h - 68 -（1）、WSS網(wǎng)站工具欄 PAGEREF _Toc142037673 h - 68 -（2）、SPS網(wǎng)站工具欄 PAGEREF _Toc142037674 h - 69 -2、創(chuàng)建滾動新聞 PAGEREF _Toc142037675 h - 69 -（1）、橫向滾動 PAGEREF _Toc142037676 h - 69 -（2）、縱向滾動 PAGEREF _Toc142037677 h - 70 -3、彈出菜單的操作步驟 PAGEREF _Toc14203767

10、8 h - 72 -4、創(chuàng)建日程安排 PAGEREF _Toc142037679 h - 74 -5、創(chuàng)建任務(wù)督辦 PAGEREF _Toc142037680 h - 74 -6、意見箱 PAGEREF _Toc142037681 h - 74 -7、辦公用品治理 PAGEREF _Toc142037682 h - 75 -一、創(chuàng)建站點與SPS在同一服務(wù)器場的頂級站點創(chuàng)建用掃瞄器打開SPS門戶，點擊頁面右上角的“登錄”，在彈出的對話框中輸入用戶名和密碼，即可登錄到門戶。密碼域 郵件帳號密碼域 郵件帳號點擊功能條上面的“ HYPERLINK 1:8001/SiteDirectory/Lists/

11、List/Summary.aspx 網(wǎng)站”，進(jìn)入下一頁面后點擊頁面左下側(cè)的“創(chuàng)建網(wǎng)站”，如圖所示輸入標(biāo)題(能夠是中文)和URL(最好用英文，以方便訪問)，及電子郵件地址，點擊創(chuàng)建按鈕。如下圖進(jìn)入如下圖頁面后點擊確定按鈕，進(jìn)入下一步選擇網(wǎng)站模板頁面。在此頁面下模板選擇“空白網(wǎng)站（帶頁眉頁腳）”，如下圖所示。 選好后點確定按鈕，即可。創(chuàng)建好的WSS門戶首頁如下圖所示注意：新建門戶的首頁會自動繼承父門戶的頁眉和頁腳二、頁面的設(shè)計點擊主頁右上角“修改共享網(wǎng)頁” “添加Web部件” “掃瞄” 依照部件的性質(zhì)，將“Web部件列表”中的“內(nèi)容編輯器”和“取靜態(tài)內(nèi)容（帶宏替換功能）”拖入頁面所需的位置中（拖動

12、的方式為在待選部件上，按住鼠標(biāo)左鍵移動，到指定位置后釋放鼠標(biāo)左鍵即可）。1、創(chuàng)建文檔庫點擊主頁左上角的“文檔和列表”進(jìn)入創(chuàng)建文檔庫頁面，如圖所示，然后點擊“創(chuàng)建”點開新建文件夾創(chuàng)建一個保存圖片及資源文件的文件夾：_EX_RESOURCE_（文件名大小寫均可）點擊“保存并關(guān)閉”，返回到上級目錄。打開建好的“_EX_RESOURCE_”文件夾，點擊上載文檔。2、創(chuàng)建頁眉文件在“EX_STATICPAGES_”文檔庫下，點擊新建文檔，這時系統(tǒng)會進(jìn)入MicrosoftFrontPage的編輯頁面。從coding文件中，選擇頁眉及導(dǎo)航條所在的TABLE（有時可能包含多個TABLE）。將其代碼有選擇地拷貝

13、到新建的文件（eg：new_page_1.htm）中，img的路徑替換為“_EX_RESOURCE_/”，并將導(dǎo)航條中首頁的鏈接更改為：首頁（備注：導(dǎo)航條中不要寫絕對地址）,同時添加如下代碼：(其中標(biāo)紅處是門戶名稱，eg：daqing)。使頁面寬度設(shè)定為760，居中顯示，同時在頁面的web部件之間不顯示縫隙，加入以下代碼：document.title=網(wǎng)站標(biāo)題;function AutoFitFrame() try node=event.srcElement;if(node.contentWindow.document.body.innerHTML !=)node.style.height=n

14、ode.contentWindow.document.body.scrollHeight;node.style.width=node.contentWindow.document.body.scrollWidth; catch(ex) var ptables ptables= document.getElementsByTagName(TABLE)if(ptables.length 0) ptables(0).className=ms-mainwindow.attachEvent(onload,flfoaterDiv);window.attachEvent(onload,initFloater

15、Export);window.attachEvent(onscroll,flfoaterDiv);window.attachEvent(onresize,flfoaterDiv);function initFloaterExport()try document.getElementById(diidIOExportToSpreadsheet).className=diidIOExport;catch(ex)try document.all(floaterSettingsDiv).style.display=inline; catch(ex)function flfoaterDiv()try d

16、ocument.all(floaterSettingsDiv).style.left=document.body.clientWidth-110; document.all(floaterSettingsDiv).style.top=document.body.scrollTop;catch(ex)替換日期代碼：document.write(new Date().getYear()+年+(new Date().getMonth()+1)+月+new Date().getDate()+日) 星期Select Case weekday(Date) Case 1 document.write 日 C

17、ase 2 document.write 一 Case 3 document.write 二 Case 4 document.write 三 Case 5 document.write 四 Case 6 document.write 五 Case 7 document.write 六end select選擇保存文件，文件名輸入為“head.htm”。選擇保存文件，文件名輸入為“head.htm”。3、修改css文件建好頁眉文件后，回到“_EX_RESOURCE_”文件夾下，打開css文件，添加下面代碼：.ms-main width:760;background-color:#ffffff;bo

18、dy text-align :center;.ZoneSpacinghorizontal display:none.ms-PartSpacingVertical display:none4、創(chuàng)建頁腳文件與創(chuàng)建頁眉（head.htm）的建立順序和方法相同，在“EX_STATICPAGES_”目錄下，創(chuàng)建一個新文件，將此文件名保存為“foot.htm”，將coding的代碼有選擇的拷貝進(jìn)文件即可?；氐街黜?，就能夠看到顯示有頭腳的主頁面。5、首頁其它部件的設(shè)計（1）、內(nèi)容編輯器web部件的布局和格式屬性修改的做法修改web部件的布局和格式的操作方式有2種。方法一 從頁面的右上角“修改共享網(wǎng)頁”“修改

19、共享web部件”“選擇待須改的部件（eg：內(nèi)容編輯器web部件1）”方法二 直接從“修改web部件”進(jìn)入，eg：內(nèi)容編輯器web部件1通過以上方法能夠進(jìn)入到以下界面，其中界面右邊即為待改部件的工具窗格。點開界面右邊的“源編輯器”，彈出一個網(wǎng)頁對話框。 從coding文件中選擇該部件所對應(yīng)的代碼拷貝至網(wǎng)頁對話框中注意：將每部分代碼拷入源編輯中時，將原有文件中所有的“img/”路徑替換為“EX_STATICPAGES_/_EX_RESOURCE_”的路徑，然后“保存”。點開右邊工具欄的“外觀”，修改“標(biāo)題”中的名稱，如“公司概況”、“交流與寫作”、“網(wǎng)上辦公”等。在框架樣式中選“無”。然后“應(yīng)用”

20、“確定”。（2）、取靜態(tài)內(nèi)容（帶宏替換功能）的修改。eg：搜索。點開“取靜態(tài)內(nèi)容（帶宏替換功能）”的下拉箭頭，選“修改共享web部件”。在右面工具框的自定義屬性下，文件路徑中輸入“_EX_EXCHANGESITE_/EX_STATICPAGES_/search.htm”在外觀下標(biāo)題中輸入“搜索” 框架樣式中選“無”。然后“應(yīng)用”“確定”。創(chuàng)建搜索文件與創(chuàng)建頁眉（head.htm）的建立順序和方法相同，在“EX_STATICPAGES_”目錄下，創(chuàng)建一個新文件，將此文件保存為“search.htm”，并將“search”的圖片上傳至“_EX_RESOURCE_”下,將下面代碼拷貝進(jìn)文件中即可。

21、部門集團(tuán) function DoscopeSearch()var scope= document.all(SearchScopeSel).valueif(document.all(idSearchString).value=) alert(請輸入關(guān)鍵字); return; if(scope=0)location=(/search.aspx?k=+document.all(idSearchString).value);elseSubmitSearchRedirect(_layouts/2052/searchresults.aspx)（3）、個人工作助理的做法。個人郵件：鏈接到：“http：/pc

22、”(彈出新窗口)個人訂閱：鏈接到：“_layouts/2052/MySubs.aspx”日程安排：在本站點下建立一個事件列表，鏈接到該列表地 址 簿：在本站點下建立一個聯(lián)系人列表，鏈接到該列表協(xié)同工作：在本站點下建立一個任務(wù)列表，鏈接到該列表個人查詢：在本站點下一個web部件頁，應(yīng)該彈出新窗口辦公自動化：目前依照各單位自己情況鏈接，應(yīng)該彈出新窗口6、首頁新聞設(shè)計（1）、創(chuàng)建CMS文件夾進(jìn)入“EX_STATICPAGES_”文檔庫，點新建文件夾在“名稱”框中輸入“CMS”，然后選擇“保存并關(guān)閉”。（2）、在CMS文件夾中新建文檔在CMS文件夾點擊新建文檔，彈出Microsoft Office F

23、rontPage頁面，在該頁將coding的代碼進(jìn)行拷貝編輯，注意，img的路徑替換為：“_EX_RESOURCE_/”，將此文件保存為后綴為.htm的形式。eg：通知公告可存為tzgg.htm或通知公告.htm。（3）、CMS的引用點擊“取靜態(tài)內(nèi)容（帶宏替換功能的）”下拉箭頭，選“修改共享web部件”，展開自定義屬性。文件路徑中輸入：“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/.htm”外觀的標(biāo)題中輸入名稱，框架樣式中選“無”。然后“應(yīng)用”“確定”。頁面如下顯示：三、二級頁面（靜態(tài)頁面和欄目樹）1、創(chuàng)建靜態(tài)頁面文檔庫。（1）、創(chuàng)建以二級欄目命名的文檔庫，e

24、g：“公司概況”，文檔模板選“Microsoft Office FrongtPage網(wǎng)頁”。（2）、添加擴(kuò)展屬性點開當(dāng)前文檔下左欄最下面的“修改設(shè)置和欄”，選“添加新欄”。在欄名處輸入“深度”，信息類型選“數(shù)字(1, 1.0, 100)”，要求此欄包含信息選“是”。然后“確定”。點擊“返回欄目名稱”，eg本例“返回公司概況”。添加新欄目后的界面如下。（3）、在該文檔庫下創(chuàng)建所屬的所有靜態(tài)頁面。（4）、設(shè)置樹形結(jié)構(gòu)規(guī)劃要展示的欄目樹，并對樹中的每個節(jié)點表示其深度。那個地點約定欄目樹的結(jié)構(gòu)深度從0開始。深度編號0123生產(chǎn)周報總部機(jī)關(guān)進(jìn)展研究部政治思想工作部規(guī)劃研究部直屬企事業(yè)油氣田企業(yè)大慶石油治

25、理局深度的編碼將能操縱樹的顯示層次，樹中同一層次結(jié)點的顯示順序?qū)⒂闪斜碇械捻樞蚓幋a來操縱。依照上表將深度值賦給列表中的靜態(tài)頁面。（能夠手動修改各個頁面的順序，順序號間隔缺省為100）2、創(chuàng)建一個web部件頁面 （1）、創(chuàng)建pages文檔庫文檔庫的名稱命名為“pages”，在文檔模板處選“web部件頁”，然后創(chuàng)建。進(jìn)入以下界面（2）、在該pages庫下選“新建文檔在該pages庫下選“新建文檔”，在下一頁面中輸入二級欄目名稱， eg：公司概況，布局模板默認(rèn)“頁眉，頁腳，左欄，正文”。然后“創(chuàng)建”。3、編輯新生成的web部件頁（1）、將右邊工具欄中的“站點、庫、列表顯示”拖到頁面的“左欄”中，點開

26、“站點、庫、列表顯示”欄右邊的下拉箭頭，選“修改共享web部件”。（2）、點開右邊工具欄中的“內(nèi)容設(shè)置”在框中按以下對比填寫。名稱 填寫值列舉列表內(nèi)容 *風(fēng)格定義bmgk指定列表名稱列表類型選擇是否是顯示出錯信息 FALSE目標(biāo)地址，多目標(biāo)時用“;”分割_EX_THISSITE_#二級欄目名稱（eg：公司概況）Xsl文件地址_EX_ROOTSITE_/_layouts/2052/eip/nav_tree.xsl 或_EX_ROOTSITE_/_layouts/2052/eip/Doc_list.xsl最大深度 -1Xsl內(nèi)容然后“應(yīng)用”“確定”。（3）、將“顯示內(nèi)容”拖入到“中間”欄中點開右邊

27、的“修改共享網(wǎng)頁”，選“添加web部件”“導(dǎo)入”，進(jìn)入下一頁面，點擊“掃瞄”，將“顯示內(nèi)容.dwp”文件導(dǎo)入，然后“上載”，出現(xiàn)已上載的web部件下的“顯示內(nèi)容”，將“顯示內(nèi)容”拖入正文中在“顯示內(nèi)容”的下拉箭頭點擊 點開“修改共享Web部件” 在“顯示內(nèi)容”下點開“外觀” 在框架樣式中的下拉菜單中選“無” 應(yīng)用 確定 進(jìn)入下列頁面。下面是在“XSL”文件地址中，1、用“_EX_ROOTSITE_/_Layouts/2052/eip/Doc_list.xsl”顯示欄目樹的例子：2、用“_EX_ROOTSITE_/_Layouts/2052/eip/nav_tree.xsl” 顯示欄目樹的例子：

28、4、在css文件中添加bmgk風(fēng)格在“_EX_RESOURCE_”目錄下打開css文件，將下列定義加入文件中：/* Trees CSS */*欄目樹的頂部*/.gsgkDocMgtTreeViewHead background-image: url(qygk.jpg); background-repeat: no-repeat;width: 160px;height: 185px;.gsgkDocMgtTreeViewBody background-image: url(erji_05.jpg);background-repeat: repeat-y;width: 160px;height:

29、20px;/*定義Level縮進(jìn)*/.gsgkmvIndent background-image: url(cy_j_04.gif);background-repeat: no-repeat;background-position: right;padding-left:56px;td.gsgkTreeViewMainNode font-family: 宋體;font-size: 12px;color: #000000;text-decoration: none;letter-spacing: 1px; height:12px;cursor: hand;text-align:left;padd

30、ing-top:10px;padding-left:2px;/*欄目鏈接的樣式*/A.gsgkTreeViewMainNode font-family: 宋體;font-size: 12px;color: #000000;text-decoration: none;letter-spacing: 1px; height:10px;cursor: hand;/*欄目樹的底部*/.gsgkDocMgtTreeViewBottom background-image: url(erji_05.jpg);background-repeat: repeat-y;/*隱藏中間工具欄*/.smartpaget

31、itledisplay:none請將紅色注釋部分刪除參見：中國石油企業(yè)信息門戶技術(shù)規(guī)范(V1.4)第三章第五節(jié)Doc_List和NAV_TREE風(fēng)格定義5、鋪設(shè)靜態(tài)頁面左側(cè)底圖點擊頁面右上角的“修改共享頁面”設(shè)計此頁點擊顯示內(nèi)容WEB部件的下拉箭頭，點擊“修改共享WEB部件”如圖在頁面的右側(cè)出現(xiàn)顯示內(nèi)容的屬性，點擊“源編輯器”，出現(xiàn)顯示內(nèi)容WEB部件的代碼。在代碼的下面添加鋪底圖的樣式代碼#MSO_ContentTablebackground-image:url(./EX_STATICPAGES_/_EX_RESOURCE_/erji_05.jpg);padding-left:0px;back

32、ground-repeat:repeat-y;height:100%6、將“公司概況”的靜態(tài)頁面與首頁掛接（1）、點擊文檔庫與列表，點文檔庫中的“pages”，進(jìn)入pages頁面點開“公司概況”，將此頁面的URL地址后加“?main=企業(yè)簡介.htm ” 然后將“1/sites/XXXX/pages/gsgk.aspx?main=企業(yè)簡介.htm” 拷貝，用UTF-8編碼器.htm編譯器進(jìn)行編譯。把編譯過的地址Pages以后的內(nèi)容重拷貝?；氐街黜?，點擊右上角的“修改共享網(wǎng)頁”“修改共享web部件”“公司概況”，進(jìn)入下一頁面，（1）點開“源編輯器”將上一步編譯過的地址Pages以后的內(nèi)容拷貝到其

33、對應(yīng)的鏈接處，然后保存應(yīng)用確定。四、二級頁面（文檔庫）二級欄目是文檔庫的創(chuàng)建方法。Eg：黨群工作。1、創(chuàng)建網(wǎng)站和工作區(qū)點擊主頁左上角的“創(chuàng)建”, 進(jìn)入創(chuàng)建頁面后再點擊最下方的“創(chuàng)建網(wǎng)站和工作區(qū)”在標(biāo)題處輸入欄目名稱，URL名稱處輸入該欄目拼音簡寫即可。點擊“創(chuàng)建”進(jìn)入下一頁面。模板選“空白網(wǎng)站（帶頁眉、頁腳）”，然后“確定”。能夠看到已建好的黨群工作的子站點。2、創(chuàng)建文檔庫點擊功能條中的“文檔和列表”，即可進(jìn)行文檔庫的創(chuàng)建。在名稱處輸入該欄目下子欄目的名稱，文檔模板選默認(rèn)的“Microsoft Office Word 文檔”。建好后的文檔庫如下：3、在css文件中加入文檔庫風(fēng)格修飾代碼Td.L

34、istLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(邊框)ListLeftPanelBorderTD.ms-selectednavTd.ListLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(邊框)ListLeftPanelBorderTD.ms-selectednav用FrontPage打開Css文件，在文件中加入如下代碼，請依照上圖對應(yīng)部分的名稱修改相應(yīng)的風(fēng)格。TD.ms-unselectednav border:0px solid #E1ECFC;padd

35、ing-top:1px;padding-bottom:2px;.ms-navlinedisplay:none;.ListLeftPanelBorderborder-color:#0F86DA;.ListLeftPanelLine background-color:#003399;.ListLeftPanelBorderLine background-color:#8fdaff;#listtitleareadisplay:none;.ms-searchcornerdisplay:none;#doclibleftsearchdisplay:inline!important;#idSearchStr

36、ingwidth:110;.ListLeftTree_partfont-size:12px;text-align:left;width:100%;a.ListLeftTree_row:visitedcolor:#003399;font-size:12px;a.ListLeftTree_rowcolor:#003399;font-size:12px;a.ListLeftTree_row:link color:#003399; font-size:12px;a#onetidViewSelector color:#003399;font-size:12px;a#diidPinToMyPage col

37、or:#003399;font-size:12px;a#diidSubscribeButtoncolor:#003399;font-size:12px;a#diidCustomizeButtoncolor:#003399;font-size:12px;a#diidSlideShowButtoncolor:#003399;font-size:12px;a#diidFolderListButton color:#003399;font-size:12px;#td.ListLeftTree_rowbackground-position: left;background-image: url(012.

38、jpg);BACKGROUND-REPEAT:x-repeat;padding-left:9px;height:18px;.ms-descriptiontextdisplay:none;.ms-navframebackground-color: #E3F3FF; .mstitle BACKGROUND-IMAGE: url(012.jpg); BACKGROUND-REPEAT: x-repeat; background-position: center; text-align :center; vertical-align:text-bottom; font-family: 宋體; font

39、-size: 13px; font-weight :bold; height:18px; color: #071685;#L_SearchViewFont text-align :left; font-family: 宋體; font-size: 14px; font-weight :bold; color: #009ace; #searchbackground-color:#E3F3FF;.ms-searchformbackground-color:#E3F3FF;#docliblefttitledisplay:inline!important;color:#003399; font-siz

40、e: 13px;TD.ListLeftTree_head BACKGROUND-IMAGE: url(home_07.jpg); BACKGROUND-REPEAT: x-repeat; text-align :left; font-family: 宋體; font-size: 13px; font-weight :bold; color:#ffffff; text-align:center; letter-spacing:1px; width:150px; height:28pxTD#L_SelectView text-align :left; vertical-align:bottom;

41、height:19px; font-weight :bold; color: #009ace; font-size: 13px;#L_RelatedTasks text-align :left; vertical-align:bottom; height:19px; font-size: 13px; font-weight :bold; color: #009ace; TD.ms-selectednavborder:0px solid #003399;background:#FDFAD5;padding-top:1px;padding-bottom:2px;td.ListLeftTree_bo

42、dy background-image: url(home_10.jpg); background-repeat:no-repeat; width:150px; height:118px; text-align:center;.ListLeftTree_partwidth:149px五、CMS1、CMS頻道的創(chuàng)建和公布（1）、創(chuàng)建頻道打開Site Manager 登錄，進(jìn)入登錄界面CMS服務(wù)器地址為：1服務(wù)器端口號CMS服務(wù)器地址為：1服務(wù)器端口號登錄的域登錄的域郵件帳號口令輸入正確后，進(jìn)入治理界面，如下圖所示找到本單位的頻道 ，例如： 培訓(xùn)站點，鼠標(biāo)右鍵單擊，彈出菜單選擇NEW Channe

43、l ，如圖所示在Name中填入頻道的名稱，點擊OK按鈕即可。選擇Tools頻道，選中右邊的兩個頁面文件：defaut和summary，擊鼠標(biāo)右鍵后選“Copy”,再選中剛建立的新頻道，點擊鼠標(biāo)右鍵后選擇”Paste”注意：Locking Owner列假如不是everyone 則 該頻道還未公布，如下圖所示。（2）、公布頻道打開掃瞄器，在地址欄輸入 HYPERLINK http:/cms http:/tools/) 注意前面的 HYPERLINK http:/cms 是CMS服務(wù)器所在的IP，那個地點我們輸入HYPERLINK 1/tools/1/tools/，點擊頁面左下角的“編輯”，進(jìn)入編輯

44、模式，輸入用戶名和口令后進(jìn)入編輯模式。（注意：公布時登錄的帳號要與創(chuàng)建頻道的帳號一致，否則看不到要公布的頁面） 形式：域郵件帳號形式：域郵件帳號點擊編輯模式，進(jìn)入下一頁面，點擊左下角的“制作治理”，進(jìn)入制作治理頁面，如下圖所示。點擊上圖中的轉(zhuǎn)到，進(jìn)入下一頁面，點擊“批準(zhǔn)”之后再點擊“制作治理”，然后點擊“批準(zhǔn)”，將文件都公布完畢?，F(xiàn)在在Site Manager中刷新此頻道，在此頻道下的default.htm和summary.htm的locking Owner應(yīng)該為everyone。2、首頁新聞與CMS的掛接在掃瞄器中打開門戶，點擊功能條中的“文檔和列表”，打開EX_STATICPAGES_文檔

45、庫，然后打開CMS文件夾，鼠標(biāo)指向tzgg.htm，點擊下拉箭頭，在彈出菜單中點擊“在 Microsoft Office Frontpage 中編輯” 打開文件后，將頁面中的示例新聞刪除，如圖所示然后加入以下代碼：如隱藏編輯模式 &hiddenedit=1隱藏更多 &noshowmore=true顯示最大記錄數(shù) &MaxRecords=6顯示標(biāo)題字符數(shù) &MaxWords=30顯示日期 &showdate=true標(biāo)題前面圖標(biāo) &HeadImgUrl=sitesXXXXEX_STATICPAGES_ex_resource_007.gif3、修改新聞頻道細(xì)覽頁的頁眉頁腳（1）、創(chuàng)建新聞頻道頁眉用

46、FrontPage打開美工Coding好的新聞細(xì)覽頁面選擇頁眉所在的部分的代碼，拷貝下來。啟動Site Manager,登錄后選中本單位所在的頻道，單擊鼠標(biāo)右鍵，在彈出菜單中點擊“Properties”在Properties頁面中點擊右上側(cè)“Custom”進(jìn)入下一頁面，點擊左下角的“New”按鈕，彈出新建頁面，在此頁面中填寫如下：Property Name中填入 ChannelHeadProperty Type選擇 TEXTCurrent Text Value中輸入剛才拷貝的代碼（注意：請將圖片所在路徑更改正確），再將一下定義細(xì)覽頁風(fēng)格的代碼拷貝到最上面，代碼如下：.table font-fa

47、mily: 宋體;font-size: 12px;color: #000000;.cmstext font-family: 宋體;font-size: 12px;line-height: 160%;.cmstitle font-family: 宋體;font-size: 14px;line-height: 160%;font-weight: bold;.ms-mainwidth:660;.ms-contentbackground-image: url(/sites/XXXX/EX_STATICPAGES_/_EX_RESOURCE_/xl_cms_02.gif ); .ms-contentLe

48、ftwidth=50.ms-contentRightwidth=50.yejiaofont-family: 宋體;font-size: 12px;color: #ffffff;a.yejiao:link font-family: 宋體;font-size: 12px;color: #ffffff;text-decoration: none;a.yejiao:visited font-family: 宋體;font-size: 12px;color: #ffffff;text-decoration: none;a.yejiao:hover font-family: 宋體;font-size: 1

49、2px;color:# ffffff;text-decoration: underline; 將XXXX替換為相應(yīng)站點名稱CMSTEXT 定義正文的字體風(fēng)格CMSTITLE 定義標(biāo)題字體風(fēng)格MS-Content 定義正文區(qū)域背景的圖片a.Yejiao 定義頁腳三個鏈接的樣式Y(jié)ejiao 定義版權(quán)信息字體樣式注意圖片的地址和鏈接的樣式要依照美工提供的作修改。輸入好代碼之后點“OK”鍵（2）、創(chuàng)建新聞頻道頁腳 同理FrontPage中選中頁腳，將代碼拷貝下來，并更改圖片所在路徑。返回Site Manager，在Custom中點擊左下角按鈕“New”，彈出新建頁面，在此頁面中填寫如下：Propert

50、y Name中填入 ChannelHFootProperty Type選擇 TEXTCurrent Text Value中輸入剛才拷貝的代碼，如下圖所示， 然后點“OK”鍵4、新聞頻道概覽頁（1）、創(chuàng)建web部件頁點擊“文檔庫和列表”，進(jìn)入EX_STATICPAGES_文檔庫后，點擊“上載文檔”按鈕將embed.htm文件上載到此文檔庫中，然后進(jìn)入Pages文檔庫后點擊“新建文檔”按鈕，在名稱中輸入：embed。模板選擇：整頁垂直。然后點擊“創(chuàng)建”按鈕。如圖所示在新建的頁面中添加一個“取靜態(tài)內(nèi)容（帶宏替換功能）”的web部件，拖到頁面中間，然后點擊此web部件，修改共享web部件在自定義屬性處

51、添加： _EX_EXCHANGESITE_/EX_STATICPAGES_/embed.htm 。在外觀處 將框架樣式選擇為“無”。然后點擊應(yīng)用確定 。（2）、修改更多的鏈接 將pagelist.css上載到EX_STATICPAGES_文檔庫的cms目錄下 用FrontPage打開網(wǎng)站，到EX_STATICPAGES_文檔庫的CMS目錄下雙擊打開tzgg.htm文件。修改更多所在的鏈接，將其改為href=_EX_THISSITE_/Pages/embed.aspx?url=_EX_CMSSERVER_/油氣田企業(yè)/大慶石油治理局/XXXX/XXXX /default.htm?MaxWords

52、=36&showContentonly=true&noShowMore=1&NewPostingDelayDay=3&showDate=true&HeadImgUrl=sitesXXXXEX_STATICPAGES_ex_resource_007.gif &cssfile=sitesXXXXEX_STATICPAGES_cmspagelist.css(3)、修改概覽頁樣式用FrontPage打開EX_STATICPAGES_文檔庫的CMS目錄下的Pagelist.css文件。更改圖片及其路徑table.ms-Titlems-TitleRighttd.theTitlems-TitleLeftta

53、ble.ms-Titlems-TitleRighttd.theTitlems-TitleLeftms-contentLeftms-contentLeft六、細(xì)化首頁1、關(guān)心信息（1）、上傳圖片和文件將關(guān)心信息頁面bzxx.htm上傳至EX_STATICPAGES_文檔庫下，將三個圖片文件上傳至_EX_RESOURCE_目錄下（2）、修改頁腳關(guān)心信息的鏈接用FrontPage打開Foot.htm文件，修改關(guān)心信息的鏈接為_EX_EXCHANGESITE_/EX_STATICPAGES_/bzxx.htm。2、聯(lián)系我們（1）、點擊功能條的“文檔和列表”，進(jìn)入Pages文檔庫，點擊“新建文檔”按鈕，

54、進(jìn)入下一頁面，在名稱中輸入：lxwm ，布局模板選擇：整頁，垂直，然后點擊“創(chuàng)建”按鈕。進(jìn)入下一頁面后，將一個“內(nèi)容編輯器WEB部件”拖入頁面中，然后修改共享web部件，打開“源編輯器”，將聯(lián)系我們的示范代碼拷貝粘貼到其中，（內(nèi)容能夠自行修改），然后點擊應(yīng)用確定。(2)、用FrontPage打開Foot.htm文件，修改聯(lián)系我們的鏈接為_EX_EXCHANGESITE_/Pages/lxwm.aspx。3、網(wǎng)站地圖點擊功能條的“文檔和列表”，進(jìn)入Pages文檔庫，點擊“新建文檔”按鈕，進(jìn)入下一頁面，在名稱中輸入：mhdt ，布局模板選擇：整頁，垂直，然后點擊“創(chuàng)建”按鈕。進(jìn)入下一頁面后，將一個

55、“內(nèi)容編輯器WEB部件”拖入頁面中，然后修改共享web部件，打開“源編輯器”。用FrontPage將美工Coding好的門戶地圖頁面打開，選擇除去頁眉頁腳部分所有的代碼，拷貝下來，然后拷貝粘貼到原編碼器中，（內(nèi)容要自行修改），然后點擊應(yīng)用確定。用FrontPage打開Foot.htm文件，修改門戶地圖的鏈接為_EX_EXCHANGESITE_/Pages/mhdt.aspx。4、開啟網(wǎng)站匿名點擊功能條的“網(wǎng)站設(shè)置”，然后點擊“轉(zhuǎn)到網(wǎng)站治理”進(jìn)入網(wǎng)站治理頁面后，點擊更改匿名訪問，在匿名用戶能夠訪問項目，選擇“整個網(wǎng)站”然后點擊確定按鈕。如圖所示注意：假如那個選項為灰色不可選，請將地址欄中的ip及

56、端口號換成域名，例如：1/sites/pxcs/ 要轉(zhuǎn)換成 pc/sites/pxcs七、美化首頁1、首頁添加“文檔和列表”和“網(wǎng)站設(shè)置”（1）、創(chuàng)建 HYPERLINK pc/sites/red/purview/Forms/AllItems.aspx purview文檔庫，在該目錄下上載“權(quán)限.htm”。（2）、在首頁中添加“取靜態(tài)內(nèi)容（帶宏替換功能）”的web部件。修改共享web部件，在自定義屬性中加入“_EX_EXCHANGESITE_/purview/權(quán)限.htm”（3）、更改 HYPERLINK pc/sites/red/purview/Forms/AllItems.aspx pur

57、view文檔庫權(quán)限點“文檔庫和列表”進(jìn)入 HYPERLINK pc/sites/red/purview/Forms/AllItems.aspx purview文檔庫點頁面左下方“修改和設(shè)置欄”“更改此文檔庫的權(quán)限”，刪除所有用戶，只留下網(wǎng)站設(shè)計者；更改匿名訪問設(shè)置，將匿名用戶能夠“查看項目”去掉。2、將頂部功能條隱藏，增加浮動登錄按鈕（1）、將登錄按鈕圖片denglu.gif上傳至EX_STATICPAGES_文檔庫的_EX_RESOURCE_目錄下（2）、修改css文件用FrontPage打開css文件，在其中加入下面代碼/*隱藏頂部工具欄*/.ms-bannerframe display:

58、none;.floaterSettingsDIV display:inline; LEFT: 890px; POSITION: absolute; TOP: 3px; VISIBILITY: visible; Z-INDEX: 100;.floaterSettingsTable.floaterSettingsTD font-family: 宋體;font-size: 12px;color: #990099;.UserButton height:24px;width:106px;background-color: white;border-style: none;background-image

59、: url(denglu.gif); .floaterSettingsAuthTD.smartpagetitledisplay:none參見：中國石油企業(yè)信息門戶技術(shù)規(guī)范(V1.4)第四章第三節(jié)4.3Css.css范本八、附件1、隱藏工具欄相關(guān)CSS代碼（1）、WSS網(wǎng)站工具欄/*隱藏WSS二級頁面概覽頁頂部工具欄*/.ms-bannerframe display:none;/*隱藏WSS二級頁面概覽頁中間工具欄*/.smartpagetitledisplay:none（2）、SPS網(wǎng)站工具欄/*隱藏SPS二級頁面概覽頁左側(cè)工具欄*/#webpartpagenavbar display:non

60、e;/*隱藏SPS二級頁面概覽頁頂部工具欄*/#ms-phnav1wrapperdisplay:none;/*隱藏SPS二級頁面概覽頁中間工具欄*/#ms-titleareaframedisplay:none;/*隱藏SPS二級頁面概覽頁頂部工具欄*/#ms-bannerframe display:none;2、創(chuàng)建滾動新聞（1）、橫向滾動1、在要建成滾動新聞頻道default.htm頁面中點擊創(chuàng)建新頁面,在模板中選擇”工具模板”一行摘要保存新頁面將頁面存為summary.htm（若不存為summary則在調(diào)用頁面時調(diào)用相應(yīng)文件名，若頻道中差不多存在summary模板則要先刪除原summary