企业信息门户快速搭建手册.docx
- 文档编号:30165055
- 上传时间:2023-08-05
- 格式:DOCX
- 页数:89
- 大小:5.20MB
企业信息门户快速搭建手册.docx
《企业信息门户快速搭建手册.docx》由会员分享,可在线阅读,更多相关《企业信息门户快速搭建手册.docx(89页珍藏版)》请在冰豆网上搜索。
企业信息门户快速搭建手册
企业信息门户快速搭建手册
一、创建站点-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_”文档库下,点击新建文档,这时系统会进入Microsoft
FrontPage的编辑页面。
从coding文件中,选择页眉及导航条所在的TABLE(有时可能包含多个TABLE)。
将其代码有选择地拷贝到新建的文件(eg:
new_page_1.htm)中,img的路径替换为“_EX_RESOURCE_/”,并将导航条中首页的链接更改为:
导航条中不要写绝对地址),同时添加如下代码:
(其中标红处是门户名称,eg:
daqing)。
使页面宽度设定为760,居中显示,同时在页面的web部件之间不显示缝隙,加入以下代码:
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);
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)
{
}
}
替换日期代码:
Case1
document.write"日"
Case2
document.write"一"
Case3
document.write"二"
Case4
document.write"三"
Case5
document.write"四"
Case6
document.write"五"
Case7
document.write"六"
endselect
选择保存文件,文件名输入为“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_”下,将下面代码拷贝进文件中即可。
20;font-size: 12px;width: 60"sname="SearchScopeSel" id="SearchScopeSel"class="a"> 部门 style="width: 66;height: 18"size="15">
DoscopeSearch()"alt="搜索">
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')
}
}
(3)、个人工作助理的做法。
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的形式。
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开始。
深度编号
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'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部件的代码。
在代码的下面添加铺底图的样式代码
#MSO_ContentTable{
background-image:
url(../EX_STATICPAGES_/_EX_RESOURCE_/erji_05.jpg);
padding-left:
0px;
background-repeat:
repeat-y;
height:
100%
}
6、将“公司概况”的静态页面与首页挂接
(1)、点击文档库与列表,点文档库中的“pages”,进入pages页面—→点开“公司概况”,将此页面的URL地址后加“?
main=企业简介.htm”—→然后将“http:
//10.65.51.91/sites/XXXX/pages/gsgk.aspx?
main=企业简介.htm”拷
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 企业信息 门户 快速 搭建 手册