企业信息门户快速搭建办法

1、企业信息门户快速搭建手册 TOC o 1-3 u 一、创建站点 PAGEREF _Toc142037618 h - 3 -二、页面的设计 PAGEREF _Toc142037619 h - 6 -1、创建文档库 PAGEREF _Toc142037620 h - 8 -2、创建页眉文件 PAGEREF _Toc142037621 h - 16 -3、修改css文件 PAGEREF _Toc142037622 h - 20 -4、创建页脚文件 PAGEREF _Toc142037623 h - 20 -5、首页其它部件的设计 PAGEREF _Toc142037624 h - 21 -（1）、内

2、容编辑器web部件的布局和格式属性修改的做法 PAGEREF _Toc142037625 h - 21 -（2）、取静态内容（带宏替换功能）的修改。eg：搜索。 PAGEREF _Toc142037626 h - 25 -（3）、个人工作助理的做法。 PAGEREF _Toc142037627 h - 27 -6、首页新闻设计 PAGEREF _Toc142037628 h - 28 -（1）、创建CMS文件夹 PAGEREF _Toc142037629 h - 28 -（2）、在CMS文件夹中新建文档 PAGEREF _Toc142037630 h - 28 -在CMS文件夹点击新建文档 P

3、AGEREF _Toc142037631 h - 29 -（3）、CMS的引用 PAGEREF _Toc142037632 h - 29 -三、二级页面（静态页面和栏目树） PAGEREF _Toc142037633 h - 31 -1、创建静态页面文档库。 PAGEREF _Toc142037634 h - 31 -2、创建一个web部件页面 PAGEREF _Toc142037635 h - 34 -3、编辑新生成的web部件页 PAGEREF _Toc142037636 h - 35 -4、在css文件中添加bmgk风格 PAGEREF _Toc142037637 h - 40 -5、铺

4、设静态页面左侧底图 PAGEREF _Toc142037638 h - 42 -6、将“公司概况”的静态页面与首页挂接 PAGEREF _Toc142037639 h - 42 -四、二级页面（文档库） PAGEREF _Toc142037640 h - 44 -1、创建网站和工作区 PAGEREF _Toc142037641 h - 44 -2、创建文档库 PAGEREF _Toc142037642 h - 46 -3、在css文件中加入文档库风格修饰代码 PAGEREF _Toc142037643 h - 48 -五、CMS PAGEREF _Toc142037644 h - 52 -1、

5、CMS频道的创建和公布 PAGEREF _Toc142037645 h - 52 -（1）、创建频道 PAGEREF _Toc142037646 h - 52 -（2）、公布频道 PAGEREF _Toc142037647 h - 55 -2、首页新闻与CMS的挂接 PAGEREF _Toc142037648 h - 58 -3、修改新闻频道细览页的页眉页脚 PAGEREF _Toc142037649 h - 60 -（1）、创建新闻频道页眉 PAGEREF _Toc142037650 h - 60 -（2）、创建新闻频道页脚 PAGEREF _Toc142037651 h - 62 -4、新

6、闻频道概览页 PAGEREF _Toc142037652 h - 64 -（1）、创建web部件页 PAGEREF _Toc142037653 h - 64 -（2）、修改更多的链接 PAGEREF _Toc142037654 h - 64 -(3)、修改概览页样式 PAGEREF _Toc142037655 h - 64 -六、细化首页 PAGEREF _Toc142037656 h - 65 -1、关心信息 PAGEREF _Toc142037657 h - 65 -（1）、上传图片和文件 PAGEREF _Toc142037658 h - 65 -（2）、修改页脚关心信息的链接 PAGE

7、REF _Toc142037659 h - 65 -2、联系我们 PAGEREF _Toc142037660 h - 65 -3、网站地图 PAGEREF _Toc142037661 h - 66 -4、开启网站匿名 PAGEREF _Toc142037662 h - 66 -七、美化首页 PAGEREF _Toc142037663 h - 67 -1、首页添加“文档和列表”和“网站设置” PAGEREF _Toc142037664 h - 67 -（1）、创建purview文档库，在该目录下上载“权限.htm”。 PAGEREF _Toc142037665 h - 67 -（2）、在首页中添

8、加“取静态内容（带宏替换功能）”的web部件。 PAGEREF _Toc142037666 h - 67 -（3）、更改purview文档库权限 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、隐藏工具栏相关CSS代码 PAGEREF _Toc142037672 h - 68 -（1）、WSS网站工具栏 PAGEREF _Toc142037673 h - 68 -（2）、SPS网站工具栏 PAGEREF _Toc142037674 h - 69 -2、创建滚动新闻 PAGEREF _Toc142037675 h - 69 -（1）、横向滚动 PAGEREF _Toc142037676 h - 69 -（2）、纵向滚动 PAGEREF _Toc142037677 h - 70 -3、弹出菜单的操作步骤 PAGEREF _Toc14203767

10、8 h - 72 -4、创建日程安排 PAGEREF _Toc142037679 h - 74 -5、创建任务督办 PAGEREF _Toc142037680 h - 74 -6、意见箱 PAGEREF _Toc142037681 h - 74 -7、办公用品治理 PAGEREF _Toc142037682 h - 75 -一、创建站点与SPS在同一服务器场的顶级站点创建用扫瞄器打开SPS门户，点击页面右上角的“登录”，在弹出的对话框中输入用户名和密码，即可登录到门户。密码域 邮件帐号密码域 邮件帐号点击功能条上面的“ HYPERLINK 1:8001/SiteDirectory/Lists/

11、List/Summary.aspx 网站”，进入下一页面后点击页面左下侧的“创建网站”，如图所示输入标题(能够是中文)和URL(最好用英文，以方便访问)，及电子邮件地址，点击创建按钮。如下图进入如下图页面后点击确定按钮，进入下一步选择网站模板页面。在此页面下模板选择“空白网站（带页眉页脚）”，如下图所示。 选好后点确定按钮，即可。创建好的WSS门户首页如下图所示注意：新建门户的首页会自动继承父门户的页眉和页脚二、页面的设计点击主页右上角“修改共享网页” “添加Web部件” “扫瞄” 依照部件的性质，将“Web部件列表”中的“内容编辑器”和“取静态内容（带宏替换功能）”拖入页面所需的位置中（拖动

12、的方式为在待选部件上，按住鼠标左键移动，到指定位置后释放鼠标左键即可）。1、创建文档库点击主页左上角的“文档和列表”进入创建文档库页面，如图所示，然后点击“创建”点开新建文件夹创建一个保存图片及资源文件的文件夹：_EX_RESOURCE_（文件名大小写均可）点击“保存并关闭”，返回到上级目录。打开建好的“_EX_RESOURCE_”文件夹，点击上载文档。2、创建页眉文件在“EX_STATICPAGES_”文档库下，点击新建文档，这时系统会进入MicrosoftFrontPage的编辑页面。从coding文件中，选择页眉及导航条所在的TABLE（有时可能包含多个TABLE）。将其代码有选择地拷贝

13、到新建的文件（eg：new_page_1.htm）中，img的路径替换为“_EX_RESOURCE_/”，并将导航条中首页的链接更改为：首页（备注：导航条中不要写绝对地址）,同时添加如下代码：(其中标红处是门户名称，eg：daqing)。使页面宽度设定为760，居中显示，同时在页面的web部件之间不显示缝隙，加入以下代码：document.title=网站标题;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、创建页脚文件与创建页眉（head.htm）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文件，将此文件名保存为“foot.htm”，将coding的代码有选择的拷贝进文件即可。回到主页，就能够看到显示有头脚的主页面。5、首页其它部件的设计（1）、内容编辑器web部件的布局和格式属性修改的做法修改web部件的布局和格式的操作方式有2种。方法一 从页面的右上角“修改共享网页”“修改

19、共享web部件”“选择待须改的部件（eg：内容编辑器web部件1）”方法二 直接从“修改web部件”进入，eg：内容编辑器web部件1通过以上方法能够进入到以下界面，其中界面右边即为待改部件的工具窗格。点开界面右边的“源编辑器”，弹出一个网页对话框。 从coding文件中选择该部件所对应的代码拷贝至网页对话框中注意：将每部分代码拷入源编辑中时，将原有文件中所有的“img/”路径替换为“EX_STATICPAGES_/_EX_RESOURCE_”的路径，然后“保存”。点开右边工具栏的“外观”，修改“标题”中的名称，如“公司概况”、“交流与写作”、“网上办公”等。在框架样式中选“无”。然后“应用”

20、“确定”。（2）、取静态内容（带宏替换功能）的修改。eg：搜索。点开“取静态内容（带宏替换功能）”的下拉箭头，选“修改共享web部件”。在右面工具框的自定义属性下，文件路径中输入“_EX_EXCHANGESITE_/EX_STATICPAGES_/search.htm”在外观下标题中输入“搜索” 框架样式中选“无”。然后“应用”“确定”。创建搜索文件与创建页眉（head.htm）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文件，将此文件保存为“search.htm”，并将“search”的图片上传至“_EX_RESOURCE_”下,将下面代码拷贝进文件中即可。

21、部门集团 function DoscopeSearch()var scope= document.all(SearchScopeSel).valueif(document.all(idSearchString).value=) alert(请输入关键字); 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”日程安排：在本站点下建立一个事件列表，链接到该列表地 址 簿：在本站点下建立一个联系人列表，链接到该列表协同工作：在本站点下建立一个任务列表，链接到该列表个人查询：在本站点下一个web部件页，应该弹出新窗口办公自动化：目前依照各单位自己情况链接，应该弹出新窗口6、首页新闻设计（1）、创建CMS文件夹进入“EX_STATICPAGES_”文档库，点新建文件夹在“名称”框中输入“CMS”，然后选择“保存并关闭”。（2）、在CMS文件夹中新建文档在CMS文件夹点击新建文档，弹出Microsoft Office F

23、rontPage页面，在该页将coding的代码进行拷贝编辑，注意，img的路径替换为：“_EX_RESOURCE_/”，将此文件保存为后缀为.htm的形式。eg：通知公告可存为tzgg.htm或通知公告.htm。（3）、CMS的引用点击“取静态内容（带宏替换功能的）”下拉箭头，选“修改共享web部件”，展开自定义属性。文件路径中输入：“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/.htm”外观的标题中输入名称，框架样式中选“无”。然后“应用”“确定”。页面如下显示：三、二级页面（静态页面和栏目树）1、创建静态页面文档库。（1）、创建以二级栏目命名的文档库，e

24、g：“公司概况”，文档模板选“Microsoft Office FrongtPage网页”。（2）、添加扩展属性点开当前文档下左栏最下面的“修改设置和栏”，选“添加新栏”。在栏名处输入“深度”，信息类型选“数字(1, 1.0, 100)”，要求此栏包含信息选“是”。然后“确定”。点击“返回栏目名称”，eg本例“返回公司概况”。添加新栏目后的界面如下。（3）、在该文档库下创建所属的所有静态页面。（4）、设置树形结构规划要展示的栏目树，并对树中的每个节点表示其深度。那个地点约定栏目树的结构深度从0开始。深度编号0123生产周报总部机关进展研究部政治思想工作部规划研究部直属企事业油气田企业大庆石油治

25、理局深度的编码将能操纵树的显示层次，树中同一层次结点的显示顺序将由列表中的顺序编码来操纵。依照上表将深度值赋给列表中的静态页面。（能够手动修改各个页面的顺序，顺序号间隔缺省为100）2、创建一个web部件页面 （1）、创建pages文档库文档库的名称命名为“pages”，在文档模板处选“web部件页”，然后创建。进入以下界面（2）、在该pages库下选“新建文档在该pages库下选“新建文档”，在下一页面中输入二级栏目名称， eg：公司概况，布局模板默认“页眉，页脚，左栏，正文”。然后“创建”。3、编辑新生成的web部件页（1）、将右边工具栏中的“站点、库、列表显示”拖到页面的“左栏”中，点开

26、“站点、库、列表显示”栏右边的下拉箭头，选“修改共享web部件”。（2）、点开右边工具栏中的“内容设置”在框中按以下对比填写。名称 填写值列举列表内容 *风格定义bmgk指定列表名称列表类型选择是否是显示出错信息 FALSE目标地址，多目标时用“;”分割_EX_THISSITE_#二级栏目名称（eg：公司概况）Xsl文件地址_EX_ROOTSITE_/_layouts/2052/eip/nav_tree.xsl 或_EX_ROOTSITE_/_layouts/2052/eip/Doc_list.xsl最大深度 -1Xsl内容然后“应用”“确定”。（3）、将“显示内容”拖入到“中间”栏中点开右边

27、的“修改共享网页”，选“添加web部件”“导入”，进入下一页面，点击“扫瞄”，将“显示内容.dwp”文件导入，然后“上载”，出现已上载的web部件下的“显示内容”，将“显示内容”拖入正文中在“显示内容”的下拉箭头点击 点开“修改共享Web部件” 在“显示内容”下点开“外观” 在框架样式中的下拉菜单中选“无” 应用 确定 进入下列页面。下面是在“XSL”文件地址中，1、用“_EX_ROOTSITE_/_Layouts/2052/eip/Doc_list.xsl”显示栏目树的例子：2、用“_EX_ROOTSITE_/_Layouts/2052/eip/nav_tree.xsl” 显示栏目树的例子：

28、4、在css文件中添加bmgk风格在“_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缩进*/.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请将红色注释部分删除参见：中国石油企业信息门户技术规范(V1.4)第三章第五节Doc_List和NAV_TREE风格定义5、铺设静态页面左侧底图点击页面右上角的“修改共享页面”设计此页点击显示内容WEB部件的下拉箭头，点击“修改共享WEB部件”如图在页面的右侧出现显示内容的属性，点击“源编辑器”，出现显示内容WEB部件的代码。在代码的下面添加铺底图的样式代码#MSO_ContentTablebackground-image:url(./EX_STATICPAGES_/_EX_RESOURCE_/erji_05.jpg);padding-left:0px;back

32、ground-repeat:repeat-y;height:100%6、将“公司概况”的静态页面与首页挂接（1）、点击文档库与列表，点文档库中的“pages”，进入pages页面点开“公司概况”，将此页面的URL地址后加“?main=企业简介.htm ” 然后将“1/sites/XXXX/pages/gsgk.aspx?main=企业简介.htm” 拷贝，用UTF-8编码器.htm编译器进行编译。把编译过的地址Pages以后的内容重拷贝。回到主页，点击右上角的“修改共享网页”“修改共享web部件”“公司概况”，进入下一页面，（1）点开“源编辑器”将上一步编译过的地址Pages以后的内容拷贝到其

33、对应的链接处，然后保存应用确定。四、二级页面（文档库）二级栏目是文档库的创建方法。Eg：党群工作。1、创建网站和工作区点击主页左上角的“创建”, 进入创建页面后再点击最下方的“创建网站和工作区”在标题处输入栏目名称，URL名称处输入该栏目拼音简写即可。点击“创建”进入下一页面。模板选“空白网站（带页眉、页脚）”，然后“确定”。能够看到已建好的党群工作的子站点。2、创建文档库点击功能条中的“文档和列表”，即可进行文档库的创建。在名称处输入该栏目下子栏目的名称，文档模板选默认的“Microsoft Office Word 文档”。建好后的文档库如下：3、在css文件中加入文档库风格修饰代码Td.L

34、istLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(边框)ListLeftPanelBorderTD.ms-selectednavTd.ListLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(边框)ListLeftPanelBorderTD.ms-selectednav用FrontPage打开Css文件，在文件中加入如下代码，请依照上图对应部分的名称修改相应的风格。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频道的创建和公布（1）、创建频道打开Site Manager 登录，进入登录界面CMS服务器地址为：1服务器端口号CMS服务器地址为：1服务器端口号登录的域登录的域邮件帐号口令输入正确后，进入治理界面，如下图所示找到本单位的频道 ，例如： 培训站点，鼠标右键单击，弹出菜单选择NEW Channe

43、l ，如图所示在Name中填入频道的名称，点击OK按钮即可。选择Tools频道，选中右边的两个页面文件：defaut和summary，击鼠标右键后选“Copy”,再选中刚建立的新频道，点击鼠标右键后选择”Paste”注意：Locking Owner列假如不是everyone 则 该频道还未公布，如下图所示。（2）、公布频道打开扫瞄器，在地址栏输入 HYPERLINK http:/cms http:/tools/) 注意前面的 HYPERLINK http:/cms 是CMS服务器所在的IP，那个地点我们输入HYPERLINK 1/tools/1/tools/，点击页面左下角的“编辑”，进入编辑

44、模式，输入用户名和口令后进入编辑模式。（注意：公布时登录的帐号要与创建频道的帐号一致，否则看不到要公布的页面） 形式：域邮件帐号形式：域邮件帐号点击编辑模式，进入下一页面，点击左下角的“制作治理”，进入制作治理页面，如下图所示。点击上图中的转到，进入下一页面，点击“批准”之后再点击“制作治理”，然后点击“批准”，将文件都公布完毕。现在在Site Manager中刷新此频道，在此频道下的default.htm和summary.htm的locking Owner应该为everyone。2、首页新闻与CMS的挂接在扫瞄器中打开门户，点击功能条中的“文档和列表”，打开EX_STATICPAGES_文档

45、库，然后打开CMS文件夹，鼠标指向tzgg.htm，点击下拉箭头，在弹出菜单中点击“在 Microsoft Office Frontpage 中编辑” 打开文件后，将页面中的示例新闻删除，如图所示然后加入以下代码：如隐藏编辑模式 &hiddenedit=1隐藏更多 &noshowmore=true显示最大记录数 &MaxRecords=6显示标题字符数 &MaxWords=30显示日期 &showdate=true标题前面图标 &HeadImgUrl=sitesXXXXEX_STATICPAGES_ex_resource_007.gif3、修改新闻频道细览页的页眉页脚（1）、创建新闻频道页眉用

46、FrontPage打开美工Coding好的新闻细览页面选择页眉所在的部分的代码，拷贝下来。启动Site Manager,登录后选中本单位所在的频道，单击鼠标右键，在弹出菜单中点击“Properties”在Properties页面中点击右上侧“Custom”进入下一页面，点击左下角的“New”按钮，弹出新建页面，在此页面中填写如下：Property Name中填入 ChannelHeadProperty Type选择 TEXTCurrent Text Value中输入刚才拷贝的代码（注意：请将图片所在路径更改正确），再将一下定义细览页风格的代码拷贝到最上面，代码如下：.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替换为相应站点名称CMSTEXT 定义正文的字体风格CMSTITLE 定义标题字体风格MS-Content 定义正文区域背景的图片a.Yejiao 定义页脚三个链接的样式Yejiao 定义版权信息字体样式注意图片的地址和链接的样式要依照美工提供的作修改。输入好代码之后点“OK”键（2）、创建新闻频道页脚 同理FrontPage中选中页脚，将代码拷贝下来，并更改图片所在路径。返回Site Manager，在Custom中点击左下角按钮“New”，弹出新建页面，在此页面中填写如下：Propert

50、y Name中填入 ChannelHFootProperty Type选择 TEXTCurrent Text Value中输入刚才拷贝的代码，如下图所示， 然后点“OK”键4、新闻频道概览页（1）、创建web部件页点击“文档库和列表”，进入EX_STATICPAGES_文档库后，点击“上载文档”按钮将embed.htm文件上载到此文档库中，然后进入Pages文档库后点击“新建文档”按钮，在名称中输入：embed。模板选择：整页垂直。然后点击“创建”按钮。如图所示在新建的页面中添加一个“取静态内容（带宏替换功能）”的web部件，拖到页面中间，然后点击此web部件，修改共享web部件在自定义属性处

51、添加： _EX_EXCHANGESITE_/EX_STATICPAGES_/embed.htm 。在外观处 将框架样式选择为“无”。然后点击应用确定 。（2）、修改更多的链接 将pagelist.css上载到EX_STATICPAGES_文档库的cms目录下 用FrontPage打开网站，到EX_STATICPAGES_文档库的CMS目录下双击打开tzgg.htm文件。修改更多所在的链接，将其改为href=_EX_THISSITE_/Pages/embed.aspx?url=_EX_CMSSERVER_/油气田企业/大庆石油治理局/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六、细化首页1、关心信息（1）、上传图片和文件将关心信息页面bzxx.htm上传至EX_STATICPAGES_文档库下，将三个图片文件上传至_EX_RESOURCE_目录下（2）、修改页脚关心信息的链接用FrontPage打开Foot.htm文件，修改关心信息的链接为_EX_EXCHANGESITE_/EX_STATICPAGES_/bzxx.htm。2、联系我们（1）、点击功能条的“文档和列表”，进入Pages文档库，点击“新建文档”按钮，

54、进入下一页面，在名称中输入：lxwm ，布局模板选择：整页，垂直，然后点击“创建”按钮。进入下一页面后，将一个“内容编辑器WEB部件”拖入页面中，然后修改共享web部件，打开“源编辑器”，将联系我们的示范代码拷贝粘贴到其中，（内容能够自行修改），然后点击应用确定。(2)、用FrontPage打开Foot.htm文件，修改联系我们的链接为_EX_EXCHANGESITE_/Pages/lxwm.aspx。3、网站地图点击功能条的“文档和列表”，进入Pages文档库，点击“新建文档”按钮，进入下一页面，在名称中输入：mhdt ，布局模板选择：整页，垂直，然后点击“创建”按钮。进入下一页面后，将一个

55、“内容编辑器WEB部件”拖入页面中，然后修改共享web部件，打开“源编辑器”。用FrontPage将美工Coding好的门户地图页面打开，选择除去页眉页脚部分所有的代码，拷贝下来，然后拷贝粘贴到原编码器中，（内容要自行修改），然后点击应用确定。用FrontPage打开Foot.htm文件，修改门户地图的链接为_EX_EXCHANGESITE_/Pages/mhdt.aspx。4、开启网站匿名点击功能条的“网站设置”，然后点击“转到网站治理”进入网站治理页面后，点击更改匿名访问，在匿名用户能够访问项目，选择“整个网站”然后点击确定按钮。如图所示注意：假如那个选项为灰色不可选，请将地址栏中的ip及

56、端口号换成域名，例如：1/sites/pxcs/ 要转换成 pc/sites/pxcs七、美化首页1、首页添加“文档和列表”和“网站设置”（1）、创建 HYPERLINK pc/sites/red/purview/Forms/AllItems.aspx purview文档库，在该目录下上载“权限.htm”。（2）、在首页中添加“取静态内容（带宏替换功能）”的web部件。修改共享web部件，在自定义属性中加入“_EX_EXCHANGESITE_/purview/权限.htm”（3）、更改 HYPERLINK pc/sites/red/purview/Forms/AllItems.aspx pur

57、view文档库权限点“文档库和列表”进入 HYPERLINK pc/sites/red/purview/Forms/AllItems.aspx purview文档库点页面左下方“修改和设置栏”“更改此文档库的权限”，删除所有用户，只留下网站设计者；更改匿名访问设置，将匿名用户能够“查看项目”去掉。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参见：中国石油企业信息门户技术规范(V1.4)第四章第三节4.3Css.css范本八、附件1、隐藏工具栏相关CSS代码（1）、WSS网站工具栏/*隐藏WSS二级页面概览页顶部工具栏*/.ms-bannerframe display:none;/*隐藏WSS二级页面概览页中间工具栏*/.smartpagetitledisplay:none（2）、SPS网站工具栏/*隐藏SPS二级页面概览页左侧工具栏*/#webpartpagenavbar display:non

60、e;/*隐藏SPS二级页面概览页顶部工具栏*/#ms-phnav1wrapperdisplay:none;/*隐藏SPS二级页面概览页中间工具栏*/#ms-titleareaframedisplay:none;/*隐藏SPS二级页面概览页顶部工具栏*/#ms-bannerframe display:none;2、创建滚动新闻（1）、横向滚动1、在要建成滚动新闻频道default.htm页面中点击创建新页面,在模板中选择”工具模板”一行摘要保存新页面将页面存为summary.htm（若不存为summary则在调用页面时调用相应文件名，若频道中差不多存在summary模板则要先删除原summary