企業(yè)信息門戶快速搭建手冊

公司信息門戶快速搭建手冊TOC\o"1-3"\u一、創(chuàng)建站點(diǎn) -3-二、頁面的設(shè)計(jì) -6-1、創(chuàng)建文檔庫 -8-2、創(chuàng)建頁眉文獻(xiàn) -16-3、修改css文獻(xiàn) -20-4、創(chuàng)建頁腳文獻(xiàn) -20-5、首頁其它部件的設(shè)計(jì) -21-（1）、內(nèi)容編輯器web部件的布局和格式屬性修改的做法 -21-（2）、取靜態(tài)內(nèi)容（帶宏替換功能）的修改。eg：搜索。 -25-（3）、個(gè)人工作助理的做法。 -27-6、首頁新聞設(shè)計(jì) -28-（1）、創(chuàng)建CMS文獻(xiàn)夾 -28-（2）、在CMS文獻(xiàn)夾中新建文檔 -28-在CMS文獻(xiàn)夾點(diǎn)擊新建文檔 -29-（3）、CMS的引用 -29-三、二級頁面（靜態(tài)頁面和欄目樹） -31-1、創(chuàng)建靜態(tài)頁面文檔庫。 -31-2、創(chuàng)建一個(gè)web部件頁面 -34-3、編輯新生成的web部件頁 -35-4、在css文獻(xiàn)中添加bmgk風(fēng)格 -40-5、鋪設(shè)靜態(tài)頁面左側(cè)底圖 -42-6、將“公司概況”的靜態(tài)頁面與首頁掛接 -42-四、二級頁面（文檔庫） -44-1、創(chuàng)建網(wǎng)站和工作區(qū) -44-2、創(chuàng)建文檔庫 -46-3、在css文獻(xiàn)中加入文檔庫風(fēng)格修飾代碼 -48-五、CMS -52-1、CMS頻道的創(chuàng)建和發(fā)布 -52-（1）、創(chuàng)建頻道 -52-（2）、發(fā)布頻道 -55-2、首頁新聞與CMS的掛接 -58-3、修改新聞?lì)l道細(xì)覽頁的頁眉頁腳 -60-（1）、創(chuàng)建新聞?lì)l道頁眉 -60-（2）、創(chuàng)建新聞?lì)l道頁腳 -62-4、新聞?lì)l道概覽頁 -64-（1）、創(chuàng)建web部件頁 -64-（2）、修改更多的鏈接 -64-(3)、修改概覽頁樣式 -64-六、細(xì)化首頁 -65-1、幫助信息 -65-（1）、上傳圖片和文獻(xiàn) -65-（2）、修改頁腳幫助信息的鏈接 -65-2、聯(lián)系我們 -65-3、網(wǎng)站地圖 -66-4、啟動(dòng)網(wǎng)站匿名 -66-七、美化首頁 -67-1、首頁添加“文檔和列表”和“網(wǎng)站設(shè)立” -67-（1）、創(chuàng)建purview文檔庫，在該目錄下上載“權(quán)限.htm”。 -67-（2）、在首頁中添加“取靜態(tài)內(nèi)容（帶宏替換功能）”的web部件。 -67-（3）、更改purview文檔庫權(quán)限 -67-2、將頂部功能條隱藏，增長浮動(dòng)登錄按鈕 -67-（1）、將登錄按鈕圖片denglu.gif上傳至EX_STATICPAGES_文檔庫的_EX_RESOURCE_目錄下 -67-（2）、修改css文獻(xiàn) -67-八、附件 -68-1、隱藏工具欄相關(guān)CSS代碼 -68-（1）、WSS網(wǎng)站工具欄 -68-（2）、SPS網(wǎng)站工具欄 -69-2、創(chuàng)建滾動(dòng)新聞 -69-（1）、橫向滾動(dòng) -69-（2）、縱向滾動(dòng) -70-3、彈出菜單的操作環(huán)節(jié) -72-4、創(chuàng)建日程安排 -74-5、創(chuàng)建任務(wù)督辦 -74-6、意見箱 -74-7、辦公用品管理 -75-

一、創(chuàng)建站點(diǎn)與SPS在同一服務(wù)器場的頂級站點(diǎn)創(chuàng)建用瀏覽器打開SPS門戶，點(diǎn)擊頁面右上角的“登錄”，在彈出的對話框中輸入用戶名和密碼，即可登錄到門戶。密碼域\郵件帳號密碼域\郵件帳號點(diǎn)擊功能條上面的“網(wǎng)站”，進(jìn)入下一頁面后點(diǎn)擊頁面左下側(cè)的“創(chuàng)建網(wǎng)站”，如圖所示輸入標(biāo)題(可以是中文)和URL(最佳用英文，以方便訪問)，及電子郵件地址，點(diǎn)擊創(chuàng)建按鈕。如下圖進(jìn)入如下圖頁面后點(diǎn)擊擬定按鈕，進(jìn)入下一步選擇網(wǎng)站模板頁面。在此頁面下模板選擇“空白網(wǎng)站（帶頁眉頁腳）”，如下圖所示。選好后點(diǎn)擬定按鈕，即可。創(chuàng)建好的WSS門戶首頁如下圖所示注意：新建門戶的首頁會(huì)自動(dòng)繼承父門戶的頁眉和頁腳二、頁面的設(shè)計(jì)點(diǎn)擊主頁右上角“修改共享網(wǎng)頁”“添加Web部件”“瀏覽”根據(jù)部件的性質(zhì)，將“Web部件列表”中的“內(nèi)容編輯器”和“取靜態(tài)內(nèi)容（帶宏替換功能）”拖入頁面所需的位置中（拖動(dòng)的方式為在待選部件上，按住鼠標(biāo)左鍵移動(dòng)，到指定位置后釋放鼠標(biāo)左鍵即可）。1、創(chuàng)建文檔庫點(diǎn)擊主頁左上角的“文檔和列表”進(jìn)入創(chuàng)建文檔庫頁面，如圖所示，然后點(diǎn)擊“創(chuàng)建”點(diǎn)開新建文獻(xiàn)夾創(chuàng)建一個(gè)保存圖片及資源文獻(xiàn)的文獻(xiàn)夾：_EX_RESOURCE_（文獻(xiàn)名大小寫均可）點(diǎn)擊“保存并關(guān)閉”，返回到上級目錄。打開建好的“_EX_RESOURCE_”文獻(xiàn)夾，點(diǎn)擊上載文檔。2、創(chuàng)建頁眉文獻(xiàn)在“EX_STATICPAGES_”文檔庫下，點(diǎn)擊新建文檔，這時(shí)系統(tǒng)會(huì)進(jìn)入MicrosoftFrontPage的編輯頁面。從coding文獻(xiàn)中，選擇頁眉及導(dǎo)航條所在的TABLE（有時(shí)也許包含多個(gè)TABLE）。將其代碼有選擇地拷貝到新建的文獻(xiàn)（eg：new_page_1.htm）中，img的途徑替換為“_EX_RESOURCE_/”，并將導(dǎo)航條中首頁的鏈接更改為：<ahref=”_EX_EXCHANGESITE_/”>首頁</a>（備注：導(dǎo)航條中不要寫絕對地址）,同時(shí)添加如下代碼：<linkrel="stylesheet"href="_EX_RESOURCE_/css.css"type="text/css">(其中標(biāo)紅處是門戶名稱，eg：daqing)。使頁面寬度設(shè)定為760，居中顯示，同時(shí)在頁面的web部件之間不顯示縫隙，加入以下代碼：<Script>document.title="網(wǎng)站標(biāo)題";functionAutoFitFrame(){try{node=event.srcElement; if(node.contentWindow.document.body.innerHTML!="") { node.style.height=node.contentWindow.document.body.scrollHeight; node.style.width=node.contentWindow.document.body.scrollWidth; }}catch(ex){}}varptablesptables=document.getElementsByTagName("TABLE")if(ptables.length>0)ptables(0).className="ms-main"window.attachEvent("onload",flfoaterDiv);window.attachEvent("onload",initFloaterExport);window.attachEvent("onscroll",flfoaterDiv);window.attachEvent("onresize",flfoaterDiv);functioninitFloaterExport(){ try{ document.getElementById("diidIOExportToSpreadsheet").className="diidIOExport"; } catch(ex) { } try{ document.all("floaterSettingsDiv").style.display="inline"; } catch(ex) { }}functionflfoaterDiv(){ try{ document.all("floaterSettingsDiv").style.left=document.body.clientWidth-110; document.all("floaterSettingsDiv").style.top=document.body.scrollTop; } catch(ex) { }}</script>替換日期代碼：<scriptLANGUAGE="JavaScript">document.write(newDate().getYear()+"年"+(newDate().getMonth()+1)+"月"+newDate().getDate()+"日")</script>星期<scriptLANGUAGE="VBScript">SelectCaseweekday(Date)Case1document.write"日"Case2document.write"一"Case3document.write"二"Case4document.write"三"Case5document.write"四"Case6document.write"五"Case7document.write"六"endselect</script>選擇保存文獻(xiàn)，文獻(xiàn)名輸入為“head.htm”。選擇保存文獻(xiàn)，文獻(xiàn)名輸入為“head.htm”。3、修改css文獻(xiàn)建好頁眉文獻(xiàn)后，回到“_EX_RESOURCE_”文獻(xiàn)夾下，打開css文獻(xiàn)，添加下面代碼：.ms-main{width:760;background-color:#ffffff;}body{text-align:center;}.ZoneSpacinghorizontal{display:none}.ms-PartSpacingVertical{display:none}4、創(chuàng)建頁腳文獻(xiàn)與創(chuàng)建頁眉（head.htm）的建立順序和方法相同，在“EX_STATICPAGES_”目錄下，創(chuàng)建一個(gè)新文獻(xiàn)，將此文獻(xiàn)名保存為“foot.htm”，將coding的代碼有選擇的拷貝進(jìn)文獻(xiàn)即可?；氐街黜?，就可以看到顯示有頭腳的主頁面。5、首頁其它部件的設(shè)計(jì)（1）、內(nèi)容編輯器web部件的布局和格式屬性修改的做法修改web部件的布局和格式的操作方式有2種。方法一從頁面的右上角“修改共享網(wǎng)頁”“修改共享web部件”“選擇待須改的部件（eg：內(nèi)容編輯器web部件[1]）”方法二直接從“修改web部件”進(jìn)入，eg：內(nèi)容編輯器web部件[1]通過以上方法可以進(jìn)入到以下界面，其中界面右邊即為待改部件的工具窗格。點(diǎn)開界面右邊的“源編輯器”，彈出一個(gè)網(wǎng)頁對話框。從coding文獻(xiàn)中選擇該部件所相應(yīng)的代碼拷貝至網(wǎng)頁對話框中注意：將每部分代碼拷入源編輯中時(shí)，將原有文獻(xiàn)中所有的“img/”途徑替換為“EX_STATICPAGES_/_EX_RESOURCE_”的途徑，然后“保存”。點(diǎn)開右邊工具欄的“外觀”，修改“標(biāo)題”中的名稱，如“公司概況”、“交流與寫作”、“網(wǎng)上辦公”等。在框架樣式中選“無”。然后“應(yīng)用”“擬定”。（2）、取靜態(tài)內(nèi)容（帶宏替換功能）的修改。eg：搜索。點(diǎn)開“取靜態(tài)內(nèi)容（帶宏替換功能）”的下拉箭頭，選“修改共享web部件”。在右面工具框的自定義屬性下，文獻(xiàn)途徑中輸入“_EX_EXCHANGESITE_/EX_STATICPAGES_/search.htm”在外觀下標(biāo)題中輸入“搜索”框架樣式中選“無”。然后“應(yīng)用”“擬定”。創(chuàng)建搜索文獻(xiàn)與創(chuàng)建頁眉（head.htm）的建立順序和方法相同，在“EX_STATICPAGES_”目錄下，創(chuàng)建一個(gè)新文獻(xiàn)，將此文獻(xiàn)保存為“search.htm”，并將“search”的圖片上傳至“_EX_RESOURCE_”下,將下面代碼拷貝進(jìn)文獻(xiàn)中即可。<divalign="left"><tablealign=centerborder="0"cellpadding="0"cellspacing="2"width="146"><tr><tdwidth="40"valign=middle> <selectstyle="height:20;font-size:12px;width:60"sname="SearchScopeSel"id="SearchScopeSel"class="a"><optionvalue=1>部門</option><optionvalue=0>集團(tuán)</option></select></td><td><inputname="SearchString"id="idSearchString"type="text"class="a"style="width:66;height:18"size="15"></td><tdwidth="20"align="left"><imgsrc="_EX_RESOURCE_/search.gif"border="0"onclick="javascript:DoscopeSearch()"alt="搜索"></td></tr></table></div><Script>functionDoscopeSearch(){ varscope=document.all("SearchScopeSel").value if(document.all('idSearchString').value==""){ alert("請輸入關(guān)鍵字"); return; } if(scope=="0") {location=("/search.aspx?k="+document.all('idSearchString').value); } else { SubmitSearchRedirect('_layouts/2052/searchresults.aspx') }}</Script>（3）、個(gè)人工作助理的做法。個(gè)人郵件：鏈接到：“http：//pc”(彈出新窗口)個(gè)人訂閱：鏈接到：“_layouts/2052/MySubs.aspx”日程安排：在本站點(diǎn)下建立一個(gè)事件列表，鏈接到該列表地址簿：在本站點(diǎn)下建立一個(gè)聯(lián)系人列表，鏈接到該列表協(xié)同工作：在本站點(diǎn)下建立一個(gè)任務(wù)列表，鏈接到該列表個(gè)人查詢：在本站點(diǎn)下一個(gè)web部件頁，應(yīng)當(dāng)彈出新窗口辦公自動(dòng)化：目前根據(jù)各單位自己情況鏈接，應(yīng)當(dāng)彈出新窗口6、首頁新聞設(shè)計(jì)（1）、創(chuàng)建CMS文獻(xiàn)夾進(jìn)入“EX_STATICPAGES_”文檔庫，點(diǎn)新建文獻(xiàn)夾在“名稱”框中輸入“CMS”，然后選擇“保存并關(guān)閉”。（2）、在CMS文獻(xiàn)夾中新建文檔在CMS文獻(xiàn)夾點(diǎn)擊新建文檔，彈出M]icrosoftOfficeFrontPage頁面，在該頁將coding的代碼進(jìn)行拷貝編輯，注意，img的途徑替換為：“_EX_RESOURCE_/”，將此文獻(xiàn)保存為后綴為.htm的形式。eg：告知公告可存為tzgg.htm或告知公告.htm。（3）、CMS的引用點(diǎn)擊“取靜態(tài)內(nèi)容（帶宏替換功能的）”下拉箭頭，選“修改共享web部件”，展開自定義屬性。文獻(xiàn)途徑中輸入：“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/….htm”外觀的標(biāo)題中輸入名稱，框架樣式中選“無”。然后“應(yīng)用”“擬定”。頁面如下顯示：

三、二級頁面（靜態(tài)頁面和欄目樹）1、創(chuàng)建靜態(tài)頁面文檔庫。（1）、創(chuàng)建以二級欄目命名的文檔庫，eg：“公司概況”，文檔模板選“MicrosoftOfficeFrongtPage網(wǎng)頁”。（2）、添加擴(kuò)展屬性點(diǎn)開當(dāng)前文檔下左欄最下面的“修改設(shè)立和欄”，選“添加新欄”。在欄名處輸入“深度”，信息類型選“數(shù)字(1,1.0,100)”，規(guī)定此欄包含信息選“是”。然后“擬定”。點(diǎn)擊“返回欄目名稱”，eg本例“返回公司概況”。添加新欄目后的界面如下。（3）、在該文檔庫下創(chuàng)建所屬的所有靜態(tài)頁面。（4）、設(shè)立樹形結(jié)構(gòu)規(guī)劃要展示的欄目樹，并對樹中的每個(gè)節(jié)點(diǎn)表達(dá)其深度。這里約定欄目樹的結(jié)構(gòu)深度從0開始。深度編號0123生產(chǎn)周報(bào)總部機(jī)關(guān)發(fā)展研究部政治思想工作部規(guī)劃研究部直屬企事業(yè)油氣田公司大慶石油管理局深度的編碼將能控制樹的顯示層次，樹中同一層次結(jié)點(diǎn)的顯示順序?qū)⒂闪斜碇械捻樞蚓幋a來控制。根據(jù)上表將深度值賦給列表中的靜態(tài)頁面。（可以手動(dòng)修改各個(gè)頁面的順序，順序號間隔缺省為100）2、創(chuàng)建一個(gè)web部件頁面（1）、創(chuàng)建pages文檔庫文檔庫的名稱命名為“pages”，在文檔模板處選“web部件頁”，然后創(chuàng)建。進(jìn)入以下界面（2）、在該pages庫下選“新建文檔在該pages庫下選“新建文檔”，在下一頁面中輸入二級欄目名稱，eg：公司概況，布局模板默認(rèn)“頁眉，頁腳，左欄，正文”。然后“創(chuàng)建”。3、編輯新生成的web部件頁（1）、將右邊工具欄中的“站點(diǎn)、庫、列表顯示”拖到頁面的“左欄”中，點(diǎn)開“站點(diǎn)、庫、列表顯示”欄右邊的下拉箭頭，選“修改共享web部件”。（2）、點(diǎn)開右邊工具欄中的“內(nèi)容設(shè)立”在框中按以下對照填寫。名稱 填寫值列舉列表內(nèi)容 *風(fēng)格定義 bmgk指定列表名稱 列表類型選擇 是否是顯示犯錯(cuò)信息 FALSE目的地址，多目的時(shí)用“;”分割 _EX_THISSITE_#二級欄目名稱（eg：公司概況）Xsl文獻(xiàn)地址 _EX_ROOTSITE_/_layouts/2052/eip/nav_tree.xsl或_EX_ROOTSITE_/_layouts/2052/eip/Doc_list.xsl最大深度 -1Xsl內(nèi)容 然后“應(yīng)用”“擬定”。（3）、將“顯示內(nèi)容”拖入到“中間”欄中點(diǎn)開右邊的“修改共享網(wǎng)頁”，選“添加web部件”“導(dǎo)入”，進(jìn)入下一頁面，點(diǎn)擊“瀏覽”，將“顯示內(nèi)容.dwp”文獻(xiàn)導(dǎo)入，然后“上載”，出現(xiàn)已上載的web部件下的“顯示內(nèi)容”，將“顯示內(nèi)容”拖入正文中在“顯示內(nèi)容”的下拉箭頭點(diǎn)擊—→點(diǎn)開“修改共享Web部件”—→在“顯示內(nèi)容”下點(diǎn)開“外觀”—→在框架樣式中的下拉菜單中選“無”—→應(yīng)用—→擬定—→進(jìn)入下列頁面。下面是在“XSL”文獻(xiàn)地址中，1、用“_EX_ROOTSITE_/_Layouts/2052/eip/Doc_list.xsl”顯示欄目樹的例子：2、用“_EX_ROOTSITE_/_Layouts/2052/eip/nav_tree.xsl”顯示欄目樹的例子：4、在css文獻(xiàn)中添加bmgk風(fēng)格在“_EX_RESOURCE_”目錄下打開css文獻(xiàn)，將下列定義加入文獻(xiàn)中：/*Tree'sCSS*//*欄目樹的頂部*/.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: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; padding-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;}/*隱藏中間工具欄*/.smartpagetitle{display:none}請將紅色注釋部分刪除參見：中國石油公司信息門戶技術(shù)規(guī)范(V1.4)第三章第五節(jié)Doc_List和NAV_TREE風(fēng)格定義5、鋪設(shè)靜態(tài)頁面左側(cè)底圖點(diǎn)擊頁面右上角的“修改共享頁面”――設(shè)計(jì)此頁――點(diǎn)擊顯示內(nèi)容WEB部件的下拉箭頭，點(diǎn)擊“修改共享WEB部件”如圖在頁面的右側(cè)出現(xiàn)顯示內(nèi)容的屬性，點(diǎn)擊“源編輯器”，出現(xiàn)顯示內(nèi)容WEB部件的代碼。在代碼的下面添加鋪底圖的樣式代碼<styletype="text/css">#MSO_ContentTable{background-image:url(../EX_STATICPAGES_/_EX_RESOURCE_/erji_05.jpg);padding-left:0px;background-repeat:repeat-y;height:100%}</style>6、將“公司概況”的靜態(tài)頁面與首頁掛接（1）、點(diǎn)擊文檔庫與列表，點(diǎn)文檔庫中的“pages”，進(jìn)入pages頁面—→點(diǎn)開“公司概況”，將此頁面的URL地址后加“?main=公司簡介.htm”—→然后將“”拷貝，用UTF-8編碼器.htm編譯器進(jìn)行編譯。把編譯過的地址Pages以后的內(nèi)容重拷貝?；氐街黜摚c(diǎn)擊右上角的“修改共享網(wǎng)頁”“修改共享web部件”“公司概況”，進(jìn)入下一頁面，（1）點(diǎn)開“源編輯器”將上一步編譯過的地址Pages以后的內(nèi)容拷貝到其相應(yīng)的鏈接處，然后保存—應(yīng)用擬定。四、二級頁面（文檔庫）二級欄目是文檔庫的創(chuàng)建方法。Eg：黨群工作。1、創(chuàng)建網(wǎng)站和工作區(qū)點(diǎn)擊主頁左上角的“創(chuàng)建”,進(jìn)入創(chuàng)建頁面后再點(diǎn)擊最下方的“創(chuàng)建網(wǎng)站和工作區(qū)”在標(biāo)題處輸入欄目名稱，URL名稱處輸入該欄目拼音簡寫即可。點(diǎn)擊“創(chuàng)建”進(jìn)入下一頁面。模板選“空白網(wǎng)站（帶頁眉、頁腳）”，然后“擬定”。可以看到已建好的黨群工作的子站點(diǎn)。2、創(chuàng)建文檔庫點(diǎn)擊功能條中的“文檔和列表”，即可進(jìn)行文檔庫的創(chuàng)建。在名稱處輸入該欄目下子欄目的名稱，文檔模板選默認(rèn)的“MicrosoftOfficeWord文檔”。建好后的文檔庫如下：3、在css文獻(xiàn)中加入文檔庫風(fēng)格修飾代碼Td.ListLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(邊框)ListLeftPanelBorderTD.ms-selectednavTd.ListLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(邊框)ListLeftPanelBorderTD.ms-selectednav用FrontPage打開Css文獻(xiàn)，在文獻(xiàn)中加入如下代碼，請根據(jù)上圖相應(yīng)部分的名稱修改相應(yīng)的風(fēng)格。TD.ms-unselectednav{border:0pxsolid#E1ECFC;padding-top:1px;padding-bottom:2px;}.ms-navline{display:none;}.ListLeftPanelBorder{border-color:"#0F86DA";}.ListLeftPanelLine{background-color:"#003399";}.ListLeftPanelBorderLine{background-color:#8fdaff;}#listtitlearea{display:none;}.ms-searchcorner{display:none;}#doclibleftsearch{display:inline!important;}#idSearchString{width:110;}.ListLeftTree_part{font-size:12px;text-align:left;width:100%;}a.ListLeftTree_row:visited{color:#003399;font-size:12px;}a.ListLeftTree_row{color:#003399;font-size:12px;}a.ListLeftTree_row:link{color:#003399;font-size:12px;}a#onetidViewSelector{color:#003399;font-size:12px;}a#diidPinToMyPage{color:#003399;font-size:12px;}a#diidSubscribeButton{color:#003399;font-size:12px;}a#diidCustomizeButton{color:#003399;font-size:12px;}a#diidSlideShowButton{color:#003399;font-size:12px;}a#diidFolderListButton{color:#003399;font-size:12px;}#td.ListLeftTree_row{background-position:left;background-image:url('012.jpg');BACKGROUND-REPEAT:x-repeat;padding-left:9px;height:18px;}.ms-descriptiontext{display:none;}.ms-navframe{background-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-size:13px;font-weight:bold;height:18px;color:#071685;}#L_SearchViewFont{text-align:left;font-family:"宋體";font-size:14px;font-weight:bold;color:#009ace;}#search{background-color:#E3F3FF;}.ms-searchform{background-color:#E3F3FF;}#docliblefttitle{display:inline!important;color:#003399;font-size: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:28px}TD#L_SelectView{text-align:left;vertical-align:"bottom";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-selectednav{border:0pxsolid#003399;background:#FDFAD5;padding-top:1px;padding-bottom:2px;}td.ListLeftTree_body{background-image:url('home_10.jpg');background-repeat:no-repeat;width:150px;height:118px;text-align:center;}.ListLeftTree_part{width:149px}五、CMS1、CMS頻道的創(chuàng)建和發(fā)布（1）、創(chuàng)建頻道打開SiteManager登錄，進(jìn)入登錄界面CMS服務(wù)器地址為：1服務(wù)器端標(biāo)語CMS服務(wù)器地址為：1服務(wù)器端標(biāo)語登錄的域登錄的域郵件帳號口令輸入對的后，進(jìn)入管理界面，如下圖所示找到本單位的頻道，例如：培訓(xùn)站點(diǎn)，鼠標(biāo)右鍵單擊，彈出菜單選擇NEWChannel，如圖所示在Name中填入頻道的名稱，點(diǎn)擊OK按鈕即可。選擇Tools頻道，選中右邊的兩個(gè)頁面文獻(xiàn)：defaut和summary，擊鼠標(biāo)右鍵后選“Copy”,再選中剛建立的新頻道，點(diǎn)擊鼠標(biāo)右鍵后選擇”Paste”注意：LockingOwner列假如不是everyone則該頻道尚未發(fā)布，如下圖所示。（2）、發(fā)布頻道打開瀏覽器，在地址欄輸入http://<cmsserver>/tools/)注意前面的<cmsserver>是CMS服務(wù)器所在的IP，這里我們輸入，點(diǎn)擊頁面左下角的“編輯”，進(jìn)入編輯模式，輸入用戶名和口令后進(jìn)入編輯模式。（注意：發(fā)布時(shí)登錄的帳號要與創(chuàng)建頻道的帳號一致，否則看不到要發(fā)布的頁面）形式：域\郵件帳號形式：域\郵件帳號點(diǎn)擊編輯模式，進(jìn)入下一頁面，點(diǎn)擊左下角的“制作管理”，進(jìn)入制作管理頁面，如下圖所示。點(diǎn)擊上圖中的轉(zhuǎn)到，進(jìn)入下一頁面，點(diǎn)擊“批準(zhǔn)”之后再點(diǎn)擊“制作管理”，然后點(diǎn)擊“批準(zhǔn)”，將文獻(xiàn)都發(fā)布完畢。此時(shí)在SiteManager中刷新此頻道，在此頻道下的default.htm和summary.htm的lockingOwner應(yīng)當(dāng)為everyone。2、首頁新聞與CMS的掛接在瀏覽器中打開門戶，點(diǎn)擊功能條中的“文檔和列表”，打開EX_STATICPAGES_文檔庫，然后打開CMS文獻(xiàn)夾，鼠標(biāo)指向tzgg.htm，點(diǎn)擊下拉箭頭，在彈出菜單中點(diǎn)擊“在MicrosoftOfficeFrontpage中編輯”打開文獻(xiàn)后，將頁面中的示例新聞刪除，如圖所示然后加入以下代碼：<iframeSCROLLING=noframeborder="0"name='view_WPQ_'src=’_EX_CMSSERVER_/油氣田公司/大慶石油管理局/XXXX/XXXX/summary.htm?MaxRecords=6&MaxWords=30'width='100%'></iframe>如<iframeSCROLLING=noframeborder="0"name='view_WPQ_'src='_EX_CMSSERVER_/油氣田公司/大慶石油管理局/發(fā)展集團(tuán)/集團(tuán)信息/summary.htm?MaxRecords=6&MaxWords=30&hiddenEdit=1&noshowmore=true&showdate=true&HeadImgUrl=\sites\XXXX\EX_STATICPAGES_\_ex_resource_\007.gif'width='100%'height=100></iframe>隱藏編輯模式&hiddenedit=1隱藏更多&noshowmore=true顯示最大記錄數(shù)&MaxRecords=6顯示標(biāo)題字符數(shù)&MaxWords=30顯示日期&showdate=true標(biāo)題前面圖標(biāo)&HeadImgUrl=\sites\XXXX\EX_STATICPAGES_\_ex_resource_\007.gif3、修改新聞?lì)l道細(xì)覽頁的頁眉頁腳（1）、創(chuàng)建新聞?lì)l道頁眉用FrontPage打開美工Coding好的新聞細(xì)覽頁面選擇頁眉所在的部分的代碼，拷貝下來。啟動(dòng)SiteManager,登錄后選中本單位所在的頻道，單擊鼠標(biāo)右鍵，在彈出菜單中點(diǎn)擊“Properties”在Properties頁面中點(diǎn)擊右上側(cè)“Custom”進(jìn)入下一頁面，點(diǎn)擊左下角的“New”按鈕，彈出新建頁面，在此頁面中填寫如下：PropertyName中填入ChannelHeadPropertyType選擇TEXTCurrentTextValue中輸入剛才拷貝的代碼（注意：請將圖片所在途徑更改對的），再將一下定義細(xì)覽頁風(fēng)格的代碼拷貝到最上面，代碼如下：<style>.table{ font-family:"宋體"; 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-main{width:660;}.ms-content{background-image:url("/sites/XXXX/EX_STATICPAGES_/_EX_RESOURCE_/xl_cms_02.gif");}.ms-contentLeft{width=50}.ms-contentRight{width=50}.yejiao{ font-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:12px; color:#ffffff; text-decoration:underline;}</style><tablewidth="660"border="0"align="center"cellpadding="0"cellspacing="0"><tr><td><imgsrc="/sites/XXXX/EX_STATICPAGES_/_EX_RESOURCE_/xl_cms_01.jpg"width="660"height="91"></td></tr></table>將XXXX替換為相應(yīng)站點(diǎn)名稱CMSTEXT定義正文的字體風(fēng)格CMSTITLE定義標(biāo)題字體風(fēng)格MS-Content定義正文區(qū)域背景的圖片a.Yejiao定義頁腳三個(gè)鏈接的樣式Y(jié)ejiao定義版權(quán)信息字體樣式注意圖片的地址和鏈接的樣式要根據(jù)美工提供的作修改。輸入好代碼之后點(diǎn)“OK”鍵（2）、創(chuàng)建新聞?lì)l道頁腳同理FrontPage中選中頁腳，將代碼拷貝下來，并更改圖片所在途徑。返回SiteManager，在Custom中點(diǎn)擊左下角按鈕“New”，彈出新建頁面，在此頁面中填寫如下：PropertyName中填入ChannelHFootPropertyType選擇TEXTCurrentTextValue中輸入剛才拷貝的代碼，如下圖所示，然后點(diǎn)“OK”鍵4、新聞?lì)l道概覽頁（1）、創(chuàng)建web部件頁點(diǎn)擊“文檔庫和列表”，進(jìn)入EX_STATICPAGES_文檔庫后，點(diǎn)擊“上載文檔”按鈕將embed.htm文獻(xiàn)上載到此文檔庫中，然后進(jìn)入Pages文檔庫后點(diǎn)擊“新建文檔”按鈕，在名稱中輸入：embed。模板選擇：整頁垂直。然后點(diǎn)擊“創(chuàng)建”按鈕。如圖所示在新建的頁面中添加一個(gè)“取靜態(tài)內(nèi)容（帶宏替換功能）”的web部件，拖到頁面中間，然后點(diǎn)擊此web部件，修改共享web部件在自定義屬性處添加：_EX_EXCHANGESITE_/EX_STATICPAGES_/embed.htm。在外觀處將框架樣式選擇為“無”。然后點(diǎn)擊應(yīng)用擬定。（2）、修改更多的鏈接·將pagelist.css上載到EX_STATICPAGES_文檔庫的cms目錄下·用FrontPage打開網(wǎng)站，到EX_STATICPAGES_文檔庫的CMS目錄下雙擊打開tzgg.htm文獻(xiàn)。修改更多所在的鏈接，將其改為href="_EX_THISSITE_/Pages/embed.aspx?url='_EX_CMSSERVER_/油氣田公司/大慶石油管理局/XXXX/XXXX/default.htm?MaxWords=36&showContentonly=true&noShowMore=1&NewPostingDelayDay=3&showDate=true&HeadImgUrl=\sites\XXXX\EX_STATICPAGES_\_ex_resource_\007.gif&cssfile=\sites\XXXX\EX_STATICPAGES_\cms\pagelist.css'"(3)、修改概覽頁樣式用FrontPage打開EX_STATICPAGES_文檔庫的CMS目錄下的Pagelist.css文獻(xiàn)。更改圖片及其途徑table.ms-Titlems-TitleRighttd.theTitlems-TitleLefttable.ms-Titlems-TitleRighttd.theTitlems-TitleLeftms-contentLeftms-contentLeft六、細(xì)化首頁1、幫助信息（1）、上傳圖片和文獻(xiàn)將幫助信息頁面bzxx.htm上傳至EX_STATICPAGES_文檔庫下，將三個(gè)圖片文獻(xiàn)上傳至_EX_RESOURCE_目錄下（2）、修改頁腳幫助信息的鏈接用FrontPage打開Foot.htm文獻(xiàn)，修改幫助信息的鏈接為_EX_EXCHANGESITE_/EX_STATICPAGES_/bzxx.htm。2、聯(lián)系我們（1）、點(diǎn)擊功能條的“文檔和列表”，進(jìn)入Pages文檔庫，點(diǎn)擊“新建文檔”按鈕，進(jìn)入下一頁面，在名稱中輸入：lxwm，布局模板選擇：整頁，垂直，然后點(diǎn)擊“創(chuàng)建”按鈕。進(jìn)入下一頁面后，將一個(gè)“內(nèi)容編輯器WEB部件”拖入頁面中，然后修改共享web部件，打開“源編輯器”，將聯(lián)系我們的示范代碼拷貝粘貼到其中，（內(nèi)容可以自行修改），然后點(diǎn)擊應(yīng)用—擬定。(2)、用FrontPage打開Foot.htm文獻(xiàn)，修改聯(lián)系我們的鏈接為_EX_EXCHANGESITE_/Pages/lxwm.aspx。3、網(wǎng)站地圖點(diǎn)擊功能條的“文檔和列表”，進(jìn)入Pages文檔庫，點(diǎn)擊“新建文檔”按鈕，進(jìn)入下一頁面，在名稱中輸入：mhdt，布局模板選擇：整頁，垂直，然后點(diǎn)擊“創(chuàng)建”按鈕。進(jìn)入下一頁面后，將一個(gè)“內(nèi)容編輯器WEB部件”拖入頁面中，然后修改共享web部件，打開“源編輯器”。用FrontPage將美工Coding好的門戶地圖頁面打開，選擇除去頁眉頁腳部分所有的代碼，拷貝下來，然后拷貝粘貼到原編碼器中，（內(nèi)容要自行修改），然后點(diǎn)擊應(yīng)用—擬定。用FrontPage打開Foot.htm文獻(xiàn)，修改門戶地圖的鏈接為_EX_EXCHANGESITE_/Pages/mhdt.aspx。4、啟動(dòng)網(wǎng)站匿名點(diǎn)擊功能條的“網(wǎng)站設(shè)立”，然后點(diǎn)擊“轉(zhuǎn)到網(wǎng)站管理”進(jìn)入網(wǎng)站管理頁面后，點(diǎn)擊更改匿名訪問，在匿名用戶可以訪問項(xiàng)目，選擇“整個(gè)網(wǎng)站”然后點(diǎn)擊擬定按鈕。如圖所示注意：假如這個(gè)選項(xiàng)為灰色不可選，請將地址欄中的ip及端標(biāo)語換成域名，例如：://pc/sites/pxcs七、美化首頁1、首頁添加“文檔和列表”和“網(wǎng)站設(shè)立”（1）、創(chuàng)建purview文檔庫，在該目錄下上載“權(quán)限.htm”。（2）、在首頁中添加“取靜態(tài)內(nèi)容（帶宏替換功能）”的web部件。修改共享web部件，在自定義屬性中加入“_EX_EXCHANGESITE_/purview/權(quán)限.htm”（3）、更改purview文檔庫權(quán)限 點(diǎn)“文檔庫和列表”—進(jìn)入purview文檔庫—點(diǎn)頁面左下方“修改和設(shè)立欄”“更改此文檔庫的權(quán)限”， 刪除所有用戶，只留下網(wǎng)站設(shè)計(jì)者；更改匿名訪問設(shè)立，將匿名用戶可以“查看項(xiàng)目”去掉。2、將頂部功能條隱藏，增長浮動(dòng)登錄按鈕（1）、將登錄按鈕圖片denglu.gif上傳至EX_STATICPAGES_文檔庫的_EX_RESOURCE_目錄下（2）、修改css文獻(xiàn)用FrontPage打開css文獻(xiàn)，在其中加入下面代碼/*隱藏頂部工具欄*/.ms-bannerframe{display: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:url("denglu.gif");}.floaterSettingsAuthTD{}.smartpagetitle{display:none}參見：中國石油公司信息門戶技術(shù)規(guī)范(V1.4)第四章第三節(jié)4.3 Css.css范本八、附件1、隱藏工具欄相關(guān)CSS代碼（1）、WSS網(wǎng)站工具欄/*隱藏WSS二級頁面概覽頁頂部工具欄*/.ms-bannerframe{display:none;}/*隱藏WSS二級頁面概覽頁中間工具欄*/.smartpagetitle{display:none}（2）、SPS網(wǎng)站工具欄/*隱藏SPS二級頁面概覽頁左側(cè)工具欄*/#webpartpagenavbar{display:none;}/*隱藏SPS二級頁面概覽頁頂部工具欄*/#ms-phnav1wrapper{ display:none;}/*隱藏SPS二級頁面概覽頁中間工具欄*/#ms-titleareaframe{ display:none;}/*隱藏SPS二級頁面概覽頁頂部工具欄*/#ms-bannerframe{display:none;}2、創(chuàng)建滾動(dòng)新聞（1）、橫向滾動(dòng)1、在要建成滾動(dòng)新聞?lì)l道default.htm頁面中點(diǎn)擊創(chuàng)建新頁面,在模板中選擇”工具模板”——>>一行摘要——>>保存新頁面——>>將頁面存為summary.htm（若不存為summary則在調(diào)用頁面時(shí)調(diào)用相應(yīng)文獻(xiàn)名，若頻道中已經(jīng)存在summary模板則要先刪除原summary模板。）2、在EX_STATICPAGES_/cms目錄下創(chuàng)建新文獻(xiàn)gdxw.htm，內(nèi)容為：<iframeSCROLLING=noframeborder="0"name='view_WPQ_'src='_EX_CMSSERVER_/油氣田公司/大慶石油管理局/XX集團(tuán)/XXXX/summary.htm?MaxRecords=6&MaxWords=26&hiddenEdit=1&noshowmore=true&showdate=true'width='100%'height=30width="400"></iframe>3、在首頁插入取靜態(tài)內(nèi)容宏替換，在自定義屬性——文獻(xiàn)途徑中輸入：_EX_EXCHANGESITE_/EX_STATICPAGES_/cms/gdxw.htm（2）、縱向滾動(dòng)1、在default.htm頁面中進(jìn)入summary.htm頁面（在地址欄中將default.htm換成summary.htm），例如：:8001/cmsroot/油氣田公司/大慶石油管理局/示例站點(diǎn)/告知公告/summary.htm點(diǎn)擊編輯模式，在編輯頁面的地址欄中加上&SUPEREDIT=TRUE。2、在SUMMARY頁面的編輯欄中點(diǎn)頁面屬性，在CUSTOM中可更改模板屬性。*當(dāng)Scroll=true下列控制參數(shù)起作用： BEHAVIOR：滾動(dòng)方式 SCROLLAMOUNT：單步移動(dòng)距離 SCROLLDELAY：單步移動(dòng)延遲 DIRECTION：滾動(dòng)方向superedit將Scroll使用默認(rèn)值一項(xiàng)設(shè)立為FALSE，將當(dāng)前值一項(xiàng)設(shè)立為true，單擊SAVE。3、批準(zhǔn)。3、彈出菜單的操作環(huán)節(jié)第一步：上載：menu.js文獻(xiàn)到_EX_RESOURCE_文獻(xiàn)夾中。第二步：修改原有的.css文獻(xiàn)。在本來的樣式文獻(xiàn)中加入如下代碼：.Left_POP_menu{ PADDING-RIGHT:12px;PADDING-LEFT:12px;PADDING-BOTTOM:2px;MARGIN:0px;CURSOR:hand;WORD-BREAK:keep-all;PADDING-TOP:3px;TEXT-ALIGN:left}.Left_POPDiv{ FILTER:progid:DXImageTransform.Microsoft.Alpha(opacity=80)progid:DXImageTransform.Microsoft.dropshadow(OffX=-3,OffY=3,Color='#CCCCCC',Positive='true');PADDING-BOTTOM:8px;PADDING-TOP:5px;BACKGROUND-COLOR:#FFFFFF;Highlight-Back-Color:#0099cc;}第三步：修改web部件中的代碼：１、加代碼：<SCRIPTsrc="/EX_STATICPAGES_/_EX_RESOURCE_/menu.js"></SCRIPT>２、在要彈出菜單的欄目中換成：<TABLEid=WPQ14Menu_mainmenu_1onmouseover=Menu_onMouseOver(this)onclick=Menu_onClick(this)onmouseout=Menu_onMouseOut(this)cellSpacing=0cellPadding=0border=0><TR><TD><Aclass=bluehref="#"pop="0">報(bào)刊導(dǎo)讀</A></TD><TDwidth=5><SPANstyle="PADDING-TOP:0px;FONT-FAMILY:Webdings">4</SPAN></TD></TR></TABLE>３、加div這個(gè)層并建立各彈出的子欄目名稱：<DIVclass=Left_POPDivid=DIV_WPQ14Menu_mainmenu_1onmouseover=Menu_ShowMenuDiv(null,this)style="DISPLAY:none;Z-INDEX:10;POSITION:absolute"onmouseout=Menu_HiddenMenuDiv(this)pop="1"><TABLEcellSpacing=0cellPadding=0border=0><TRid=WPQ14Menu_mainmenu_1_1onmouseover=Menu_onMouseOver(this)onclick=Menu_onClick(this)onmouseout