企业信息门户快速搭建手册

公司信息门户快速搭建手册TOC\o"1-3"\u一、创建站点 -3-二、页面的设计 -6-1、创建文档库 -8-2、创建页眉文献 -16-3、修改css文献 -20-4、创建页脚文献 -20-5、首页其它部件的设计 -21-（1）、内容编辑器web部件的布局和格式属性修改的做法 -21-（2）、取静态内容（带宏替换功能）的修改。eg：搜索。 -25-（3）、个人工作助理的做法。 -27-6、首页新闻设计 -28-（1）、创建CMS文献夹 -28-（2）、在CMS文献夹中新建文档 -28-在CMS文献夹点击新建文档 -29-（3）、CMS的引用 -29-三、二级页面（静态页面和栏目树） -31-1、创建静态页面文档库。 -31-2、创建一个web部件页面 -34-3、编辑新生成的web部件页 -35-4、在css文献中添加bmgk风格 -40-5、铺设静态页面左侧底图 -42-6、将“公司概况”的静态页面与首页挂接 -42-四、二级页面（文档库） -44-1、创建网站和工作区 -44-2、创建文档库 -46-3、在css文献中加入文档库风格修饰代码 -48-五、CMS -52-1、CMS频道的创建和发布 -52-（1）、创建频道 -52-（2）、发布频道 -55-2、首页新闻与CMS的挂接 -58-3、修改新闻频道细览页的页眉页脚 -60-（1）、创建新闻频道页眉 -60-（2）、创建新闻频道页脚 -62-4、新闻频道概览页 -64-（1）、创建web部件页 -64-（2）、修改更多的链接 -64-(3)、修改概览页样式 -64-六、细化首页 -65-1、帮助信息 -65-（1）、上传图片和文献 -65-（2）、修改页脚帮助信息的链接 -65-2、联系我们 -65-3、网站地图 -66-4、启动网站匿名 -66-七、美化首页 -67-1、首页添加“文档和列表”和“网站设立” -67-（1）、创建purview文档库，在该目录下上载“权限.htm”。 -67-（2）、在首页中添加“取静态内容（带宏替换功能）”的web部件。 -67-（3）、更改purview文档库权限 -67-2、将顶部功能条隐藏，增长浮动登录按钮 -67-（1）、将登录按钮图片denglu.gif上传至EX_STATICPAGES_文档库的_EX_RESOURCE_目录下 -67-（2）、修改css文献 -67-八、附件 -68-1、隐藏工具栏相关CSS代码 -68-（1）、WSS网站工具栏 -68-（2）、SPS网站工具栏 -69-2、创建滚动新闻 -69-（1）、横向滚动 -69-（2）、纵向滚动 -70-3、弹出菜单的操作环节 -72-4、创建日程安排 -74-5、创建任务督办 -74-6、意见箱 -74-7、办公用品管理 -75-

一、创建站点与SPS在同一服务器场的顶级站点创建用浏览器打开SPS门户，点击页面右上角的“登录”，在弹出的对话框中输入用户名和密码，即可登录到门户。密码域\邮件帐号密码域\邮件帐号点击功能条上面的“网站”，进入下一页面后点击页面左下侧的“创建网站”，如图所示输入标题(可以是中文)和URL(最佳用英文，以方便访问)，及电子邮件地址，点击创建按钮。如下图进入如下图页面后点击拟定按钮，进入下一步选择网站模板页面。在此页面下模板选择“空白网站（带页眉页脚）”，如下图所示。选好后点拟定按钮，即可。创建好的WSS门户首页如下图所示注意：新建门户的首页会自动继承父门户的页眉和页脚二、页面的设计点击主页右上角“修改共享网页”“添加Web部件”“浏览”根据部件的性质，将“Web部件列表”中的“内容编辑器”和“取静态内容（带宏替换功能）”拖入页面所需的位置中（拖动的方式为在待选部件上，按住鼠标左键移动，到指定位置后释放鼠标左键即可）。1、创建文档库点击主页左上角的“文档和列表”进入创建文档库页面，如图所示，然后点击“创建”点开新建文献夹创建一个保存图片及资源文献的文献夹：_EX_RESOURCE_（文献名大小写均可）点击“保存并关闭”，返回到上级目录。打开建好的“_EX_RESOURCE_”文献夹，点击上载文档。2、创建页眉文献在“EX_STATICPAGES_”文档库下，点击新建文档，这时系统会进入MicrosoftFrontPage的编辑页面。从coding文献中，选择页眉及导航条所在的TABLE（有时也许包含多个TABLE）。将其代码有选择地拷贝到新建的文献（eg：new_page_1.htm）中，img的途径替换为“_EX_RESOURCE_/”，并将导航条中首页的链接更改为：<ahref=”_EX_EXCHANGESITE_/”>首页</a>（备注：导航条中不要写绝对地址）,同时添加如下代码：<linkrel="stylesheet"href="_EX_RESOURCE_/css.css"type="text/css">(其中标红处是门户名称，eg：daqing)。使页面宽度设定为760，居中显示，同时在页面的web部件之间不显示缝隙，加入以下代码：<Script>document.title="网站标题";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>选择保存文献，文献名输入为“head.htm”。选择保存文献，文献名输入为“head.htm”。3、修改css文献建好页眉文献后，回到“_EX_RESOURCE_”文献夹下，打开css文献，添加下面代码：.ms-main{width:760;background-color:#ffffff;}body{text-align:center;}.ZoneSpacinghorizontal{display:none}.ms-PartSpacingVertical{display:none}4、创建页脚文献与创建页眉（head.htm）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文献，将此文献名保存为“foot.htm”，将coding的代码有选择的拷贝进文献即可。回到主页，就可以看到显示有头脚的主页面。5、首页其它部件的设计（1）、内容编辑器web部件的布局和格式属性修改的做法修改web部件的布局和格式的操作方式有2种。方法一从页面的右上角“修改共享网页”“修改共享web部件”“选择待须改的部件（eg：内容编辑器web部件[1]）”方法二直接从“修改web部件”进入，eg：内容编辑器web部件[1]通过以上方法可以进入到以下界面，其中界面右边即为待改部件的工具窗格。点开界面右边的“源编辑器”，弹出一个网页对话框。从coding文献中选择该部件所相应的代码拷贝至网页对话框中注意：将每部分代码拷入源编辑中时，将原有文献中所有的“img/”途径替换为“EX_STATICPAGES_/_EX_RESOURCE_”的途径，然后“保存”。点开右边工具栏的“外观”，修改“标题”中的名称，如“公司概况”、“交流与写作”、“网上办公”等。在框架样式中选“无”。然后“应用”“拟定”。（2）、取静态内容（带宏替换功能）的修改。eg：搜索。点开“取静态内容（带宏替换功能）”的下拉箭头，选“修改共享web部件”。在右面工具框的自定义属性下，文献途径中输入“_EX_EXCHANGESITE_/EX_STATICPAGES_/search.htm”在外观下标题中输入“搜索”框架样式中选“无”。然后“应用”“拟定”。创建搜索文献与创建页眉（head.htm）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文献，将此文献保存为“search.htm”，并将“search”的图片上传至“_EX_RESOURCE_”下,将下面代码拷贝进文献中即可。<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>集团</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("请输入关键字"); return; } if(scope=="0") {location=("/search.aspx?k="+document.all('idSearchString').value); } else { SubmitSearchRedirect('_layouts/2052/searchresults.aspx') }}</Script>（3）、个人工作助理的做法。个人邮件：链接到：“http：//pc”(弹出新窗口)个人订阅：链接到：“_layouts/2052/MySubs.aspx”日程安排：在本站点下建立一个事件列表，链接到该列表地址簿：在本站点下建立一个联系人列表，链接到该列表协同工作：在本站点下建立一个任务列表，链接到该列表个人查询：在本站点下一个web部件页，应当弹出新窗口办公自动化：目前根据各单位自己情况链接，应当弹出新窗口6、首页新闻设计（1）、创建CMS文献夹进入“EX_STATICPAGES_”文档库，点新建文献夹在“名称”框中输入“CMS”，然后选择“保存并关闭”。（2）、在CMS文献夹中新建文档在CMS文献夹点击新建文档，弹出M]icrosoftOfficeFrontPage页面，在该页将coding的代码进行拷贝编辑，注意，img的途径替换为：“_EX_RESOURCE_/”，将此文献保存为后缀为.htm的形式。eg：告知公告可存为tzgg.htm或告知公告.htm。（3）、CMS的引用点击“取静态内容（带宏替换功能的）”下拉箭头，选“修改共享web部件”，展开自定义属性。文献途径中输入：“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/….htm”外观的标题中输入名称，框架样式中选“无”。然后“应用”“拟定”。页面如下显示：

三、二级页面（静态页面和栏目树）1、创建静态页面文档库。（1）、创建以二级栏目命名的文档库，eg：“公司概况”，文档模板选“MicrosoftOfficeFrongtPage网页”。（2）、添加扩展属性点开当前文档下左栏最下面的“修改设立和栏”，选“添加新栏”。在栏名处输入“深度”，信息类型选“数字(1,1.0,100)”，规定此栏包含信息选“是”。然后“拟定”。点击“返回栏目名称”，eg本例“返回公司概况”。添加新栏目后的界面如下。（3）、在该文档库下创建所属的所有静态页面。（4）、设立树形结构规划要展示的栏目树，并对树中的每个节点表达其深度。这里约定栏目树的结构深度从0开始。深度编号0123生产周报总部机关发展研究部政治思想工作部规划研究部直属企事业油气田公司大庆石油管理局深度的编码将能控制树的显示层次，树中同一层次结点的显示顺序将由列表中的顺序编码来控制。根据上表将深度值赋给列表中的静态页面。（可以手动修改各个页面的顺序，顺序号间隔缺省为100）2、创建一个web部件页面（1）、创建pages文档库文档库的名称命名为“pages”，在文档模板处选“web部件页”，然后创建。进入以下界面（2）、在该pages库下选“新建文档在该pages库下选“新建文档”，在下一页面中输入二级栏目名称，eg：公司概况，布局模板默认“页眉，页脚，左栏，正文”。然后“创建”。3、编辑新生成的web部件页（1）、将右边工具栏中的“站点、库、列表显示”拖到页面的“左栏”中，点开“站点、库、列表显示”栏右边的下拉箭头，选“修改共享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）、将“显示内容”拖入到“中间”栏中点开右边的“修改共享网页”，选“添加web部件”“导入”，进入下一页面，点击“浏览”，将“显示内容.dwp”文献导入，然后“上载”，出现已上载的web部件下的“显示内容”，将“显示内容”拖入正文中在“显示内容”的下拉箭头点击—→点开“修改共享Web部件”—→在“显示内容”下点开“外观”—→在框架样式中的下拉菜单中选“无”—→应用—→拟定—→进入下列页面。下面是在“XSL”文献地址中，1、用“_EX_ROOTSITE_/_Layouts/2052/eip/Doc_list.xsl”显示栏目树的例子：2、用“_EX_ROOTSITE_/_Layouts/2052/eip/nav_tree.xsl”显示栏目树的例子：4、在css文献中添加bmgk风格在“_EX_RESOURCE_”目录下打开css文献，将下列定义加入文献中：/*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缩进*/.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}请将红色注释部分删除参见：中国石油公司信息门户技术规范(V1.4)第三章第五节Doc_List和NAV_TREE风格定义5、铺设静态页面左侧底图点击页面右上角的“修改共享页面”――设计此页――点击显示内容WEB部件的下拉箭头，点击“修改共享WEB部件”如图在页面的右侧出现显示内容的属性，点击“源编辑器”，出现显示内容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、将“公司概况”的静态页面与首页挂接（1）、点击文档库与列表，点文档库中的“pages”，进入pages页面—→点开“公司概况”，将此页面的URL地址后加“?main=公司简介.htm”—→然后将“”拷贝，用UTF-8编码器.htm编译器进行编译。把编译过的地址Pages以后的内容重拷贝。回到主页，点击右上角的“修改共享网页”“修改共享web部件”“公司概况”，进入下一页面，（1）点开“源编辑器”将上一步编译过的地址Pages以后的内容拷贝到其相应的链接处，然后保存—应用拟定。四、二级页面（文档库）二级栏目是文档库的创建方法。Eg：党群工作。1、创建网站和工作区点击主页左上角的“创建”,进入创建页面后再点击最下方的“创建网站和工作区”在标题处输入栏目名称，URL名称处输入该栏目拼音简写即可。点击“创建”进入下一页面。模板选“空白网站（带页眉、页脚）”，然后“拟定”。可以看到已建好的党群工作的子站点。2、创建文档库点击功能条中的“文档和列表”，即可进行文档库的创建。在名称处输入该栏目下子栏目的名称，文档模板选默认的“MicrosoftOfficeWord文档”。建好后的文档库如下：3、在css文献中加入文档库风格修饰代码Td.ListLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(边框)ListLeftPanelBorderTD.ms-selectednavTd.ListLeftTree_headtd.ListLeftTree_bodymstitle（背景色）ms-navframe(边框)ListLeftPanelBorderTD.ms-selectednav用FrontPage打开Css文献，在文献中加入如下代码，请根据上图相应部分的名称修改相应的风格。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频道的创建和发布（1）、创建频道打开SiteManager登录，进入登录界面CMS服务器地址为：1服务器端标语CMS服务器地址为：1服务器端标语登录的域登录的域邮件帐号口令输入对的后，进入管理界面，如下图所示找到本单位的频道，例如：培训站点，鼠标右键单击，弹出菜单选择NEWChannel，如图所示在Name中填入频道的名称，点击OK按钮即可。选择Tools频道，选中右边的两个页面文献：defaut和summary，击鼠标右键后选“Copy”,再选中刚建立的新频道，点击鼠标右键后选择”Paste”注意：LockingOwner列假如不是everyone则该频道尚未发布，如下图所示。（2）、发布频道打开浏览器，在地址栏输入http://<cmsserver>/tools/)注意前面的<cmsserver>是CMS服务器所在的IP，这里我们输入，点击页面左下角的“编辑”，进入编辑模式，输入用户名和口令后进入编辑模式。（注意：发布时登录的帐号要与创建频道的帐号一致，否则看不到要发布的页面）形式：域\邮件帐号形式：域\邮件帐号点击编辑模式，进入下一页面，点击左下角的“制作管理”，进入制作管理页面，如下图所示。点击上图中的转到，进入下一页面，点击“批准”之后再点击“制作管理”，然后点击“批准”，将文献都发布完毕。此时在SiteManager中刷新此频道，在此频道下的default.htm和summary.htm的lockingOwner应当为everyone。2、首页新闻与CMS的挂接在浏览器中打开门户，点击功能条中的“文档和列表”，打开EX_STATICPAGES_文档库，然后打开CMS文献夹，鼠标指向tzgg.htm，点击下拉箭头，在弹出菜单中点击“在MicrosoftOfficeFrontpage中编辑”打开文献后，将页面中的示例新闻删除，如图所示然后加入以下代码：<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_/油气田公司/大庆石油管理局/发展集团/集团信息/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显示最大记录数&MaxRecords=6显示标题字符数&MaxWords=30显示日期&showdate=true标题前面图标&HeadImgUrl=\sites\XXXX\EX_STATICPAGES_\_ex_resource_\007.gif3、修改新闻频道细览页的页眉页脚（1）、创建新闻频道页眉用FrontPage打开美工Coding好的新闻细览页面选择页眉所在的部分的代码，拷贝下来。启动SiteManager,登录后选中本单位所在的频道，单击鼠标右键，在弹出菜单中点击“Properties”在Properties页面中点击右上侧“Custom”进入下一页面，点击左下角的“New”按钮，弹出新建页面，在此页面中填写如下：PropertyName中填入ChannelHeadPropertyType选择TEXTCurrentTextValue中输入刚才拷贝的代码（注意：请将图片所在途径更改对的），再将一下定义细览页风格的代码拷贝到最上面，代码如下：<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替换为相应站点名称CMSTEXT定义正文的字体风格CMSTITLE定义标题字体风格MS-Content定义正文区域背景的图片a.Yejiao定义页脚三个链接的样式Yejiao定义版权信息字体样式注意图片的地址和链接的样式要根据美工提供的作修改。输入好代码之后点“OK”键（2）、创建新闻频道页脚同理FrontPage中选中页脚，将代码拷贝下来，并更改图片所在途径。返回SiteManager，在Custom中点击左下角按钮“New”，弹出新建页面，在此页面中填写如下：PropertyName中填入ChannelHFootPropertyType选择TEXTCurrentTextValue中输入刚才拷贝的代码，如下图所示，然后点“OK”键4、新闻频道概览页（1）、创建web部件页点击“文档库和列表”，进入EX_STATICPAGES_文档库后，点击“上载文档”按钮将embed.htm文献上载到此文档库中，然后进入Pages文档库后点击“新建文档”按钮，在名称中输入：embed。模板选择：整页垂直。然后点击“创建”按钮。如图所示在新建的页面中添加一个“取静态内容（带宏替换功能）”的web部件，拖到页面中间，然后点击此web部件，修改共享web部件在自定义属性处添加：_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=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文献。更改图片及其途径table.ms-Titlems-TitleRighttd.theTitlems-TitleLefttable.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文档库，点击“新建文档”按钮，进入下一页面，在名称中输入：lxwm，布局模板选择：整页，垂直，然后点击“创建”按钮。进入下一页面后，将一个“内容编辑器WEB部件”拖入页面中，然后修改共享web部件，打开“源编辑器”，将联系我们的示范代码拷贝粘贴到其中，（内容可以自行修改），然后点击应用—拟定。(2)、用FrontPage打开Foot.htm文献，修改联系我们的链接为_EX_EXCHANGESITE_/Pages/lxwm.aspx。3、网站地图点击功能条的“文档和列表”，进入Pages文档库，点击“新建文档”按钮，进入下一页面，在名称中输入：mhdt，布局模板选择：整页，垂直，然后点击“创建”按钮。进入下一页面后，将一个“内容编辑器WEB部件”拖入页面中，然后修改共享web部件，打开“源编辑器”。用FrontPage将美工Coding好的门户地图页面打开，选择除去页眉页脚部分所有的代码，拷贝下来，然后拷贝粘贴到原编码器中，（内容要自行修改），然后点击应用—拟定。用FrontPage打开Foot.htm文献，修改门户地图的链接为_EX_EXCHANGESITE_/Pages/mhdt.aspx。4、启动网站匿名点击功能条的“网站设立”，然后点击“转到网站管理”进入网站管理页面后，点击更改匿名访问，在匿名用户可以访问项目，选择“整个网站”然后点击拟定按钮。如图所示注意：假如这个选项为灰色不可选，请将地址栏中的ip及端标语换成域名，例如：://pc/sites/pxcs七、美化首页1、首页添加“文档和列表”和“网站设立”（1）、创建purview文档库，在该目录下上载“权限.htm”。（2）、在首页中添加“取静态内容（带宏替换功能）”的web部件。修改共享web部件，在自定义属性中加入“_EX_EXCHANGESITE_/purview/权限.htm”（3）、更改purview文档库权限 点“文档库和列表”—进入purview文档库—点页面左下方“修改和设立栏”“更改此文档库的权限”， 删除所有用户，只留下网站设计者；更改匿名访问设立，将匿名用户可以“查看项目”去掉。2、将顶部功能条隐藏，增长浮动登录按钮（1）、将登录按钮图片denglu.gif上传至EX_STATICPAGES_文档库的_EX_RESOURCE_目录下（2）、修改css文献用FrontPage打开css文献，在其中加入下面代码/*隐藏顶部工具栏*/.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}参见：中国石油公司信息门户技术规范(V1.4)第四章第三节4.3 Css.css范本八、附件1、隐藏工具栏相关CSS代码（1）、WSS网站工具栏/*隐藏WSS二级页面概览页顶部工具栏*/.ms-bannerframe{display:none;}/*隐藏WSS二级页面概览页中间工具栏*/.smartpagetitle{display:none}（2）、SPS网站工具栏/*隐藏SPS二级页面概览页左侧工具栏*/#webpartpagenavbar{display:none;}/*隐藏SPS二级页面概览页顶部工具栏*/#ms-phnav1wrapper{ display:none;}/*隐藏SPS二级页面概览页中间工具栏*/#ms-titleareaframe{ display:none;}/*隐藏SPS二级页面概览页顶部工具栏*/#ms-bannerframe{display:none;}2、创建滚动新闻（1）、横向滚动1、在要建成滚动新闻频道default.htm页面中点击创建新页面,在模板中选择”工具模板”——>>一行摘要——>>保存新页面——>>将页面存为summary.htm（若不存为summary则在调用页面时调用相应文献名，若频道中已经存在summary模板则要先删除原summary模板。）2、在EX_STATICPAGES_/cms目录下创建新文献gdxw.htm，内容为：<iframeSCROLLING=noframeborder="0"name='view_WPQ_'src='_EX_CMSSERVER_/油气田公司/大庆石油管理局/XX集团/XXXX/summary.htm?MaxRecords=6&MaxWords=26&hiddenEdit=1&noshowmore=true&showdate=true'width='100%'height=30width="400"></iframe>3、在首页插入取静态内容宏替换，在自定义属性——文献途径中输入：_EX_EXCHANGESITE_/EX_STATICPAGES_/cms/gdxw.htm（2）、纵向滚动1、在default.htm页面中进入summary.htm页面（在地址栏中将default.htm换成summary.htm），例如：:8001/cmsroot/油气田公司/大庆石油管理局/示例站点/告知公告/summary.htm点击编辑模式，在编辑页面的地址栏中加上&SUPEREDIT=TRUE。2、在SUMMARY页面的编辑栏中点页面属性，在CUSTOM中可更改模板属性。*当Scroll=true下列控制参数起作用： BEHAVIOR：滚动方式 SCROLLAMOUNT：单步移动距离 SCROLLDELAY：单步移动延迟 DIRECTION：滚动方向superedit将Scroll使用默认值一项设立为FALSE，将当前值一项设立为true，单击SAVE。3、批准。3、弹出菜单的操作环节第一步：上载：menu.js文献到_EX_RESOURCE_文献夹中。第二步：修改原有的.css文献。在本来的样式文献中加入如下代码：.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">报刊导读</A></TD><TDwidth=5><SPANstyle="PADDING-TOP:0px;FONT-FAMILY:Webdings">4</SPAN></TD></TR></TABLE>３、加div这个层并建立各弹出的子栏目名称：<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