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

企业信息门户快速搭建手册企业信息门户快速搭建手册 一 创建站点 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 2 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 3 一 创建站点一 创建站点 与 SPS 在同一服务器场的顶级站点创建 用浏览器打开 SPS 门户 点击页面右上角的 登录 在弹出的对话框中 输入用户名和密码 即可登录到门户 点击功能条上面的 网站 进入下一页面后点击页面左下侧的 创建网站 如图所 示 域 邮件帐号 密码 4 输入标题 可以是中文 和 URL 最好用英文 以方便访问 及电子邮件地址 点击创 建按钮 如下图 进入如下图页面后点击确定按钮 进入下一步选择网站模板页面 5 在此页面下模板选择 空白网站 带页眉页脚 如下图所示 选好后点确定按钮 即可 创建好的 WSS 门户首页如下图所示 6 注意 新建门户的首页会自动继承父门户的页眉和页脚 7 二 页面的设计二 页面的设计 点击主页右上角 修改共享网页 添加 Web 部件 浏览 根据部件的性质 将 Web 部件列表 中的 内容编辑器 和 取静态内容 带宏替 换功能 拖入页面所需的位置中 拖动的方式为在待选部件上 按住鼠标左键移动 到指 定位置后释放鼠标左键即可 8 9 1 创建文档库 创建文档库 点击主页左上角的 文档和列表 进入创建文档库页面 如图所示 然后点击 创建 10 11 12 点开新建文件夹 创建一个保存图片及资源文件的文件夹 EX RESOURCE 文件名大小写均可 13 点击 保存并关闭 返回到上级目录 打开建好的 EX RESOURCE 文件夹 点击上载文档 14 15 16 2 创建页眉文件 创建页眉文件 在 EX STATICPAGES 文档库下 点击新建文档 这时系统会进入 Microsoft FrontPage 的编辑页面 从 coding 文件中 选择页眉及导航条所在的 TABLE 有时可能包含多个 TABLE 17 将其代码有选择地拷贝到新建的文件 eg new page 1 htm 中 img 的路径替换为 EX RESOURCE 并将导航条中首页的链接更改为 首页 备注 导航条中不要写绝对地址 同时添加如下代 码 其中标红处是门户名称 eg daqing 使页面宽度设定为 760 居中显示 同时在页面的 web 部件之间不显示缝隙 加入以下代码 document title 网站标题 function AutoFitFrame 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 var ptables 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 function initFloaterExport try document getElementById diidIOExportToSpreadsheet className diidIOExport catch ex try document all floaterSettingsDiv style display inline 18 catch ex function flfoaterDiv try document all floaterSettingsDiv style left document body clientWidth 110 document all floaterSettingsDiv style top document body scrollTop catch ex 替换日期代码 document write new Date getYear 年 new Date getMonth 1 月 new Date getDate 日 星期Select Case weekday Date Case 1 document write 日 Case 2 document write 一 Case 3 document write 二 Case 4 document write 三 Case 5 document write 四 Case 6 document write 五 Case 7 document write 六 end select 选择保存文件 文件名输入为 head htm 19 选择保存文件 文件名输入为 head htm 20 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 的代码有选择的拷贝进文件即 可 回到主页 就可以看到显示有头脚的主页面 21 5 首页其它部件的设计 首页其它部件的设计 1 内容编辑器 内容编辑器 web 部件的布局和格式属性修改的做法部件的布局和格式属性修改的做法 修改 web 部件的布局和格式的操作方式有 2 种 方法一 从页面的右上角 修改共享网页 修改共享 web 部件 选择待 须改的部件 eg 内容编辑器 web 部件 1 22 方法二 直接从 修改 web 部件 进入 eg 内容编辑器 web 部件 1 通过以上方法可以进入到以下界面 其中界面右边即为待改部件的工具窗格 点开界面右边的 源编辑器 弹出一个网页对话框 23 从 coding 文件中选择该部件所对应的代码拷贝至网页对话框中 注意 将每部分代码拷入源编辑中时 将原有文件中所有的 img 路径替换为 EX STATICPAGES EX RESOURCE 的路径 然后 保存 24 点开右边工具栏的 外观 修改 标题 中的名称 如 公司概况 交流与写作 网上办公 等 在框架样式中选 无 然后 应用 确定 25 2 取静态内容 带宏替换功能 的修改 取静态内容 带宏替换功能 的修改 eg 搜索 搜索 点开 取静态内容 带宏替换功能 的下拉箭头 选 修改共享 web 部件 26 在右面工具框的自定义属性下 文件路径中输入 EX EXCHANGESITE EX STATICPAGES search htm 在外观下 标题中输入 搜索 框架样式中选 无 然后 应用 确定 创建搜索文件创建搜索文件 与创建页眉 head htm 的建立顺序和方法相同 在 EX STATICPAGES 目录下 创建一个新文件 将此文件保存为 search htm 并将 search 的图片上传至 EX RESOURCE 下 将下面代码拷贝进文件中即可 部门集团 27 function DoscopeSearch var scope 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 办公自动化 目前根据各单位自己情况链接 应该弹出新窗口 28 6 首页新闻设计 首页新闻设计 1 创建 创建 CMS 文件夹文件夹 进入 EX STATICPAGES 文档库 点新建文件夹在 名称 框中输入 CMS 然 后选择 保存并关闭 2 在 在 CMS 文件夹中新建文档文件夹中新建文档 29 在 CMS 文件夹点击新建文档 弹出 M icrosoft Office FrontPage 页面 在 该页将 coding 的代码进行拷贝编辑 注意 img 的路径替换为 EX RESOURCE 将此文件保存为后缀为 htm 的形式 eg 通知公告可存为 tzgg htm 或通知公告 htm 3 CMS 的引用的引用 点击 取静态内容 带宏替换功能的 下拉箭头 选 修改共享 web 部件 展开自 30 定义属性 文件路径中输入 EX EXCHANGESITE EX STATICPAGES CMS htm 外观的标题中输入名称 框架样式中选 无 然后 应用 确定 页面如下显示 31 三 二级页面 静态页面和栏目树 三 二级页面 静态页面和栏目树 1 创建静态页面文档库 创建静态页面文档库 1 创建以二级栏目命名的文档库 eg 公司概况 文档模板选 Microsoft Office FrongtPage 网页 2 添加扩展属性 点开当前文档下左栏最下面的 修改设置和栏 选 添加新栏 32 在栏名处输入 深度 信息类型选 数字 1 1 0 100 要求此栏包含信息选 是 然后 确定 点击 返回栏目名称 eg 本例 返回公司概况 33 添加新栏目后的界面如下 3 在该文档库下创建所属的所有静态页面 4 设置树形结构 规划要展示的栏目树 并对树中的每个节点表示其深度 这里约定栏目树的结构深度 从 0 开始 深度编号0123 生产周报 总部机关 34 发展研究部 政治思想工作部 规划研究部 直属企事业 油气田企业 大庆石油管理局 深度的编码将能控制树的显示层次 树中同一层次结点的显示顺序将由列表中的 顺序编码来控制 根据上表将深度值赋给列表中的静态页面 可以手动修改各个页面 的顺序 顺序号间隔缺省为 100 2 创建一个 创建一个 web 部件页面部件页面 1 创建 pages 文档库 文档库的名称命名为 pages 在文档模板处选 web 部件页 然后创建 进入以下界面 35 2 在该 pages 库下选 新建文档 在该 pages 库下选 新建文档 在下一页面中输入二级栏目名称 eg 公司概况 布局模板默认 页眉 页脚 左栏 正文 然后 创建 3 编辑新生成的 编辑新生成的 web 部件页部件页 1 将右边工具栏中的 站点 库 列表显示 拖到页面的 左栏 中 点开 站 点 库 列表显示 栏右边的下拉箭头 选 修改共享 web 部件 36 2 点开右边工具栏中的 内容设置 37 在框中按以下对照填写 名称 填写值 列举列表内容 风格定义bmgk 指定列表名称 列表类型选择 是否是显示出错信息 FALSE 目标地址 多目标时用 分割 EX THISSITE 二级栏目名称 eg 公司概况 Xsl 文件地址 EX ROOTSITE layouts 2052 eip nav tree xsl 或 EX ROOTSITE layouts 2052 eip Doc list xsl 38 最大深度 1 Xsl 内容 然后 应用 确定 3 将 显示内容 拖入到 中间 栏中 点开右边的 修改共享网页 选 添加 web 部件 导入 进入下一页面 点击 浏览 将 显示内容 dwp 文件导入 然后 上载 出现已上载的 web 部件 下的 显示内容 将 显示内容 拖入正文中 39 在 显示内容 的下拉箭头点击 点开 修改共享 Web 部件 在 显示内容 下点开 外观 在框架样式中的下拉菜单中选 无 应用 确定 进入下列页面 40 下面是在 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 栏目树的顶部 41 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 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 text decoration none letter spacing 1px height 10px cursor hand 栏目树的底部 gsgkDocMgtTreeViewBottom background image url erji 05 jpg 42 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 拷贝 用 UTF 8 编码器 htm 编译器进行编译 把编译过的地址 Pages 以后的内容重拷贝 43 回到主页 点击右上角的 修改共享网页 修改共享 web 部件 公司概况 进入下一页面 1 点开 源编辑器 将上一步编译过的地址 Pages 以后的内容拷贝到 其对应的链接处 然后保存 应用 确定 44 四 二级页面 文档库 四 二级页面 文档库 二级栏目是文档库的创建方法 Eg 党群工作 1 创建网站和工作区 创建网站和工作区 点击主页左上角的 创建 进入创建页面后再点击最下方的 创建网站和工作区 在标题处输入栏目名称 URL 名称处输入该栏目拼音简写即可 点击 创建 进入 下一页面 模板选 空白网站 带页眉 页脚 然后 确定 可以看到已建好的党 群工作的子站点 45 46 2 创建文档库 创建文档库 点击功能条中的 文档和列表 即可进行文档库的创建 47 在名称处输入该栏目下子栏目的名称 文档模板选默认的 Microsoft Office Word 文档 建好后的文档库如下 48 3 在 在 css 文件中加入文档库风格修饰代码文件中加入文档库风格修饰代码 Td ListLeftTree head td ListLeftTree body ms pagetitle 背景色 ms navframe 边框 ListLeftPanelBorder TD ms selectednav 49 用 FrontPage 打开 Css 文件 在文件中加入如下代码 请根据上图对应部分的名称修 改相应的风格 TD ms unselectednav border 0px solid E1ECFC padding top 1px padding bottom 2px ms navline display none ListLeftPanelBorder border color 0F86DA 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 color font size 12px a ListLeftTree row color font size 12px 50 a ListLeftTree row link color font size 12px a onetidViewSelector color font size 12px a diidPinToMyPage color font size 12px a diidSubscribeButton color font size 12px a diidCustomizeButton color font size 12px a diidSlideShowButton color font size 12px a diidFolderListButton color 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 ms pagetitle BACKGROUND IMAGE url 012 jpg BACKGROUND REPEAT x repeat 51 background position center text align center vertical align text bottom font family 宋体 font size 13px font weight bold height 18px color 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 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 52 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 0px solid 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 五 五 CMS 1 CMS 频道的创建和发布频道的创建和发布 1 创建频道 创建频道 打开 Site Manager 登录 进入登录界面 53 登录的域 邮件帐号 口令 输入正确后 进入管理界面 如下图所示 CMS 服务器地址为 10 65 51 91 服务器端口号 54 找到本单位的频道 例如 培训站点 鼠标右键单击 弹出菜单选择 NEW Channel 如图所示 在 Name 中填入频道的名称 点击 OK 按钮即可 55 选择 Tools 频道 选中右边的两个页面文件 defaut 和 summary 击鼠标右键后选 Copy 再选中刚建立的新频道 点击鼠标右键后选择 Paste 注意 Locking Owner 列如果不是 everyone 则 该频道还未发布 如下图所示 2 发布频道 发布频道 打开浏览器 在地址栏输入 http tools 注意前面的是 CMS 服务器所在的 IP 这里我们输入 http 10 65 51 91 tools 点击页面左下角的 编辑 进入编辑模式 输入用户名和口令后进入编辑模式 注意 发布时登录的帐号要与 创建频道的帐号一致 否则看不到要发布的页面 56 形式 域 邮件帐号 57 点击编辑模式 进入下一页面 点击左下角的 制作管理 进入制作管理页面 如下图所示 点击上图中的转到 进入下一页面 点击 批准 58 之后再点击 制作管理 然后点击 批准 将文件都发布完毕 此时在 Site Manager 中刷新此频道 在此频道下的 default htm 和 summary htm 的 locking Owner 应该为 everyone 2 首页新闻与 首页新闻与 CMS 的挂接的挂接 在浏览器中打开门户 点击功能条中的 文档和列表 打开 EX STATICPAGES 文档库 然后打开 CMS 文件夹 鼠标指向 tzgg htm 点击下拉箭头 在弹出菜单中点击 在 Microsoft Office Frontpage 中编辑 打开文件后 将页面中的示例新闻删除 如图所示 59 然后加入以下代码 如 隐藏编辑模式 font size 12px color 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 将 XXXX 替换为相应站点名称 CMSTEXT 定义正文的字体风格 CMSTITLE 定义标题字体风格 MS Content 定义正文区域背景的图片 a Yejiao 定义页脚三个链接的样式 62 Yejiao 定义版权信息字体样式 注意图片的地址和链接的样式要根据美工提供的作修改 输入好代码之后点 OK 键 2 创建新闻频道页脚 创建新闻频道页脚 同理 FrontPage 中选中页脚 将代码拷贝下来 并更改图片所在路径 63 返回 Site Manager 在 Custom 中点击左下角按钮 New 弹出新建页面 在此页 面中填写如下 Property Name 中填入 ChannelHFoot Property Type 选择 TEXT Current Text Value 中输入刚才拷贝的代码 如下图所示 然后点 OK 键 4 新闻频道概览页 新闻频道概览页 1 创建 创建 web 部件页部件页 点击 文档库和列表 进入 EX STATICPAGES 文档库后 点击 上载文档 按钮 将 embed htm 文件上载到此文档库中 然后进入 Pages 文档库后点击 新建文档 按钮 在名称中输入 embed 模板选择 整页垂直 然后点击 创建 按钮 如图所示 64 在新建的页面中添加一个 取静态内容 带宏替换功能 的 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 floaterSettingsDIV display inline LEFT 890px POSITION absolute 68 TOP 3px VISIBILITY visible Z INDEX 100 floaterSettingsTable floaterSettingsTD font family 宋体 font size 12px color UserButton height 24px width 106px background color white border style none background image url denglu gif floaterSettingsAuthTD smartpagetitle display none 参见 参见 中国石油企业信息门户技术规范 V1 4 第四章第三节 4 3Css css 范本 八 附件八 附件 1 隐藏工具栏相关 隐藏工具栏相关 CSS 代码代码 1 WSS 网站工具栏网站工具栏 隐藏 WSS 二级页面概览页顶部工具栏 ms bannerframe display none 69 隐藏 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 页面中点击创建新页面 在模板中选择 工 70 具模板 一行摘要 保存新页面