企业信息门户快速搭建手册Word下载.doc
《企业信息门户快速搭建手册Word下载.doc》由会员分享，可在线阅读，更多相关《企业信息门户快速搭建手册Word下载.doc（75页珍藏版）》请在冰点文库上搜索。
（2）、修改页脚帮助信息的链接 -65-
2、联系我们 -65-
3、网站地图 -66-
4、开启网站匿名 -66-
七、美化首页 -67-
1、首页添加“文档和列表”和“网站设置” -67-
（1）、创建purview文档库，在该目录下上载“权限.htm”。
-67-
（2）、在首页中添加“取静态内容（带宏替换功能）”的web部件。
（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_”文档库下，点击新建文档，这时系统会进入Microsoft
FrontPage的编辑页面。
从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）
{
}
}
varptables
ptables=document.getElementsByTagName（"
TABLE"
if（ptables.length>
0）
ptables（0）.className="
ms-main"
window.attachEvent（"
onload"
flfoaterDiv）;
initFloaterExport）;
onscroll"
onresize"
functioninitFloaterExport（）
try{
document.getElementById（"
diidIOExportToSpreadsheet"
）.className="
diidIOExport"
catch（ex）
document.all（"
floaterSettingsDiv"
）.style.display="
inline"
functionflfoaterDiv（）
try{
）.style.left=document.body.clientWidth-110;
）.style.top=document.body.scrollTop;
/script>
替换日期代码：
scriptLANGUAGE="
JavaScript"
document.write（newDate（）.getYear（）+"
年"
+（newDate（）.getMonth（）+1）+"
月"
+newDate（）.getDate（）+"
日"
）<
星期<
VBScript"
SelectCaseweekday（Date）
Case1
document.write"
Case2
一"
Case3
二"
Case4
三"
Case5
四"
Case6
五"
Case7
六"
endselect
选择保存文件，文件名输入为“head.htm”。
3、修改css文件
建好页眉文件后，回到“_EX_RESOURCE_”文件夹下，打开css文件，添加下面代码：
.ms-main
width:
760;
background-color:
#ffffff;
body
text-align:
center;
.ZoneSpacinghorizontal
display:
none
.ms-PartSpacingVertical
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_”的路径，然后“保存”。
点开右边工具栏的“外观”，修改“标题”中的名称，如“公司概况”、“交流与写作”、“网上办公”等。
在框架样式中选“无”。
然后“应用”------“确定”。
点开“取静态内容（带宏替换功能）”的下拉箭头，选“修改共享web部件”。
在右面工具框的自定义属性下，
文件路径中输入“_EX_EXCHANGESITE_/EX_STATICPAGES_/search.htm”
在外观下
标题中输入“搜索”
框架样式中选“无”。
创建搜索文件
与创建页眉（head.htm）的建立顺序和方法相同，在“EX_STATICPAGES_”目录下，创建一个新文件，将此文件保存为“search.htm”，并将“search”的图片上传至“_EX_RESOURCE_”下,将下面代码拷贝进文件中即可。
divalign="
left"
tablealign=centerborder="
0"
cellpadding="
cellspacing="
2"
width="
146"
<
tr>
<
tdwidth="
40"
valign=middle>
<
selectstyle="
height:
20;
font-size:
12px;
width:
60"
sname="
SearchScopeSel"
id="
class="
a"
optionvalue=1>
部门<
/option>
optionvalue=0>
集团<
/select>
/td>
td>
inputname="
SearchString"
id="
idSearchString"
type="
text"
class="
style="
66;
18"
size="
15"
20"
align="
imgsrc="
_EX_RESOURCE_/search.gif"
border="
onclick="
javascript:
DoscopeSearch（）"
alt="
搜索"
/tr>
/table>
/div>
functionDoscopeSearch（）
varscope=document.all（"
）.value
if（document.all（'
idSearchString'
）.value=="
）{
alert（"
请输入关键字"
）;
return;
}
if（scope=="
location=（"
/search.aspx?
k="
+document.all（'
）.value）;
}
else
SubmitSearchRedirect（'
_layouts/2052/searchresults.aspx'
/Script>
a.个人邮件：
链接到：
“http：
//pc”（弹出新窗口）
b.个人订阅：
“_layouts/2052/MySubs.aspx”
c.日程安排：
在本站点下建立一个事件列表，链接到该列表
d.地址簿：
在本站点下建立一个联系人列表，链接到该列表
e.协同工作：
在本站点下建立一个任务列表，链接到该列表
f.个人查询：
在本站点下一个web部件页，应该弹出新窗口
g.办公自动化：
目前根据各单位自己情况链接，应该弹出新窗口
6、首页新闻设计
（1）、创建CMS文件夹
进入“EX_STATICPAGES_”文档库，点新建文件夹在“名称”框中输入“CMS”，然后选择“保存并关闭”。
（2）、在CMS文件夹中新建文档
在CMS文件夹点击新建文档，弹出M]icrosoftOfficeFrontPage页面，在该页将coding的代码进行拷贝编辑，注意，img的路径替换为：
“_EX_RESOURCE_/”，将此文件保存为后缀为.htm的形式。
通知公告可存为tzgg.htm或通知公告.htm。
（3）、CMS的引用
点击“取静态内容（带宏替换功能的）”下拉箭头，选“修改共享web部件”，展开自定义属性。
文件路径中输入：
“_EX_EXCHANGESITE_/_EX_STATICPAGES_/CMS/….htm”
外观的标题中输入名称，框架样式中选“无”。
然后“应用”“确定”。
页面如下显示：
三、二级页面（静态页面和栏目树）
（1）、创建以二级栏目命名的文档库，eg：
“公司概况”，文档模板选“MicrosoftOfficeFrongtPage网页”。
（2）、添加扩展属性
点开当前文档下左栏最下面的“修改设置和栏”，选“添加新栏”。
在栏名处输入“深度”，信息类型选“数字（1,1.0,100）”，
要求此栏包含信息选“是”。
然后“确定”。
点击“返回栏目名称”，eg本例“返回公司概况”。
添加新栏目后的界面如下。
（3）、在该文档库下创建所属的所有静态页面。
（4）、设置树形结构
规划要展示的栏目树，并对树中的每个节点表示其深度。
这里约定栏目树的结构深度从0开始。
深度编号
1
2
3
生产周报
总部机关
发展研究部
政治思想工作部
规划研究部
直属企事业
油气田企业
大庆石油管理局
深度的编码将能控制树的显示层次，树中同一层次结点的显示顺序将由列表中的顺序编码来控制。
根据上表将深度值赋给列表中的静态页面。
（可以手动修改各个页面的顺序，顺序号间隔缺省为100）
2、创建一个web部件页面
（1）、创建pages文档库
文档库的名称命名为“pages”，在文档模板处选“web部件页”，然后创建。
进入以下界面
（2）、在该pages库下选“新建文档
在该pages库下选“新建文档”，在下一页面中输入二级栏目名称，
公司概况，布局模板默认“页眉，页脚，左栏，正文”。
然后“创建”。
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'
sCSS*/
/*栏目树的顶部*/
.gsgkDocMgtTreeViewHead{
background-image:
url（'
qygk.jpg'
background-repeat:
no-repeat;
width:
160px;
height:
185px;
.gsgkDocMgtTreeViewBody{
erji_05.jpg'
repeat-y;
20px;
/*定义Level缩进*/
.gsgkmvIndent{
cy_j_04.gif'
background-position:
right;
padding-left:
56px;
td.gsgkTreeViewMainNode{
font-family:
"
宋体"
font-size:
12px;
color:
#000000;
text-decoration:
none;
letter-spacing:
1px;
cursor:
hand;
text-align:
left;
padding-top:
10px;
2px;
/*栏目链接的样式*/
A.gsgkTreeViewMainNode{
/*栏目树的底部*/
.gsgkDocMgtTreeViewBottom{
/*隐藏中间工具栏*/
.smartpagetitle{
display:
请将红色注释部分删除
参见：
中国石油企业信息门户技术规范（V1.4）第三章第五节Doc_List和NAV_TREE风格定义
5、铺设静态页面左侧底图
点击页面右上角的“修改共享页面”――设计此页――点击显示内容WEB部件的下拉箭头，点击“修改共享WEB部件”如图
在页面的右侧出现显示内容的属性，点击“源编辑器”，出现显示
升级会员 