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

更新时间：2024-01-27 11:41:01 阅读量：教育文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

欧普企业信息门户推荐度：
相关推荐

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

一、创建站点 ................................................................................................................................... 3 二、页面的设计 ............................................................................................................................... 6

1、创建文档库 ......................................................................................................................... 8 2、创建页眉文件 ................................................................................................................... 16 3、修改css文件 .................................................................................................................... 19 4、创建页脚文件 ................................................................................................................... 20 5、首页其它部件的设计 ....................................................................................................... 20

（1）、内容编辑器web部件的布局和格式属性修改的做法 .................................... 20 （2）、取静态内容（带宏替换功能）的修改。eg：搜索。 ..................................... 24 （3）、个人工作助理的做法。 ..................................................................................... 26 6、首页新闻设计 ................................................................................................................... 27

（1）、创建CMS文件夹 .............................................................................................. 27 （2）、在CMS文件夹中新建文档 .............................................................................. 27 在CMS文件夹点击新建文档 ...................................................................................... 27 （3）、CMS的引用 ....................................................................................................... 28

三、二级页面（静态页面和栏目树） ......................................................................................... 30

1、创建静态页面文档库。 ................................................................................................... 30 2、创建一个web部件页面 .................................................................................................. 34 3、编辑新生成的web部件页 .............................................................................................. 35 4、在css文件中添加bmgk风格 ......................................................................................... 40 5、将“公司概况”的静态页面与首页挂接 ....................................................................... 41 四、二级页面（文档库） ............................................................................................................. 43

1、创建网站和工作区 ........................................................................................................... 43 2、创建文档库 ....................................................................................................................... 45 3、在css文件中加入文档库风格修饰代码 ........................................................................ 47 五、CMS ........................................................................................................................................ 53

1、CMS频道的创建和发布 ................................................................................................. 53

（1）、创建频道 ............................................................................................................. 53 （2）、发布频道 ............................................................................................................. 56 2、首页新闻与CMS的挂接 ................................................................................................ 58 3、修改新闻频道细览页的页眉页脚 ................................................................................... 60

（1）、创建新闻频道页眉 ............................................................................................. 60 （2）、创建新闻频道页脚 ............................................................................................. 63 4、新闻频道概览页 ............................................................................................................... 64

（1）、创建web部件页 ................................................................................................ 64 （2）、修改更多的链接 ................................................................................................. 64 (3)、修改概览页样式 .................................................................................................... 64

六、细化首页 ................................................................................................................................. 65

1、帮助信息 ........................................................................................................................... 65

（1）、上传图片和文件 ................................................................................................. 65

（2）、修改页脚帮助信息的链接 ................................................................................. 65 2、技术支持 ........................................................................................................................... 65 3、网站地图 ........................................................................................................................... 66 4、开启网站匿名 ................................................................................................................... 66 七、美化首页 ................................................................................................................................. 66

1、首页添加“文档和列表”和“网站设置” ................................................................... 66

（1）、创建purview文档库，在该目录下上载“权限.htm”。 ................................. 66 （2）、在首页中添加“取静态内容（带宏替换功能）”的web部件。 .................. 66 （3）、更改purview文档库权限 .................................................................................. 66 2、将顶部功能条隐藏，增加浮动登录按钮 ....................................................................... 67

（1）、将登录按钮图片denglu.gif上传至EX_STATICPAGES_文档库的_EX_RESOURCE_目录下 ............................................................................................. 67 （2）、修改css文件 ...................................................................................................... 67

一、创建站点

与SPS在同一服务器场的顶级站点创建

用浏览器打开SPS门户，点击页面右上角的“登录”，在弹出的对话框中输入用户名和密码，即可登录到门户。

域 \\ 邮件帐号密码

点击功能条上面的“网站”，进入下一页面后点击页面左下侧的“创建网站”，如图所示

输入标题(可以是中文)和URL(最好用英文，以方便访问)，及电子邮件地址，点击创建按钮。如下图

进入如下图页面后点击确定按钮，进入下一步选择网站模板页面。

在此页面下模板选择“空白网站（带页眉页脚）”，如下图所示。

选好后点确定按钮，即可。创建好的WSS门户首页如下图所示

注意：新建门户的首页会自动继承父门户的页眉和页脚

二、页面的设计

点击主页右上角“修改共享网页” “添加Web部件” “浏览”

根据部件的性质，将“Web部件列表”中的“内容编辑器”和“取静态内容（带宏替换功能）”拖入页面所需的位置中（拖动的方式为在待选部件上，按住鼠标左键移动，到指定位置后释放鼠标左键即可）。

1、创建文档库

点击主页左上角的“文档和列表”

进入创建文档库页面，如图所示，然后点击“创建”

点开新建文件夹

创建一个保存图片及资源文件的文件夹：_EX_RESOURCE_（文件名大小写均可）

点击“保存并关闭”，返回到上级目录。

打开建好的“_EX_RESOURCE_”文件夹，点击上载文档。

2、创建页眉文件

在“EX_STATICPAGES_”文档库下，点击新建文档，这时系统会进入Microsoft FrontPage的编辑页面。

从coding文件中，选择页眉及导航条所在的TABLE（有时可能包含多个TABLE）。

将其代码有选择地拷贝到新建的文件（eg：new_page_1.htm）中，img的路径替换为“_EX_RESOURCE_/”，并将导航条中首页的链接更改为：首页（备注：导航条中不要写绝对地址）,同时添加

选择保存文件，文件名输入为“head.htm”。

3、修改css文件

建好页眉文件后，回到“_EX_RESOURCE_”文件夹下，打开css文件，添加下面代码： .ms-main {

width:760; } 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_”下,将下面代码拷贝进文件中即可。

（3）、个人工作助理的做法。

a. 个人邮件，链接到：“http：//mail.cnpc”(弹出新窗口)

b. 个人订阅，链接到：“_layouts/2052/MySubs.aspx” c.

border=\

6、首页新闻设计

（1）、创建CMS文件夹

进入“EX_STATICPAGES_”文档库，点新建文件夹在“名称”框中输入“CMS”，然后选择“保存并关闭”。

（2）、在CMS文件夹中新建文档

在CMS文件夹点击新建文档，弹出M]icrosoft Office FrontPage页面，在该页将coding的代码进行拷贝编辑，注意，img的路径替换为：“_EX_RESOURCE_/”，将此文件保

存为后缀为.htm的形式。eg：通知公告可存为tzgg.htm或通知公告.htm。

（3）、CMS的引用

点击“取静态内容（带宏替换功能的）”下拉箭头，选“修改共享web部件”，展开自定义属性。文件路径中输入：“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/….htm”

外观的标题中输入名称，框架样式中选“无”。然后“应用”“确定”。页面如下显示：

三、二级页面（静态页面和栏目树）

1、创建静态页面文档库。

（1）、创建以二级栏目命名的文档库，eg：“公司概况”，文档模板选“Microsoft Office FrongtPage网页”。

（2）、添加扩展属性

点开当前文档下左栏最下面的“修改设置和栏”，选“添加新栏”。

在栏名处输入“Level”（首字母必须大写），信息类型选“数字(1, 1.0, 100)”，要求此栏包含信息选“是”。然后“确定”。

点开刚建好的栏目“Level”，将默认的“Level”改为“深度”，然后确定。

点击“返回栏目名称”，eg本例“返回公司概况”。

添加新栏目后的界面如下。

（3）、在该文档库下创建所属的所有静态页面。

（4）、设置树形结构规划要展示的栏目树，并对树中的每个节点表示其深度。这里约定栏目树的结构深度从0开始。深度编号 0 生产周报 1 总部机关直属企事业 2 发展研究部政治思想工作部规划研究部油气田企业 3 大庆石油管理局深度的编码将能控制树的显示层次，树中同一层次结点的显示顺序将由列表中的顺

序编码来控制。根据上表将深度值赋给列表中的静态页面。（可以手动修改各个页面的顺序，顺序号间隔缺省为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

最大深度 -1

Xsl内容

然后“应用”---“确定”。（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's CSS */ /栏目树的顶部/

.bmgkDocMgtTreeViewHead {

background-image: url(''); background-repeat: no-repeat; width: 185px; height: 135px; }

.bmgkDocMgtTreeViewBody {

background-image: url('table-bg.jpg'); background-repeat: repeat-y; width: 185px; height: 50px; }

/定义Level缩进/ .bmgkmvIndent {

background-image: url('treeImg/icon1.gif'); background-repeat: no-repeat; background-position: right; width: 40px; height: 22px; }

/栏目链接的样式/

A.bmgkTreeViewMainNode { font-family: \宋体\ font-size: 12px; color: #003A57;

text-decoration: none; cursor: hand; }

/栏目树的底部/

.bmgkDocMgtTreeViewBottom { background-image: url('leftbg.gif'); background-repeat: no-repeat; width: 185px; height:180px; }

5、铺设静态页面左侧底图

点击页面右上角的“修改共享页面”――设计此页――点击显示内容WEB部件的下拉箭头，点击“修改共享WEB部件”如图

在页面的右侧出现显示内容的属性，点击“源编辑器”，出现显示内容WEB部件的代码。在代码的下面添加铺底图的样式代码 6、将“公司概况”的静态页面与首页挂接

（1）、点击文档库与列表，点文档库中的“pages”，进入pages页面—→点开“公司概况”，将此页面的URL地址后加“?main=公司概况.htm ” —→ 然后将

“pages/gsgk.aspx?main=公司简介.htm” 拷贝，用Code.html编译器进行编译。把编译过的地址Pages以后的内容重拷贝。

回到主页，点击右上角的“修改共享网页”-----“修改共享web部件”----“公司概况”，

进入下一页面，（1）点开“源编辑器”将上一步编译过的地址Pages以后的内容拷贝到其对应的链接处，然后保存—应用---确定。

四、二级页面（文档库）

二级栏目是文档库的创建方法。Eg：党群工作。

1、创建网站和工作区

点击主页左上角的“创建”, 进入创建页面后再点击最下方的“创建网站和工作区”

在标题处输入栏目名称，URL名称处输入该栏目拼音简写即可。点击“创建”进入下一页面。模板选“空白网站（带页眉、页脚）”，然后“确定”。可以看到已建好的党群工作的子站点。

2、创建文档库

点击功能条中的“文档和列表”，即可进行文档库的创建。

在名称处输入该栏目下子栏目的名称，文档模板选默认的“Microsoft Office Word 文档”。

建好后的文档库如下：

3、在css文件中加入文档库风格修饰代码

Td.ListLeftTree_head

td.ListLeftTree_body

ms-pagetitle

（背景色）ms-navframe (边框)ListLeftPanelBorder

TD.ms-selectednav

用FrontPage打开Css文件，在文件中加入如下代码，请根据上图对应部分的名称修改相应的风格。

TD.ms-unselectednav {

border:0px solid #E1ECFC; padding-top:1px; padding-bottom:2px; }

.ms-navline {

display:none; }

.ListLeftPanelBorder {

border-color:\}

.ListLeftPanelLine {

background-color:\}

.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 {