1、企業信息門戶快速搭建手冊 TOC o 1-3 u 一、創建站點 PAGEREF _Toc3 h 2二、頁面的設計 PAGEREF _Toc4 h 61、創建文檔庫 PAGEREF _Toc5 h 82、創建頁眉文件 PAGEREF _Toc6 h 153、修改css文件 PAGEREF _Toc7 h 184、創建頁腳文件 PAGEREF _Toc8 h 195、首頁其它部件的設計 PAGEREF _Toc9 h 19（1）、內容編輯器web部件的布局和格式屬性修改的做法 PAGEREF _Toc0 h 19（2）、取靜態內容（帶宏替換功能）的修改。eg：搜索。 PAGEREF _Toc1 h

2、 23（3）、個人工作助理的做法。 PAGEREF _Toc2 h 256、首頁新聞設計 PAGEREF _Toc3 h 26（1）、創建CMS文件夾 PAGEREF _Toc4 h 26（2）、在CMS文件夾中新建文檔 PAGEREF _Toc5 h 26在CMS文件夾點擊新建文檔 PAGEREF _Toc6 h 27（3）、CMS的引用 PAGEREF _Toc7 h 27三、二級頁面（靜態頁面和欄目樹） PAGEREF _Toc8 h 281、創建靜態頁面文檔庫。 PAGEREF _Toc9 h 282、創建一個web部件頁面 PAGEREF _Toc0 h 333、編輯新生成的web部

3、件頁 PAGEREF _Toc1 h 344、在css文件中添加bmgk風格 PAGEREF _Toc2 h 395、將“公司概況”的靜態頁面與首頁掛接 PAGEREF _Toc3 h 40四、二級頁面（文檔庫） PAGEREF _Toc4 h 421、創建網站和工作區 PAGEREF _Toc5 h 422、創建文檔庫 PAGEREF _Toc6 h 443、在css文件中加入文檔庫風格修飾代碼 PAGEREF _Toc7 h 46五、CMS PAGEREF _Toc8 h 541、CMS頻道的創建和發布 PAGEREF _Toc9 h 54（1）、創建頻道 PAGEREF _Toc0 h

4、54（2）、發布頻道 PAGEREF _Toc1 h 562、首頁新聞與CMS的掛接 PAGEREF _Toc2 h 593、修改新聞頻道細覽頁的頁眉頁腳 PAGEREF _Toc3 h 60（1）、創建新聞頻道頁眉 PAGEREF _Toc4 h 60（2）、創建新聞頻道頁腳 PAGEREF _Toc5 h 634、新聞頻道概覽頁 PAGEREF _Toc6 h 64（1）、創建web部件頁 PAGEREF _Toc7 h 64（2）、修改更多的鏈接 PAGEREF _Toc8 h 65(3)、修改概覽頁樣式 PAGEREF _Toc9 h 65六、細化首頁 PAGEREF _Toc0 h

5、661、幫助信息 PAGEREF _Toc1 h 66（1）、上傳圖片和文件 PAGEREF _Toc2 h 66（2）、修改頁腳幫助信息的鏈接 PAGEREF _Toc3 h 662、技術支持 PAGEREF _Toc4 h 663、網站地圖 PAGEREF _Toc5 h 674、開啟網站匿名 PAGEREF _Toc6 h 67七、美化首頁 PAGEREF _Toc7 h 671、首頁添加“文檔和列表”和“網站設置” PAGEREF _Toc8 h 67（1）、創建purview文檔庫，在該目錄下上載“權限.htm”。 PAGEREF _Toc9 h 67（2）、在首頁中添加“取靜態內容

6、（帶宏替換功能）”的web部件。 PAGEREF _Toc0 h 67（3）、更改purview文檔庫權限 PAGEREF _Toc1 h 672、將頂部功能條隱藏，增加浮動登錄按鈕 PAGEREF _Toc2 h 68（1）、將登錄按鈕圖片上傳至EX_STATICPAGES_文檔庫的_EX_RESOURCE_目錄下 PAGEREF _Toc3 h 68（2）、修改css文件 PAGEREF _Toc4 h 68一、創建站點與SPS在同一服務器場的頂級站點創建用瀏覽器打開SPS門戶，點擊頁面右上角的“登錄”，在彈出的對話框中輸入用戶名和密碼，即可登錄到門戶。密碼域 郵件帳號密碼域 郵件帳號點擊

7、功能條上面的“網站”，進入下一頁面后點擊頁面左下側的“創建網站”，如圖所示輸入標題(可以是中文)和URL(最好用英文，以方便訪問)，及電子郵件地址，點擊創建按鈕。如下圖進入如下圖頁面后點擊確定按鈕，進入下一步選擇網站模板頁面。在此頁面下模板選擇“空白網站（帶頁眉頁腳）”，如下圖所示。 選好后點確定按鈕，即可。創建好的WSS門戶首頁如下圖所示注意：新建門戶的首頁會自動繼承父門戶的頁眉和頁腳二、頁面的設計點擊主頁右上角“修改共享網頁” “添加Web部件” “瀏覽” 根據部件的性質，將“Web部件列表”中的“內容編輯器”和“取靜態內容（帶宏替換功能）”拖入頁面所需的位置中（拖動的方式為在待選部件上，

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

9、中，img的路徑替換為“_EX_RESOURCE_/”，并將導航條中首頁的鏈接更改為：首頁（備注：導航條中不要寫絕對地址）,同時添加(其中標紅處是門戶名稱，eg：daqing)。使頁面寬度設定為760，居中顯示，同時在頁面的web部件之間不顯示縫隙，加入以下代碼：= ;function AutoFitFrame() try node=;if !=) catch(ex) var ptables ptables= (TABLE)if 0) ptables(0).className=ms-main(onload,flfoaterDiv);(onload,initFloaterExport);(ons

10、croll,flfoaterDiv);(onresize,flfoaterDiv);function initFloaterExport()try (diidIOExportToSpreadsheet).className=diidIOExport;catch(ex)try (floaterSettingsDiv).=inline; catch(ex)function flfoaterDiv()try (floaterSettingsDiv).= (floaterSettingsDiv).=catch(ex) 選擇保存文件，文件名輸入為“”。選擇保存文件，文件名輸入為“”。3、修改css文件建

11、好頁眉文件后，回到“_EX_RESOURCE_”文件夾下，打開css文件，添加下面代碼：.ms-main width:760;body text-align :center;.ZoneSpacinghorizontal display:none.ms-PartSpacingVertical display:none4、創建頁腳文件與創建頁眉（）的建立順序和方法相同，在“EX_STATICPAGES_”目錄下，創建一個新文件，將此文件名保存為“”，將coding的代碼有選擇的拷貝進文件即可。回到主頁，就可以看到顯示有頭腳的主頁面。5、首頁其它部件的設計（1）、內容編輯器web部件的布局和格式屬性

12、修改的做法修改web部件的布局和格式的操作方式有2種。方法一 從頁面的右上角“修改共享網頁”“修改共享web部件”“選擇待須改的部件（eg：內容編輯器web部件1）”方法二 直接從“修改web部件”進入，eg：內容編輯器web部件1通過以上方法可以進入到以下界面，其中界面右邊即為待改部件的工具窗格。點開界面右邊的“源編輯器”，彈出一個網頁對話框。 從coding文件中選擇該部件所對應的代碼拷貝至網頁對話框中注意：將每部分代碼拷入源編輯中時，將原有文件中所有的“img/”路徑替換為“EX_STATICPAGES_/_EX_RESOURCE_”的路徑，然后“保存”。點開右邊工具欄的“外觀”，修改“

13、標題”中的名稱，如“公司概況”、“交流與寫作”、“網上辦公”等。在框架樣式中選“無”。然后“應用”“確定”。（2）、取靜態內容（帶宏替換功能）的修改。eg：搜索。點開“取靜態內容（帶宏替換功能）”的下拉箭頭，選“修改共享web部件”。在右面工具框的自定義屬性下，文件路徑中輸入“_EX_EXCHANGESITE_/EX_STATICPAGES_/”在外觀下標題中輸入“搜索” 框架樣式中選“無”。然后“應用”“確定”。創建搜索文件與創建頁眉（）的建立順序和方法相同，在“EX_STATICPAGES_”目錄下，創建一個新文件，將此文件保存為“”，并將“search”的圖片上傳至“_EX_RESOUR

14、CE_”下,將下面代碼拷貝進文件中即可。 部門集團 function DoscopeSearch()var scope= (SearchScopeSel).valueif(idSearchString).value=) alert(請輸入關鍵字); return; if(scope=0)location=(/k=+(idSearchString).value);elseSubmitSearchRedirect(_layouts/2052/)（3）、個人工作助理的做法。個人郵件，鏈接到：“http：tm的形式。eg：通知公告可存為或通知公告.htm。（3）、CMS的引用點擊“取靜態內容（帶宏替換

15、功能的）”下拉箭頭，選“修改共享web部件”，展開自定義屬性。文件路徑中輸入：“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/.htm”外觀的標題中輸入名稱，框架樣式中選“無”。然后“應用”“確定”。頁面如下顯示：三、二級頁面（靜態頁面和欄目樹）1、創建靜態頁面文檔庫。（1）、創建以二級欄目命名的文檔庫，eg：“公司概況”，文檔模板選“Microsoft Office FrongtPage網頁”。（2）、添加擴展屬性點開當前文檔下左欄最下面的“修改設置和欄”，選“添加新欄”。在欄名處輸入“Level”（首字母必須大寫），信息類型選“數字(1, , 100)”，要

16、求此欄包含信息選“是”。然后“確定”。點開剛建好的欄目“Level”，將默認的“Level”改為“深度”，然后確定。點擊“返回欄目名稱”，eg本例“返回公司概況”。添加新欄目后的界面如下。（3）、在該文檔庫下創建所屬的所有靜態頁面。（4）、設置樹形結構規劃要展示的欄目樹，并對樹中的每個節點表示其深度。這里約定欄目樹的結構深度從0開始。深度編號0123生產周報總部機關發展研究部政治思想工作部規劃研究部直屬企事業油氣田企業大慶石油管理局深度的編碼將能控制樹的顯示層次，樹中同一層次結點的顯示順序將由列表中的順序編碼來控制。根據上表將深度值賦給列表中的靜態頁面。（可以手動修改各個頁面的順序，順序號間隔

17、缺省為100）2、創建一個web部件頁面 （1）、創建pages文檔庫文檔庫的名稱命名為“pages”，在文檔模板處選“web部件頁”，然后創建。進入以下界面（2）、在該pages庫下選“新建文檔在該pages庫下選“新建文檔”，在下一頁面中輸入二級欄目名稱， eg：公司概況，布局模板默認“頁眉，頁腳，左欄，正文”。然后“創建”。3、編輯新生成的web部件頁（1）、將右邊工具欄中的“站點、庫、列表顯示”拖到頁面的“左欄”中，點開“站點、庫、列表顯示”欄右邊的下拉箭頭，選“修改共享web部件”。（2）、點開右邊工具欄中的“內容設置”在框中按以下對照填寫。名稱 填寫值列舉列表內容 *風格定義bmg

18、k指定列表名稱列表類型選擇是否是顯示出錯信息 FALSE目標地址，多目標時用“;”分割_EX_THISSITE_#二級欄目名稱（eg：公司概況）Xsl文件地址_EX_ROOTSITE_/_layouts/2052/eip/ 或_EX_ROOTSITE_/_layouts/2052/eip/最大深度 -1Xsl內容然后“應用”“確定”。（3）、將“顯示內容”拖入到“中間”欄中點開右邊的“修改共享網頁”，選“添加web部件”“導入”，進入下一頁面，點擊“瀏覽”，將“顯示內容.dwp”文件導入，然后“上載”，出現已上載的web部件下的“顯示內容”，將“顯示內容”拖入正文中在“顯示內容”的下拉箭頭點擊

19、 點開“修改共享Web部件” 在“顯示內容”下點開“外觀” 在框架樣式中的下拉菜單中選“無” 應用 確定 進入下列頁面。下面是在“XSL”文件地址中，1、用“_EX_ROOTSITE_/_Layouts/2052/eip/”顯示欄目樹的例子：2、用“_EX_ROOTSITE_/_Layouts/2052/eip/” 顯示欄目樹的例子：4、在css文件中添加bmgk風格在“_EX_RESOURCE_”目錄下打開css文件，將下列定義加入文件中：/* Trees CSS */欄目樹的頂部/.bmgkDocMgtTreeViewHead background-image: url(); backgr

20、ound-repeat: no-repeat;width: 185px;height: 135px;.bmgkDocMgtTreeViewBody background-image: url();background-repeat: repeat-y;width: 185px;height: 50px;/定義Level縮進/.bmgkmvIndent background-image: url(treeImg/);background-repeat: no-repeat;background-position: right;width: 40px;height: 22px;/欄目鏈接的樣式/

21、font-family: 宋體;font-size: 12px;color: #003A57;text-decoration: none;cursor: hand;/欄目樹的底部/.bmgkDocMgtTreeViewBottom background-image: url();background-repeat: no-repeat;width: 185px;height:180px;5、鋪設靜態頁面左側底圖點擊頁面右上角的“修改共享頁面”設計此頁點擊顯示內容WEB部件的下拉箭頭，點擊“修改共享WEB部件”如圖在頁面的右側出現顯示內容的屬性，點擊“源編輯器”，出現顯示內容WEB部件的代碼。在

22、代碼的下面添加鋪底圖的樣式代碼#MSO_ContentTablebackground-image: url(/sites/pxcs/EX_STATICPAGES_/_EX_RESOURCE_/); background-repeat:repeat-y;Height:100%; 6、將“公司概況”的靜態頁面與首頁掛接（1）、點擊文檔庫與列表，點文檔庫中的“pages”，進入pages頁面點開“公司概況”，將此頁面的URL地址后加“main=公司概況.htm ” 然后將“pages/main=公司簡介.htm” 拷貝，用編譯器進行編譯。把編譯過的地址Pages以后的內容重拷貝。回到主頁，點擊右上角

23、的“修改共享網頁”“修改共享web部件”“公司概況”，進入下一頁面，（1）點開“源編輯器”將上一步編譯過的地址Pages以后的內容拷貝到其對應的鏈接處，然后保存應用確定。四、二級頁面（文檔庫）二級欄目是文檔庫的創建方法。Eg：黨群工作。1、創建網站和工作區點擊主頁左上角的“創建”, 進入創建頁面后再點擊最下方的“創建網站和工作區”在標題處輸入欄目名稱，URL名稱處輸入該欄目拼音簡寫即可。點擊“創建”進入下一頁面。模板選“空白網站（帶頁眉、頁腳）”，然后“確定”。可以看到已建好的黨群工作的子站點。2、創建文檔庫點擊功能條中的“文檔和列表”，即可進行文檔庫的創建。在名稱處輸入該欄目下子欄目的名稱，

24、文檔模板選默認的“Microsoft Office Word 文檔”。建好后的文檔庫如下：3、在css文件中加入文檔庫風格修飾代碼mstitle（背景色）ms-navframe(邊框)ListLe mstitle（背景色）ms-navframe(邊框)ListLe 用FrontPage打開Css文件，在文件中加入如下代碼，請根據上圖對應部分的名稱修改相應的風格。 border:0px solid #E1ECFC;padding-top:1px;padding-bottom:2px;.ms-navlinedisplay:none;.ListLe border-color:#0F86DA;.Lis

25、tLe background-color:#003399;.ListLe background-color:#8fdaff;#listtitlearea display:none;.ms-searchcorner display:none;#doclibleftsearchdisplay:inline!important;#idSearchString width:110;.ListLeftTree_partfont-size:12px;text-align:left;width:100%;a.ListLeftTree_row:visited color:#003399;font-size:1

26、2px;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:

27、12px;a#diidSlideShowButton color:#003399;font-size:12px;a#diidFolderListButton color:#003399;font-size:12px; background-position: center left;background-image: url;BACKGROUND-REPEAT:no-repeat;padding-left:9px;height:20px;.ms-descriptiontext display:none;.ms-navframe background-color: #E3F3FF; .mstit

28、le BACKGROUND-IMAGE: url(); BACKGROUND-REPEAT: x-repeat; background-position: center left 100%; text-align :center; vertical-align:text-bottom; font-family: 宋體; font-size: 13px; font-weight :bold; height:24px; color: #071685;#L_SearchViewFont text-align :left; font-family: 宋體; font-size: 14px; font-

29、weight :bold; color: #009ace; #search background-color:#E3F3FF;.ms-searchform background-color:#E3F3FF;#docliblefttitle display:inline!important;color:#003399; font-size: 13px; BACKGROUND-IMAGE: url(); BACKGROUND-REPEAT: x-repeat; text-align :left; font-family: 宋體; font-size: 13px; font-weight :bold

30、; color:#ffffff; text-align:center; letter-spacing:1px; width:149px; height:26px;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

31、 :bold; color: #009ace; border:0px solid #003399;background:#FDFAD5;padding-top:1px;padding-bottom:2px;background-image: url(); background-repeat:repeat;width:149px;text-align:center;.ListLeftTree_partwidth:149px五、CMS1、CMS頻道的創建和發布（1）、創建頻道打開Site Manager 登錄，進入登錄界面服務器端口號CMS服務器地址服務器端口號CMS服務器地址登錄的域登錄的域郵件

32、帳號口令輸入正確后，進入管理界面，如下圖所示找到本單位的頻道 ，例如： 培訓站點，鼠標右鍵單擊，彈出菜單選擇NEW Channel ，如圖所示在Name中填入頻道的名稱，點擊OK按鈕即可。選擇Tools頻道，選中右邊的兩個頁面文件：defaut和 summary，擊鼠標右鍵后選“Copy”,再選中剛建立的新頻道，點擊鼠標右鍵后選擇”Paste”注意：Locking Owner列如果不是everyone 則 該頻道還未發布，如下圖所示。（2）、發布頻道打開瀏覽器，在地址欄輸入 server/tools/) 注意前面的是CMS服務器所在的IP，這里我們輸入，點擊頁面左下角的“編輯”，進入編輯模式，

33、輸入用戶名和口令后進入編輯模式。（注意：發布時登錄的帳號要與創建頻道的帳號一致，否則看不到要發布的頁面） 形式：域郵件帳號形式：域郵件帳號點擊編輯模式，進入下一頁面，點擊左下角的“制作管理”，進入制作管理頁面，如下圖所示。點擊上圖中的轉到，進入下一頁面，點擊“批準”之后再點擊“制作管理”，然后點擊“批準”，將文件都發布完畢。此時在Site Manager中刷新此頻道，在此頻道下的和的locking Owner應該為everyone。2、首頁新聞與CMS的掛接在瀏覽器中打開門戶，點擊功能條中的“文檔和列表”，打開EX_STATICPAGES_文檔庫，然后打開CMS文件夾，鼠標指向，點擊下拉箭頭，

34、在彈出菜單中點擊“在 Microsoft Office Frontpage 中編輯” 打開文件后，將頁面中的示例新聞刪除，如圖所示然后加入以下代碼：如隱藏編輯模式 &hiddenedit=1隱藏更多 &noshowmore=true3、修改新聞頻道細覽頁的頁眉頁腳（1）、創建新聞頻道頁眉用FrontPage打開美工Coding好的新聞細覽頁面選擇頁眉所在的部分的代碼，拷貝下來。、Site Manager ,登錄后選中本單位所在的頻道，單擊鼠標右鍵，在彈出菜單中點擊“Properties”在Properties頁面中點擊右上側“Custom”進入下一頁面，點擊左下角的“New”按鈕，彈出新建頁面

35、，在此頁面中填寫如下：Property Name中填入 ChannelHeadProperty Type選擇 TEXTCurrent Text Value中輸入剛才拷貝的代碼（注意：請將圖片所在路徑更改正確），再將一下定義細覽頁風格的代碼拷貝到最上面，代碼如下：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: 16

36、0%;font-weight: bold;.ms-mainwidth:660;.ms-contentbackground-image: url(/sites/pxcs/EX_STATICPAGES_/_EX_RESOURCE_/); .ms-contentLeftwidth=50.ms-contentRightwidth=50.yejiaofont-family: 宋體;font-size: 12px;color: #ffffff;:link font-family: 宋體;font-size: 12px;color: #ffffff;text-decoration: none;:visite

37、d font-family: 宋體;font-size: 12px;color: #ffffff;text-decoration: none;:hover font-family: 宋體;font-size: 12px;color:# ffffff;text-decoration: underline;CMSTEXT 定義正文的字體風格CMSTITLE 定義標題字體風格MS-Content 定義正文區域背景的圖片 定義頁腳三個鏈接的樣式Yejiao 定義版權信息字體樣式注意圖片的地址和鏈接的樣式要根據美工提供的作修改。輸入好代碼之后點“OK”鍵（2）、創建新聞頻道頁腳 同理FrontPage中

38、選中頁腳，將代碼拷貝下來，并更改圖片所在路徑。返回Site Manager，在Custom中點擊左下角按鈕“New”，彈出新建頁面，在此頁面中填寫如下：Property Name中填入 ChannelHFootProperty Type選擇 TEXTCurrent Text Value中輸入剛才拷貝的代碼，如下圖所示， 然后點“OK”鍵4、新聞頻道概覽頁（1）、創建web部件頁點擊“文檔庫和列表”，進入EX_STATICPAGES_文檔庫后，點擊“上載文檔”按鈕將文件上載到此文檔庫中，然后進入Pages文檔庫后點擊“新建文檔”按鈕，在名稱中輸入：embed。模板選擇：整頁垂直。然后點擊“創建”

39、按鈕。如圖所示在新建的頁面中添加一個“去靜態內容（帶宏替換功能）”的web部件，拖到頁面中間，然后點擊此web部件，修改共享web部件在自定義屬性處添加： _EX_EXCHANGESITE_/EX_STATICPAGES_/ 。在外觀處 將框架樣式選擇為“無”。然后點擊應用確定 。（2）、修改更多的鏈接 將上載到EX_STATICPAGES_文檔庫的cms目錄下 用FrontPage打開網站，到EX_STATICPAGES_文檔庫的CMS目錄下雙擊打開文件。修改更多所在的鏈接，將其改為href=/sites/pxcs/Pages/url=_EX_CMSSERVER_/培訓站點/通知公告/Max

40、Words=36&showContentonly=true&noShowMore=1&NewPostingDelayDay=3&showDate=true&cssfile=sitespxcsEX_STATICPAGES_cms(3)、修改概覽頁樣式用FrontPage打開EX_STATICPAGES_文檔庫的CMS目錄下的文件。更改圖片及其路徑ms-TitleRightms-TitleLeftms-TitleRightms-TitleLeftms-contentLeftms-contentLeft六、細化首頁1、幫助信息（1）、上傳圖片和文件將幫助信息頁面上傳至EX_STATICPAGES_文檔庫下，將三個圖片文件上傳至_EX_RESOURCE_目錄下（2）、修改頁腳幫助信息的鏈接用FrontPage打開文件，修改幫助信息的鏈接為_EX_EXCHANGESITE_/EX_STATICPAGES_/。2、技術支持（1）、點擊功能條的“文檔和列表”，進入Pa