WebPlus 网页制作与维护使用速成向导

WebPlus网页制作与维护使用速成向导

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第二步、权限管理（2） • 可以看到左侧有四个组的分类，各组的权限定义如下： • 管理组——可以对特定栏目进行操作 • 审核组——可以对特定栏目的信息起草、审核、发布 • 起草组——只能对特定栏目的信息起草 • 浏览组——制定特定栏目中发布的文章必须是指定的用户或ip地址段内用户访问下面以起草组为例说明

第二步、权限管理（3） 新建一个组

第二步、权限管理（4） 点“增加”后，用户就加到组中

第二步、权限管理（5） 点返回

第二步、权限管理（6） 先选中栏目，再点击右侧的“增加”

第二步、权限管理（7） 通过以上的权限管理，就添加了一个名为“11”的只能在“人才培养”栏目中起草信息的用户。该用户进入工具箱后，只能看到“信息起草”、“风格设定”“个人信息”3个按钮。浏览组设置IP地址

第二步、权限管理（8） 浏览组设置IP地址浏览组绑定栏目后，该栏目下全部文章都被定义为受限访问用户（登陆或IP地址）浏览组针对单篇文章设置浏览权限在这里

2. 信息员

信息发布流程

第一步、进入管理界面 登录后可看到欢迎界面，点“工具箱”进入

第二步、选定要维护信息的栏目 • 点击，就进入信息管理模块，如下图，选择“文章管理”标签，先选中“文章管理”，点击要操作的栏目，前面有“＋”的代表有子栏目，点击可以展开

第三步、起草 • 选中要维护的栏目后，可以看到该栏目下所有文章，点击“起草”，开始增加文章

第四步、使用编辑器 • 弹出以下编辑器界面 • 输入标题和正文后，点击“保存”可以保存文章，保存后的文章处于起草状态，只能通过进入工具箱浏览，要想发布文章，必须再多一步操作：选中文章后点击“发布”

第四步、使用编辑器－字体和图片 • 标题必须输入 • 字体编辑 • 添加图片要先选中文字，如图先把鼠标移动到想插入图片的地方，点击，弹出如下对话框：点“浏览”

第四步、使用编辑器－图片上传 先选中一个本地文件，文件格式为jpg或gif（必须保证为rgb三色，印刷格式，即cmyk四色必须先转成三色。）再点“打开”按钮

第四步、使用编辑器－图片上传 点“确定”按钮

第四步、使用编辑器－图片上传 点“确定”后，显示图片正在上传，

第四步、使用编辑器－图片编辑 上传后显示如下: 图片和文字处同一水平线的底边，不够美观

第四步、使用编辑器－图片编辑 • 左图右文选中图片后点击右键，选“图片属性” 可以看到图片一些属性，点“对齐方式”设定为“居左”可以定义“左图右文”表现方式，“右图左文”同理

第四步、使用编辑器－左图右文 点“确定”后，左图右文效果如下：

第四步、使用编辑器－右图左文 如果选择“右图左文”，效果如下：

第四步、使用编辑器－上图下文 如果要实现“上图下文”，先将对齐方式改为无对齐：

第四步、使用编辑器－上图下文 在图片前后各加一个回车（不能用shift＋enter），选中图片后再点击“居中对齐” 完成后效果如上图

第四步、使用编辑器－图片缩小 • 图片处理输入数值，如“500”，再点“开始调整大小” 目前上传的图片很多都来源于数码相机。直接上传的话，尺寸太大，影响美观解决方法：先到AcdSee里缩小后上传，一般设定宽度为400～600像素，使用方法如右图所示：先选中图片后点右键选择“调整大小” • AcdSee必须是6.0以上 • pg和gif以外的图片可能会导致不能正确显示，即使是jpg图片，必须保持图片为3色，4色图（印刷格式）不能在网络上使用。 • AcdSee中选中多幅图片可以批量处理图片。

WebPlus 网页制作与维护使用速成向导