WebPlus 网页制作与维护

1. WebPlus网页制作与维护

2. 一、产品介绍 • 产品目标 • 系统功能特性 • 技术特点 • 部署方式

3. 产品目标－解决三大问题 • 网站开发问题 系统采用模块化设计，无需用户编程，便可轻松规划、建设一个或多个功能强大的动态信息门户网站。 • 功能实用问题 可以同时建立多个信息相关联的网站。所有网站制作和管理均基于统一的身份认证；简单而实用的流程管理，可以做到单个网站的多部门协调维护；另外，系统还提供了模板自定义、访问日志统计分析、应用集成、个性化定制、支持RSS标准、提供统一身份认证接口及应用集成能力等诸多实用功能。 • 维护/管理问题 无需计算机专业技术人员，便可轻松进行网站的维护及管理，网站管理员还可以对利用平台构建的所有网站进行集中式管理，改变了过去部门院系网站各自独立的局面。

4. 系统功能特性—多网站体系 • 系统支持网站群的生成，确保了多网站之间的信息畅通。 • 可轻松创建一个或多个网站； • 多站点体系呈上下级结构，对Web、数据、权限集中管理； • 各站点可配置各自独立的域名； • 各站点拥有独立形式的前台展现与逻辑上分布式的后台管理功能； • 多站点间信息可相互共享，解决了信息集中管理问题。

5. 系统功能特性—单个网站的多模板体系 • 采用模板方式创建门户界面 • 各个站点可以拥有多套网站模板。 • 图形化的网站模板管理，方便直观，无须专业技术 • 采用频道定义的概念，只要用鼠标点点选选，就可以定义网站内容 • 快速易行的自定义模板功能，只要用Frontpage或Dreamwave便可实现。

6. 系统功能特性—权限及流程管理 • 多层次的分级权限及流程管理，发挥了团队优势，提升了工作效率 • 系统提供了多层次的分级权限管理，可对栏目管理、信息发布、审核以及内容浏览分别设置权限，充分发挥团队优势，为异地协同工作提供了手段； • 系统具有实用的工作流功能，包括文章的起草、送审、审核、退回、冻结、发布及移动等一系列操作，使整个网站的内容维护更规范。

7. WebPlus技术特点 • 采用B/S模式 • 使用关系型数据库作为信息存储体 • 采用先进的java技术，支持跨平台、支持主流数据库 • 网页模板与信息分离 • 组件化设计 • 可插拔的组件设计，为系统升级带来便利。 • 采用XML标准 • 采用动态制作维护与静态页面发布相结合的方式 • 可实现“动态制作维护服务器＋静态页面发布服务器”的方式部署。 • 安全性 • 采用SSL加密标准 • 防注入式攻击 • 脚本过滤 • 提供应用集成能力 • 系统提供统一身份认证能力，可实现单点登录； • 提供portlet接口，可实现界面集成。 • 分级权限控制 • 容灾与备份 • 防篡改

8. 系统部署结构 • 采用制作和发布分开的部署方式，提高了访问速度，增强系统安全性。 校内外用户访问 前台发布页面的服务器 同步 学校发布服务器 同步 部门二级域名 同步 制作服务器 各部门发布服务器 … … 各部门管理员及信息发布人员进行后台页面制作和维护的服务器 部门二级域名 各部门发布服务器

9. 二、使用简明向导

10. 使用前请注意 • 请将IE或上网助手、google工具条等设置的禁止弹出窗口设为允许弹出窗口。 • 有时操作中会报没有权限 登陆后长时间不在后台操作，会出现没有权限的提示，这是安全方面的设置，重新登陆即可访问

11. 建议制作页面的机器采用IE，其他浏览器可能会有不能完全支持的现象，WebPlus后台管理系统不保证在非IE环境下可以正确运行。建议制作页面的机器采用IE，其他浏览器可能会有不能完全支持的现象，WebPlus后台管理系统不保证在非IE环境下可以正确运行。

12. 如果您的系统由多台服务器组成，由于“发布服务器”采用静态页面服务器部署方式，从制作服务器的后台制作页面传送到发布服务器显示的静态页面的时间会有延迟现象，需要等10分钟到半个小时左右才能起作用(时间间隔由系统设置)。如果您的系统由多台服务器组成，由于“发布服务器”采用静态页面服务器部署方式，从制作服务器的后台制作页面传送到发布服务器显示的静态页面的时间会有延迟现象，需要等10分钟到半个小时左右才能起作用(时间间隔由系统设置)。 单台服务器或只部署了制作服务器的不存在此问题

13. Webplus的使用人员包括： 1.系统管理员：添加用户和站点，进行系统维护。 2.网站管理员：可以维护部门信息、增加模板、添加信息员并赋予相应权限； 3.信 息 员：仅负责维护部门信息制作、维护； 以下我们按各角色介绍：

14. 1. 系统管理员 如果您是网站管理员或信息员, 请跳过此处

15. 第一步：进入“系统”站点 • 1）输入ip地址或域名，您将看到以下界面：

16. 2）输入用户密码后，进入工具箱 这个界面是以系统管理员进入“系统”站点（/s/0/main.jspy）后，见到的界面， 注意：“系统”站点只负责栏目、人员、建站、日志、静态页面、数据统计等工作，所以无法使用模版，访问“系统站点”只能看到工具箱的登陆界面。

17. http://202.119.236.102/site

18. 第二步：建栏目 1）点击 ，建相应栏目； 此处插入链接地址后，不显示该栏目信息，直接跳转到相应地址 注意：栏目搜索状态必须设为“是”，否则无法搜索该栏目文章，且信息列表页面无法显示该栏目 也可以在信息管理里使用“栏目管理 ”标签建栏目

19. 第三步：建机构 点击 ，建相应机构； 可以点这里可以加子机构（单位） 点击此处可以加新的人员

20. 建站点管理员

21. 设定部门管理员 选中人员后，设定为部门管理员 系统管理员拥有最高全权限，拥有到任何站点操作的权限 部门管理员拥有在自己部门网站操作的全部权限，但在其他网站没有任何权限

22. 第四步：建站 1）点击 ，开始建站；

23. 2）选择机构和根栏目； 打勾后点确认（WebPlus一般操作都是如此） 这里选择机构 这里选择根栏目，弹出后类似点“机构名” 注意：站点建站成功后，被使用的根栏目或机构就不能被其他站点使用

24. 点“确定”即可

25. 3）至此，站点建设成功； 打勾选中 点“访问站点”，可以直接访问到该站点

26. 第五步：访问刚建好的站点 注意：欢迎进入[ ]站点的内容换成了相应站点的名称； 由于没有默认模板，所以访问起来默认看到管理界面，只要上传了模板，就有实际界面了； 访问地址：IP地址/s/站点号/main.jspy 管理地址：IP地址/s/站点号/manage/main.jspy

27. 注意，这个工具箱内的图标比“系统”站点多了许多“模板管理”的图标，但“系统管理”里的图标变少了。注意，这个工具箱内的图标比“系统”站点多了许多“模板管理”的图标，但“系统管理”里的图标变少了。

28. 2. 网站管理员 如果您是信息员, 请跳过此处

29. 第一步、进入管理界面 输入：http://172.21.96.30:8080/site，进入身份认证界面,输入用户密码后进入工具箱

30. 第二步、添加栏目 • 点击 ，建相应栏目； 此处插入链接地址后，不显示该栏目信息，直接跳转到相应地址 注意：栏目搜索状态必须设为“是”，否则无法搜索该栏目文章，且信息列表页面无法显示该栏目 也可以在信息管理里使用“栏目管理 ”标签建栏目

31. 第二步、添加栏目 注意：信息列表页左侧栏目只能显示2级，以下面的结构为例：如果在“本科生”栏目下增加 “本科生招生介绍”栏目，则“本科生招生介绍”的栏目名在信息列表页左侧看不到。请大家在建栏目时注意。

32. 第三步、新增模板 • 点击 ，增加模板，首先输入模板名称，再点击“从模板库选择”可选择通用模板（目前已经内置了10套模板供大家选择），点“确认”后上传压缩包； 注意：可以按照我们模板的规则自己做模板，压缩后选“上传模板”即可

33. 第四步、频道定制 • 虽然我们有了模板，但模板只是一些拥有WebPlus特定标记的普通html，但并不能直接变成网站，需要通过一个被称为“频道”的中间容器来设置哪些内容展现在首页上的特定位置。 • 请点击工具箱中的 以下我们通过新建一个名为“导航2”的固定频道举例说明

34. 第四步、频道定制－新建频道 点击“增加”后弹出一对话框 新建名为“导航2”的固定频道

35. 第四步、频道定制－频道类型 Webplus分为以下频道类型： • 固定频道——显示栏目名，只能横向排列，并在当前位置不显示频道名 • 专题频道——显示栏目名，可以横向也可以纵向排列，并可以多行多列 • 图片频道——显示内容，包括图片和文字 • 新闻频道——显示新闻标题 • 滚动频道——显示新闻标题并滚动 • 视频频道——视频文件交替显示，仅支持flv格式

36. 第四步、频道定制－栏目绑定 点击 “导航2”频道，或选中后点“绑定栏目”，进行栏目绑定

37. 第四步、频道定制－栏目绑定 从左侧栏目树上选中栏目后点 “增加” 可用“上移”、“下移”调整相互间顺序 “移除”不是“删除”，仅表示在该频道中不再绑定栏目 • 其他频道方法同固定频道。

38. 第五步、模块绑定 • 有了模板和频道后，在模板中的什么位置以何种方式表现，需要通过“模块绑定”实现。点击 ，可以看到所有可用的模板缩略图。 点击要绑定的模板，或选中模板后点击“维护首页”进行首页绑定

39. 第四步、模块绑定（2） 点击后弹出全屏的首页效果图，可以看到上传的首页样式和结构，点击红色链接字，弹出频道详细设置小窗口，可以定义频道。 频道选择绑定刚才建的频道“导航2” 点“确认”后绑定就成功了，输入您的发布预览地址就能看到实际效果了， 要配置其他频道请重复以上操作

40. 第六步、维护信息，查看绑定效果 注意：新闻频道、图片频道、滚动频道要看到效果必须维护一些信息 • 维护信息参见前面信息员培训内容

41. 第七步、特殊显示效果 制作页面不同的效果包括： • 友情链接下拉； • 弹出窗口； • 浮动图标； • 专题图标或广告图。

42. 第七步、显示效果－友情链接下拉 • 友情链接下拉 1、在栏目管理里建“友情链接”的栏目； 2、在频道管理里建名为“链接”的新闻频道； 3、在模板的相关位置，进行绑定，绑定时选择如右： 4、在信息管理里选“友情链接”增加信息，每条信息对应一个链接地址。 如增加百度为链接地址，按如下方法加： 注意：标题字长要设大些，否则超过就不显示了 保存后发布就可以了 注意：链接要加http://

43. 第七步、显示效果－弹出窗口 • 弹出窗口 1、在栏目管理里建“弹出窗口”的栏目； 2、在频道管理里建名为“弹出”的新闻频道； 3、在模板的相关位置，进行绑定，绑定时选择如右： 可以设定弹出窗口的大小。 4、在信息管理里选“弹出窗口”增加信息。 如只有一条信息处于发布状态，在弹出窗口直接显示该信息的内容，链接地址方法同友情链接下拉。 如果有多条信息处于发布状态，只显示发布文章的标题，点击标题看到内容。

44. 第七步、显示效果－浮动图标 • 浮动图标 1、在栏目管理里建“浮动图标”的栏目； 2、在频道管理里建名为“浮动”的图片频道； 3、在模板的相关位置，进行绑定，绑定时选择如右： 图片显示要选择“原始大小” 4、在信息管理里选“浮动图标”增加信息。 保证只有一条信息处于发布状态。 可以把发布的文章冻结，冻结后浮动图标不显示，重新发布后就自动出现链接地址方法同友情链接下拉。

45. 第七步、显示效果－专题图片 • 专题图标 1、在栏目管理里建“专题图标”的栏目； 2、在频道管理里建名为“专题图”的图片频道； 3、在模板的相关位置，进行绑定，绑定时选择如右： 图片显示要选择“原始大小” 4、在信息管理里选“专题图标”增加信息。 有多条信息处于发布状态则纵向显示多个图标（由上至下）， 可以把发布的文章冻结，冻结后浮动图标不显示，重新发布后就自动出现 链接地址方法同友情链接下拉

46. 第八步、其他应用程序 • 搜索 • 计数器 • 留言板 • 在线调查 • 热门文章 • 热门栏目 在“频道类型”中选择相应的就可以了

47. 至此，一个网站就配置完成 如果部门内只有一人维护信息，你不需要配权限，如果需要多人各自维护不同栏目的信息，则需要配置权限

48. 网站页面基本生成后，需要给相应的信息员配置栏目和权限。Webplus采用组的概念，通过“组”来限定什么人管理什么栏目加以管理和控制。网站页面基本生成后，需要给相应的信息员配置栏目和权限。Webplus采用组的概念，通过“组”来限定什么人管理什么栏目加以管理和控制。 • Webplus的信息发布流程是：起草━━审核━━发布。“起草组” 可以起草并送审文章，“审核组”可以将起草组送审的文章退回或发布，也可以自己起草并发布文章。 下面分别介绍“人员管理”(添加用户)和“权限管理”(赋予权限)。

49. 第一步、人员管理 • 点击 ，弹出以下界面 如果要区分各单位人员，点这里可以加机构（单位） 点击此处可以加新的人员 添加人员或机构后必须点“立即同步”以同步人员

50. 第二步、权限管理 现在我们拥有了一个没有任何权限的用户，若赋予权限，点击