WebPlusWebPlus

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

• 请将请将 IEIE 或上网助手、或上网助手、 googlegoogle 工具条等设工具条等设置的禁止弹出窗口设为允许弹出窗口。置的禁止弹出窗口设为允许弹出窗口。

• 有时操作中会报没有权限有时操作中会报没有权限 登陆后长时间不在后台操作，会出现登陆后长时间不在后台操作，会出现没有权限的提示，这是安全方面的设置，没有权限的提示，这是安全方面的设置，重新登陆即可访问重新登陆即可访问

使用前请注意使用前请注意

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

1 1 网站管理员网站管理员

如果您是信息员 , 请跳过此处

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

第二步、添加栏目第二步、添加栏目1.1. 点击 ，建相应栏目；点击 ，建相应栏目；

注意：栏目搜索状态必须设为“是”，否则无法搜索该栏目文章，且信息列表页面无法显示该栏目也可以在信息管理里使用“栏目管理 ”标签建栏目

此处插入链接地址后，不显示该栏目信息，直接跳转到相应地址

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

第三步、新增模板第三步、新增模板• 点击 ，增加模板，首先输入模板名称，再点击“从点击 ，增加模板，首先输入模板名称，再点击“从

模板库选择”可选择通用模板（目前已经内置了模板库选择”可选择通用模板（目前已经内置了 1010 套模板供大家选套模板供大家选择），点“确认”后上传压缩包；择），点“确认”后上传压缩包；

注意：可以按照我们模板的规则自己做模板，压缩后选“上传模板”即可

第四步、频道定制第四步、频道定制• 虽然我们有了模板，但模板只是一些拥有虽然我们有了模板，但模板只是一些拥有

WebPlusWebPlus 特定标记的普通特定标记的普通 htmlhtml ，但并不，但并不能直接变成网站，需要通过一个被称为能直接变成网站，需要通过一个被称为“频道”的中间容器来设置哪些内容展现“频道”的中间容器来设置哪些内容展现在首页上的特定位置。在首页上的特定位置。

• 请点击工具箱中的请点击工具箱中的

以下我们通过新建一个名为“导航 2” 的固定频道举例说明

第四步、频道定制－新建频道第四步、频道定制－新建频道点击“增加”后弹出一对话框

新建名为“导航 2”的固定频道

固定频道（可设置子栏目下拉菜单）

首页由多个频道组成，频道具有多种类型

频道的显示标题可以自己命名

专题频道可绑定相关专题栏目（栏目可设为1列或多列显示）

新闻频道（可设定新闻显示条数、显示字符数等）

可更换页面模板，轻松实现网站改版

滚动频道（可设置滚动高度、速度、显示条数等）

图文频道（可改变图文显示方式，如多图交替、左图右列表等）

图1. 6 定制首页说明图

• 固定频道固定频道————显示栏目名，只能横向排列，并在当前位置不显示频道名显示栏目名，只能横向排列，并在当前位置不显示频道名• 专题频道专题频道————显示栏目名，可以横向也可以纵向排列，并可以多行多列显示栏目名，可以横向也可以纵向排列，并可以多行多列• 图片频道图片频道————显示内容，包括图片和文字显示内容，包括图片和文字• 新闻频道新闻频道————显示新闻标题显示新闻标题• 滚动频道滚动频道————显示新闻标题并滚动显示新闻标题并滚动• 视频频道视频频道————视频文件交替显示，仅支持视频文件交替显示，仅支持 flvflv 格式格式

第四步、频道定制－频道类型第四步、频道定制－频道类型WebplusWebplus 分为以下频道类型：分为以下频道类型：

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

第四步、频道定制－栏目绑定第四步、频道定制－栏目绑定

• 其他频道方法同固定频道。其他频道方法同固定频道。

从左侧栏目树上选中栏目后点 “增加”

可用“上移”、“下移”调整相互间顺序“移除”不是“删

除”，仅表示在该频道中不再绑定栏目

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

点击要绑定的模板，或选中模板后点击“维护首页”进行首页绑定

第四步、模块绑定（第四步、模块绑定（ 22 ））点击后弹出全屏的首页效果图，可以看到上传的首页样式和结构，点击点击后弹出全屏的首页效果图，可以看到上传的首页样式和结构，点击红色链接字，弹出频道详细设置小窗口，可以定义频道。红色链接字，弹出频道详细设置小窗口，可以定义频道。

频道选择绑定刚才建的频道“导航 2”

点“确认”后绑定就成功了，输入您的发布预览地址就能看到实际效果了，点“确认”后绑定就成功了，输入您的发布预览地址就能看到实际效果了，要配置其他频道请重复以上操作要配置其他频道请重复以上操作

第六步、维护信息，查看绑定效果第六步、维护信息，查看绑定效果

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

第七步、第七步、

制作页面不同的效果包括：制作页面不同的效果包括：

• 友情链接下拉；友情链接下拉；• 弹出窗口；弹出窗口；• 浮动图标；浮动图标；• 专题图标或广告图。专题图标或广告图。

第七步、显示效果－友情链接下拉第七步、显示效果－友情链接下拉• 友情链接下拉友情链接下拉

11 、在栏目管理里建“友情链接”的栏、在栏目管理里建“友情链接”的栏目；目；22 、在频道管理里建名为“链接”的、在频道管理里建名为“链接”的新新闻频道闻频道；；33 、在模板的相关位置，进行绑定，绑、在模板的相关位置，进行绑定，绑定时选择如右：定时选择如右：44 、在信息管理里选“友情链接”增加、在信息管理里选“友情链接”增加信息，每条信息对应一个链接地址。信息，每条信息对应一个链接地址。 如增加百度为链接地址，按如下方法如增加百度为链接地址，按如下方法加：加：

注意：标题字长要设大些，否则超过就不显示了

保存后发布就可以了保存后发布就可以了注意：链接要加 http://

第七步、显示效果－弹出窗口第七步、显示效果－弹出窗口• 弹出窗口弹出窗口

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

第七步、显示效果－浮动图标第七步、显示效果－浮动图标•浮动图标浮动图标

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

第七步、显示效果－专题图片第七步、显示效果－专题图片• 专题图标专题图标

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

第八步、其他应用程序第八步、其他应用程序• 搜索搜索• 计数器计数器• 留言板留言板• 在线调查在线调查• 热门文章热门文章• 热门栏目热门栏目

在“频道类型”中选在“频道类型”中选择相应的就可以了择相应的就可以了

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

• 网站页面基本生成后，需要给相应的信息员配网站页面基本生成后，需要给相应的信息员配置栏目和权限。置栏目和权限。 WebplusWebplus 采用组的概念，通过采用组的概念，通过“组”来限定什么人管理什么栏目加以管理和“组”来限定什么人管理什么栏目加以管理和控制。控制。

• WebplusWebplus 的信息发布流程是：的信息发布流程是：起草━━审核━起草━━审核━━发布━发布。“。“起草组起草组” 可以起草并送审文章，” 可以起草并送审文章，““审核组审核组”可以将起草组送审的文章退回或发”可以将起草组送审的文章退回或发布，也可以自己起草并发布文章。布，也可以自己起草并发布文章。

下面分别介绍“人员管理”下面分别介绍“人员管理” ((添加用户添加用户 )) 和“权限管理”和“权限管理” ((赋予权限赋予权限 )) 。。

第一步、人员管理第一步、人员管理• 点击 ，弹出以下界面点击 ，弹出以下界面

点击此处可以加新的人员

如果要区分各单位人员，点这里可以加机构（单位）

添加人员或机构后必须点“立即同步”以同步人员

第二步、权限管理第二步、权限管理

现在我们拥有了一个没有任何权限的用户，若赋予权限，点击

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

内用户访问内用户访问

下面以起草组为例说明

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

第二步、权限管理（第二步、权限管理（ 44 ））

点“增加”后，用户就加到组中

第二步、权限管理（第二步、权限管理（ 55 ））

点返回

第二步、权限管理（第二步、权限管理（ 66 ））

先选中栏目，再点击右侧的“增加”

第二步、权限管理（第二步、权限管理（ 77 ））

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

浏览组设置 IP地址

第二步、权限管理（第二步、权限管理（ 88 ））

浏览组针对单篇文章设置浏览权限在这里

浏览组设置 IP地址

浏览组绑定栏目后，该栏目下全部文章都被定义为受限访问用户（登陆或 IP地址）

2. 2. 信息员信息员

信息发布流程信息发布流程

第一步、进入管理界面第一步、进入管理界面

登录后可看到欢迎界面，点“工具箱”进入

第二步、选定要维护信息的栏目第二步、选定要维护信息的栏目• 点击 ，就进入信息管理模块， 如下图，选择“文章点击 ，就进入信息管理模块， 如下图，选择“文章

管理”标签，先选中“文章管理”，点击要操作的栏目，前面有管理”标签，先选中“文章管理”，点击要操作的栏目，前面有“＋”的代表有子栏目，点击可以展开“＋”的代表有子栏目，点击可以展开

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

第四步、使用编辑器第四步、使用编辑器• 弹出以下编辑器界面弹出以下编辑器界面

•输入标题和正文后，点击“保存”可以保存文章，保存后的文章处于起草状态，只输入标题和正文后，点击“保存”可以保存文章，保存后的文章处于起草状态，只能通过进入工具箱浏览，要想发布文章，必须再多一步操作：选中文章后点击“发能通过进入工具箱浏览，要想发布文章，必须再多一步操作：选中文章后点击“发布”布”

第四步、使用编辑器－字体和图片第四步、使用编辑器－字体和图片• 标题必须输入标题必须输入• 字体编辑字体编辑

• 添加图片添加图片要先选中文字，如图要先选中文字，如图

先把鼠标移动到想插入图片的地方，点击 ，弹出如下对话框：先把鼠标移动到想插入图片的地方，点击 ，弹出如下对话框：

点“浏览点“浏览””

第四步、使用编辑器－图片上传第四步、使用编辑器－图片上传

先选中一个先选中一个本地本地文件，文件格式为文件，文件格式为jpgjpg或或 gifgif （必须保（必须保证为证为 rgbrgb 三色，印三色，印刷格式，即刷格式，即 cmykcmyk四色必须先转成三四色必须先转成三色。）色。）

再点“打开”按钮再点“打开”按钮

第四步、使用编辑器－图片上传第四步、使用编辑器－图片上传

点“确定”按钮点“确定”按钮

第四步、使用编辑器－图片上传第四步、使用编辑器－图片上传

点“确定”后，显示图片正在上传，

第四步、使用编辑器－图片编辑第四步、使用编辑器－图片编辑上传后显示如下 :

图片和文字处同一水平线的底边，不够美观

第四步、使用编辑器－图片编辑第四步、使用编辑器－图片编辑

• 左图右文左图右文选中图片后点击右选中图片后点击右键，选“图片属性键，选“图片属性””

可以看到图片一些属性，点“可以看到图片一些属性，点“对齐方式”设定为“居左”可对齐方式”设定为“居左”可以定义“左图右文”表现方式以定义“左图右文”表现方式，“右图左文”同理，“右图左文”同理

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

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

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

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

完成后效果如上图完成后效果如上图

第四步、使用编辑器－图片缩小第四步、使用编辑器－图片缩小• 图片处理图片处理

目前上传的图片很多都来源于目前上传的图片很多都来源于数码相机。直接上传的话，尺数码相机。直接上传的话，尺寸太大，影响美观寸太大，影响美观

解决方法：先到解决方法：先到 AcdSeeAcdSee 里里缩小后上传，一般设定宽度为缩小后上传，一般设定宽度为400400～～ 600600 像素，使用方法如像素，使用方法如右图所示：右图所示：

AcdSeeAcdSee 必须是必须是 6.06.0 以上以上pgpg和和 gifgif 以外的图片可能会导致不能正确显示，即使是以外的图片可能会导致不能正确显示，即使是 jpgjpg 图片，图片，必须保持图片为必须保持图片为 33 色，色， 44 色图（印刷格式）不能在网络上使用。色图（印刷格式）不能在网络上使用。AcdSeeAcdSee 中选中多幅图片可以批量处理图片。中选中多幅图片可以批量处理图片。

先选中图片后点右键选择“调整大小”

输入数值，如“ 500”，再点“开始调整大小”

第四步、使用编辑器－附件和第四步、使用编辑器－附件和 wordword• 添加附件添加附件

• 拷贝拷贝 wordword 信息信息

使用起来和上传图片相似，先把鼠标移动到想插入附件的地方，点击 使用起来和上传图片相似，先把鼠标移动到想插入附件的地方，点击 ，弹出如下对话框： ，弹出如下对话框：

点击“确定”，格式丢失，点“取消”点击“确定”，格式丢失，点“取消” ,, 格式保留格式保留

可以直接从可以直接从 wordword或或 excelexcel种拷贝信息，拷贝时，会弹出以下信息种拷贝信息，拷贝时，会弹出以下信息

使用附件上传名为“简易使用入门”的使用附件上传名为“简易使用入门”的 wordword 文档后，自动出现文档后，自动出现wordword 图标和文件名，文件名上有链接图标和文件名，文件名上有链接 ,, 点击链接可以下载文档，点击链接可以下载文档，示意图如右：示意图如右：

第四步、使用编辑器－文内添加链接第四步、使用编辑器－文内添加链接• 文章内添加链接地址文章内添加链接地址

先选中要链接的文字，再点击先选中要链接的文字，再点击

•注意：前面的类型，“注意：前面的类型，“ http://””或或 ftp://””等链接类型一等链接类型一定不能少，否则无法链接，如果是本站点内地址，请定不能少，否则无法链接，如果是本站点内地址，请使用“站内地址”使用“站内地址”

第四步、使用编辑器－文内添加链接第四步、使用编辑器－文内添加链接• 点击站内链接后如图：点击站内链接后如图：

•注意：可以链接到一篇文章或栏目（无论栏目或文章注意：可以链接到一篇文章或栏目（无论栏目或文章必须是首页上频道包含的栏目）必须是首页上频道包含的栏目）

第四步、使用编辑器－文章跳转第四步、使用编辑器－文章跳转• 文章添加链接地址文章添加链接地址

•输入“网站链接”，则点击文章标题后不显示文章正文，直接跳转到输入的地址输入“网站链接”，则点击文章标题后不显示文章正文，直接跳转到输入的地址

注意：““ http://””或或 ftp://””等链接类型一定不能少，否则无法形成链接，等链接类型一定不能少，否则无法形成链接，如果是本站点内地址，请使用“站内地址”如果是本站点内地址，请使用“站内地址”

第四步、使用编辑器－分页第四步、使用编辑器－分页

•使用后效果如下：使用后效果如下：

自动分页点这里

手动分页先把光标移到想分页的地方，再点这个图标

第五步、保存信息第五步、保存信息• 编辑工作完成后需要保存信息，图示如下：编辑工作完成后需要保存信息，图示如下：

第六步、发布文章第六步、发布文章• 保存后的信息处于“起草”状态，只能在后台浏览，保存后的信息处于“起草”状态，只能在后台浏览，

如果要使文章正式发布，选中要发布的文章，点如果要使文章正式发布，选中要发布的文章，点“发布”“发布”

此操作可以将文章正式发布，处于其他状态的文章将此操作可以将文章正式发布，处于其他状态的文章将只能通过登陆到工具箱里看到只能通过登陆到工具箱里看到

选中要发布的信息，点击“发布”按钮

第七步、发布文章－修改发布时间第七步、发布文章－修改发布时间

• 用户可以修改文章的发布时间，进入工具用户可以修改文章的发布时间，进入工具箱－信息管理，选中一篇文章，点击“修箱－信息管理，选中一篇文章，点击“修改发布时间”即可。改发布时间”即可。

第七步、发布文章－其他功能第七步、发布文章－其他功能

• 文章置顶文章置顶————使文章在该栏目处于第一位使文章在该栏目处于第一位• 文章标题字变色文章标题字变色• 移动文章移动文章————移动到其他栏目并保持文章不变移动到其他栏目并保持文章不变• 多栏发布多栏发布————同一篇文章在多个栏目同时出现，修同一篇文章在多个栏目同时出现，修改一篇文章其他栏目的同时发生变化改一篇文章其他栏目的同时发生变化

• 删除和冻结删除和冻结————已经发布的文章可以直接删除，如已经发布的文章可以直接删除，如果想保留文章又不愿让普通浏览者在发布服务器果想保留文章又不愿让普通浏览者在发布服务器上看到，可以选择冻结，冻结的文章可以在今后上看到，可以选择冻结，冻结的文章可以在今后重新发布重新发布

信息发布其他功能信息发布其他功能

多栏发布多栏发布• 用户如果有文章审核的权

限，就可以选择一篇文章一次发布到多个栏目中 ,这些栏目是从该发布者有权限看到的栏目中选择的：系统管理员可以发布到系统的任何栏目，部门管理员可以发布到本站点下的任何栏目，信息管理组人员可以发布到该信息管理组绑定的栏目及其子栏目中。

标题颜色，标题加粗• 如果需要在首页上显

示的文章标题具有醒目的效果，可以对文章的标题进行颜色和是否加粗的设置。

• 选中若干篇文章，点击“标题颜色”，在弹出的页面中设置颜色。

• 选中若干篇文章，点击“标题加粗”，文章标题显示为粗体字，如果选中的文章标题已经是粗体，则取消粗体。

谢 谢 ！谢 谢 ！