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

企业信息门户快速搭建手册一、创建站点2二、页面的设计61、创建文档库82、创建页眉文件153、修改CSS文件184、创建页脚文件195、首页其它部件的设计19（1）、内容编辑器WEB部件的布局和格式属性修改的做法19（2）、取静态内容（带宏替换功能）的修改。EG搜索。23（3）、个人工作助理的做法。256、首页新闻设计26（1）、创建CMS文件夹26（2）、在CMS文件夹中新建文档26在CMS文件夹点击新建文档27（3）、CMS的引用27三、二级页面（静态页面和栏目树）281、创建静态页面文档库。282、创建一个WEB部件页面333、编辑新生成的WEB部件页344、在CSS文件中添加BMGK风格395、将“公司概况”的静态页面与首页挂接40四、二级页面（文档库）421、创建网站和工作区422、创建文档库443、在CSS文件中加入文档库风格修饰代码46五、CMS541、CMS频道的创建和发布54（1）、创建频道54（2）、发布频道562、首页新闻与CMS的挂接593、修改新闻频道细览页的页眉页脚60（1）、创建新闻频道页眉60（2）、创建新闻频道页脚634、新闻频道概览页64（1）、创建WEB部件页64（2）、修改更多的链接653、修改概览页样式65六、细化首页661、帮助信息66（1）、上传图片和文件66（2）、修改页脚帮助信息的链接662、技术支持663、网站地图674、开启网站匿名67七、美化首页671、首页添加“文档和列表”和“网站设置”67（1）、创建PURVIEW文档库，在该目录下上载“权限HTM”。67（2）、在首页中添加“取静态内容（带宏替换功能）”的WEB部件。67（3）、更改PURVIEW文档库权限672、将顶部功能条隐藏，增加浮动登录按钮68（1）、将登录按钮图片DENGLUGIF上传至EX_STATICPAGES_文档库的_EX_RESOURCE_目录下68（2）、修改CSS文件68一、创建站点与SPS在同一服务器场的顶级站点创建用浏览器打开SPS门户，点击页面右上角的“登录”，在弹出的对话框中输入用户名和密码，即可登录到门户。点击功能条上面的“网站”，进入下一页面后点击页面左下侧的“创建网站”，如图所示域邮件帐号密码输入标题可以是中文和URL最好用英文，以方便访问，及电子邮件地址，点击创建按钮。如下图进入如下图页面后点击确定按钮，进入下一步选择网站模板页面。在此页面下模板选择“空白网站（带页眉页脚）”，如下图所示。选好后点确定按钮，即可。创建好的WSS门户首页如下图所示注意新建门户的首页会自动继承父门户的页眉和页脚二、页面的设计点击主页右上角“修改共享网页”“添加WEB部件”“浏览”根据部件的性质，将“WEB部件列表”中的“内容编辑器”和“取静态内容（带宏替换功能）”拖入页面所需的位置中（拖动的方式为在待选部件上，按住鼠标左键移动，到指定位置后释放鼠标左键即可）。1、创建文档库点击主页左上角的“文档和列表”进入创建文档库页面，如图所示，然后点击“创建”点开新建文件夹创建一个保存图片及资源文件的文件夹_EX_RESOURCE_（文件名大小写均可）点击“保存并关闭”，返回到上级目录。打开建好的“_EX_RESOURCE_”文件夹，点击上载文档。2、创建页眉文件在“EX_STATICPAGES_”文档库下，点击新建文档，这时系统会进入MICROSOFTFRONTPAGE的编辑页面。从CODING文件中，选择页眉及导航条所在的TABLE（有时可能包含多个TABLE）。将其代码有选择地拷贝到新建的文件（EGNEW_PAGE_1HTM）中，IMG的路径替换为“_EX_RESOURCE_/”，并将导航条中首页的链接更改为首页（备注导航条中不要写绝对地址）,同时添加其中标红处是门户名称，EGDAQING。使页面宽度设定为760，居中显示，同时在页面的WEB部件之间不显示缝隙，加入以下代码DOCUMENTTITLE“FUNCTIONAUTOFITFRAMETRYNODEEVENTSRCELEMENTIFNODECONTENTWINDOWDOCUMENTBODYINNERHTML“NODESTYLEHEIGHTNODECONTENTWINDOWDOCUMENTBODYSCROLLHEIGHTNODESTYLEWIDTHNODECONTENTWINDOWDOCUMENTBODYSCROLLWIDTHCATCHEXVARPTABLESPTABLESDOCUMENTGETELEMENTSBYTAGNAME“TABLE“IFPTABLESLENGTH0PTABLES0CLASSNAME“MSMAIN“WINDOWATTACHEVENT“ONLOAD“,FLFOATERDIVWINDOWATTACHEVENT“ONLOAD“,INITFLOATEREXPORTWINDOWATTACHEVENT“ONSCROLL“,FLFOATERDIVWINDOWATTACHEVENT“ONRESIZE“,FLFOATERDIVFUNCTIONINITFLOATEREXPORTTRYDOCUMENTGETELEMENTBYID“DIIDIOEXPORTTOSPREADSHEET“CLASSNAME“DIIDIOEXPORT“CATCHEXTRYDOCUMENTALL“FLOATERSETTINGSDIV“STYLEDISPLAY“INLINE“CATCHEXFUNCTIONFLFOATERDIVTRYDOCUMENTALL“FLOATERSETTINGSDIV“STYLELEFTDOCUMENTBODYCLIENTWIDTH110DOCUMENTALL“FLOATERSETTINGSDIV“STYLETOPDOCUMENTBODYSCROLLTOPCATCHEX选择保存文件，文件名输入为“HEADHTM”。选择保存文件，文件名输入为“HEADHTM”。3、修改CSS文件建好页眉文件后，回到“_EX_RESOURCE_”文件夹下，打开CSS文件，添加下面代码MSMAINWIDTH760BODYTEXTALIGNCENTERZONESPACINGHORIZONTALDISPLAYNONEMSPARTSPACINGVERTICALDISPLAYNONE4、创建页脚文件与创建页眉（HEADHTM）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文件，将此文件名保存为“FOOTHTM”，将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_/SEARCHHTM”在外观下标题中输入“搜索”框架样式中选“无”。然后“应用”“确定”。创建搜索文件与创建页眉（HEADHTM）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文件，将此文件保存为“SEARCHHTM”，并将“SEARCH”的图片上传至“_EX_RESOURCE_”下,将下面代码拷贝进文件中即可。部门集团FUNCTIONDOSCOPESEARCHVARSCOPEDOCUMENTALL“SEARCHSCOPESEL“VALUEIFDOCUMENTALLIDSEARCHSTRINGVALUE“ALERT“请输入关键字“RETURNIFSCOPE“0“LOCATION“/SEARCHASPXK“DOCUMENTALLIDSEARCHSTRINGVALUEELSESUBMITSEARCHREDIRECT_LAYOUTS/2052/SEARCHRESULTSASPX（3）、个人工作助理的做法。A个人邮件，链接到“HTTP/MAILCNPC”弹出新窗口B个人订阅，链接到“_LAYOUTS/2052/MYSUBSASPX”C6、首页新闻设计（1）、创建CMS文件夹进入“EX_STATICPAGES_”文档库，点新建文件夹在“名称”框中输入“CMS”，然后选择“保存并关闭”。（2）、在CMS文件夹中新建文档在CMS文件夹点击新建文档，弹出MICROSOFTOFFICEFRONTPAGE页面，在该页将CODING的代码进行拷贝编辑，注意，IMG的路径替换为“_EX_RESOURCE_/”，将此文件保存为后缀为HTM的形式。EG通知公告可存为TZGGHTM或通知公告HTM。（3）、CMS的引用点击“取静态内容（带宏替换功能的）”下拉箭头，选“修改共享WEB部件”，展开自定义属性。文件路径中输入“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/HTM”外观的标题中输入名称，框架样式中选“无”。然后“应用”“确定”。页面如下显示三、二级页面（静态页面和栏目树）1、创建静态页面文档库。（1）、创建以二级栏目命名的文档库，EG“公司概况”，文档模板选“MICROSOFTOFFICEFRONGTPAGE网页”。（2）、添加扩展属性点开当前文档下左栏最下面的“修改设置和栏”，选“添加新栏”。在栏名处输入“LEVEL”（首字母必须大写），信息类型选“数字1,10,100”，要求此栏包含信息选“是”。然后“确定”。点开刚建好的栏目“LEVEL”，将默认的“LEVEL”改为“深度”，然后确定。点击“返回栏目名称”，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_TREEXSL或_EX_ROOTSITE_/_LAYOUTS/2052/EIP/DOC_LISTXSL最大深度1XSL内容然后“应用”“确定”。（3）、将“显示内容”拖入到“中间”栏中点开右边的“修改共享网页”，选“添加WEB部件”“导入”，进入下一页面，点击“浏览”，将“显示内容DWP”文件导入，然后“上载”，出现已上载的WEB部件下的“显示内容”，将“显示内容”拖入正文中在“显示内容”的下拉箭头点击点开“修改共享WEB部件”在“显示内容”下点开“外观”在框架样式中的下拉菜单中选“无”应用确定进入下列页面。下面是在“XSL”文件地址中，1、用“_EX_ROOTSITE_/_LAYOUTS/2052/EIP/DOC_LISTXSL”显示栏目树的例子2、用“_EX_ROOTSITE_/_LAYOUTS/2052/EIP/NAV_TREEXSL”显示栏目树的例子4、在CSS文件中添加BMGK风格在“_EX_RESOURCE_”目录下打开CSS文件，将下列定义加入文件中/TREESCSS/栏目树的顶部/BMGKDOCMGTTREEVIEWHEADBACKGROUNDIMAGEURLBACKGROUNDREPEATNOREPEATWIDTH185PXHEIGHT135PXBMGKDOCMGTTREEVIEWBODYBACKGROUNDIMAGEURLTABLEBGJPGBACKGROUNDREPEATREPEATYWIDTH185PXHEIGHT50PX/定义LEVEL缩进/BMGKMVINDENTBACKGROUNDIMAGEURLTREEIMG/ICON1GIFBACKGROUNDREPEATNOREPEATBACKGROUNDPOSITIONRIGHTWIDTH40PXHEIGHT22PX/栏目链接的样式/ABMGKTREEVIEWMAINNODEFONTFAMILY“宋体“FONTSIZE12PXCOLOR003A57TEXTDECORATIONNONECURSORHAND/栏目树的底部/BMGKDOCMGTTREEVIEWBOTTOMBACKGROUNDIMAGEURLLEFTBGGIFBACKGROUNDREPEATNOREPEATWIDTH185PXHEIGHT180PX5、铺设静态页面左侧底图点击页面右上角的“修改共享页面”设计此页点击显示内容WEB部件的下拉箭头，点击“修改共享WEB部件”如图在页面的右侧出现显示内容的属性，点击“源编辑器”，出现显示内容WEB部件的代码。在代码的下面添加铺底图的样式代码MSO_CONTENTTABLEBACKGROUNDIMAGEURL/SITES/PXCS/EX_STATICPAGES_/_EX_RESOURCE_/F_BGJPGBACKGROUNDREPEATREPEATYHEIGHT1006、将“公司概况”的静态页面与首页挂接（1）、点击文档库与列表，点文档库中的“PAGES”，进入PAGES页面点开“公司概况”，将此页面的URL地址后加“MAIN公司概况HTM”然后将“PAGES/GSGKASPXMAIN公司简介HTM”拷贝，用CODEHTML编译器进行编译。把编译过的地址PAGES以后的内容重拷贝。回到主页，点击右上角的“修改共享网页”“修改共享WEB部件”“公司概况”，进入下一页面，（1）点开“源编辑器”将上一步编译过的地址PAGES以后的内容拷贝到其对应的链接处，然后保存应用确定。四、二级页面（文档库）二级栏目是文档库的创建方法。EG党群工作。1、创建网站和工作区点击主页左上角的“创建”,进入创建页面后再点击最下方的“创建网站和工作区”在标题处输入栏目名称，URL名称处输入该栏目拼音简写即可。点击“创建”进入下一页面。模板选“空白网站（带页眉、页脚）”，然后“确定”。可以看到已建好的党群工作的子站点。2、创建文档库点击功能条中的“文档和列表”，即可进行文档库的创建。在名称处输入该栏目下子栏目的名称，文档模板选默认的“MICROSOFTOFFICEWORD文档”。建好后的文档库如下3、在CSS文件中加入文档库风格修饰代码TDLISTLEFTTREE_HEADTDLISTLEFTTREE_BODYMSPAGETITLE（背景色）MSNAVFRAME边框LISTLEFTPANELBORDERTDMSSELECTEDNAV用FRONTPAGE打开CSS文件，在文件中加入如下代码，请根据上图对应部分的名称修改相应的风格。TDMSUNSELECTEDNAVBORDER0PXSOLIDE1ECFCPADDINGTOP1PXPADDINGBOTTOM2PXMSNAVLINEDISPLAYNONELISTLEFTPANELBORDERBORDERCOLOR“0F86DA“LISTLEFTPANELLINEBACKGROUNDCOLOR“003399“LISTLEFTPANELBORDERLINEBACKGROUNDCOLOR8FDAFFLISTTITLEAREADISPLAYNONEMSSEARCHCORNERDISPLAYNONEDOCLIBLEFTSEARCHDISPLAYINLINEIMPORTANTIDSEARCHSTRINGWIDTH110LISTLEFTTREE_PARTFONTSIZE12PXTEXTALIGNLEFTWIDTH100ALISTLEFTTREE_ROWVISITEDCOLOR003399FONTSIZE12PXALISTLEFTTREE_ROWCOLOR003399FONTSIZE12PXALISTLEFTTREE_ROWLINKCOLOR003399FONTSIZE12PXAONETIDVIEWSELECTORCOLOR003399FONTSIZE12PXADIIDPINTOMYPAGECOLOR003399FONTSIZE12PXADIIDSUBSCRIBEBUTTONCOLOR003399FONTSIZE12PXADIIDCUSTOMIZEBUTTONCOLOR003399FONTSIZE12PXADIIDSLIDESHOWBUTTONCOLOR003399FONTSIZE12PXADIIDFOLDERLISTBUTTONCOLOR003399FONTSIZE12PXTDLISTLEFTTREE_ROWBACKGROUNDPOSITIONCENTERLEFTBACKGROUNDIMAGEURLDIAN2GIFBACKGROUNDREPEATNOREPEATPADDINGLEFT9PXHEIGHT20PXMSDESCRIPTIONTEXTDISPLAYNONEMSNAVFRAMEBACKGROUNDCOLORE3F3FFMSPAGETITLEBACKGROUNDIMAGEURLWENDANGKU_07JPGBACKGROUNDREPEATXREPEATBACKGROUNDPOSITIONCENTERLEFT100TEXTALIGNCENTERVERTICALALIGN“TEXTBOTTOM“FONTFAMILY“宋体“FONTSIZE13PXFONTWEIGHTBOLDHEIGHT24PXCOLOR071685L_SEARCHVIEWFONTTEXTALIGNLEFTFONTFAMILY“宋体“FONTSIZE14PXFONTWEIGHTBOLDCOLOR009ACESEARCHBACKGROUNDCOLORE3F3FFMSSEARCHFORMBACKGROUNDCOLORE3F3FFDOCLIBLEFTTITLEDISPLAYINLINEIMPORTANTCOLOR003399FONTSIZE13PXTDLISTLEFTTREE_HEADBACKGROUNDIMAGEURLWENDANGKU_03JPGBACKGROUNDREPEATXREPEATTEXTALIGNLEFTFONTFAMILY“宋体“FONTSIZE13PXFONTWEIGHTBOLDCOLORFFFFFFTEXTALIGNCENTERLETTERSPACING1PXWIDTH149PXHEIGHT26PXTDL_SELECTVIEWTEXTALIGNLEFTVERTICALALIGN“BOTTOM“HEIGHT19PXFONTWEIGHTBOLDCOLOR009ACEFONTSIZE13PXL_RELATEDTASKSTEXTALIGNLEFTVERTICALALIGN“BOTTOM“HEIGHT19PXFONTSIZE13PXFONTWEIGHTBOLDCOLOR009ACETDMSSELECTEDNAVBORDER0PXSOLID003399BACKGROUNDFDFAD5PADDINGTOP1PXPADDINGBOTTOM2PXTDLISTLEFTTREE_BODYBACKGROUNDIMAGEURLWENDANGKU_05JPGBACKGROUNDREPEATREPEATWIDTH149PXTEXTALIGNCENTERLISTLEFTTREE_PARTWIDTH149PX五、CMS1、CMS频道的创建和发布（1）、创建频道打开SITEMANAGER登录，进入登录界面CMS服务器地址服务器端口号登录的域邮件帐号口令输入正确后，进入管理界面，如下图所示找到本单位的频道，例如培训站点，鼠标右键单击，弹出菜单选择NEWCHANNEL，如图所示在NAME中填入频道的名称，点击OK按钮即可。选择TOOLS频道，选中右边的两个页面文件DEFAUT和SUMMARY，击鼠标右键后选“COPY”,再选中刚建立的新频道，点击鼠标右键后选择”PASTE”注意LOCKINGOWNER列如果不是EVERYONE则该频道还未发布，如下图所示。（2）、发布频道打开浏览器，在地址栏输入HTTP/TOOLS/注意前面的是CMS服务器所在的IP，这里我们输入HTTP/1033212/TOOLS/，点击页面左下角的“编辑”，进入编辑模式，输入用户名和口令后进入编辑模式。（注意发布时登录的帐号要与创建频道的帐号一致，否则看不到要发布的页面）点击编辑模式，进入下一页面，点击左下角的“制作管理”，进入制作管理页面，如下图所示。形式域邮件帐号点击上图中的转到，进入下一页面，点击“批准”之后再点击“制作管理”，然后点击“批准”，将文件都发布完毕。此时在SITEMANAGER中刷新此频道，在此频道下的DEFAULTHTM和SUMMARYHTM的LOCKINGOWNER应该为EVERYONE。2、首页新闻与CMS的挂接在浏览器中打开门户，点击功能条中的“文档和列表”，打开EX_STATICPAGES_文档库，然后打开CMS文件夹，鼠标指向TZGGHTM，点击下拉箭头，在弹出菜单中点击“在MICROSOFTOFFICEFRONTPAGE中编辑”打开文件后，将页面中的示例新闻删除，如图所示然后加入以下代码如隐藏编辑模式FONTSIZE12PXCOLOR000000CMSTEXTFONTFAMILY“宋体“FONTSIZE12PXLINEHEIGHT160CMSTITLEFONTFAMILY“宋体“FONTSIZE14PXLINEHEIGHT160FONTWEIGHTBOLDMSMAINWIDTH660MSCONTENTBACKGROUNDIMAGEURL“HTTP/EIPCNPC/SITES/PXCS/EX_STATICPAGES_/_EX_RESOURCE_/006BGIF“MSCONTENTLEFTWIDTH50MSCONTENTRIGHTWIDTH50YEJIAOFONTFAMILY“宋体“FONTSIZE12PXCOLORFFFFFFAYEJIAOLINKFONTFAMILY“宋体“FONTSIZE12PXCOLORFFFFFFTEXTDECORATIONNONEAYEJIAOVISITEDFONTFAMILY“宋体“FONTSIZE12PXCOLORFFFFFFTEXTDECORATIONNONEAYEJIAOHOVERFONTFAMILY“宋体“FONTSIZE12PXCOLORFFFFFFTE