学校网站平台应用.ppt

1、钟祥四中 王遂忠 2013/3/9,学校网站平台应用及维护,心得交流,第1张,一、文件上传软件FTP简介,二、有备无患：网站数据库备份,三、网站源文件更新,四、网站后台栏目的添加,五、调整首页动态导航栏,六、“通知”栏目的管理,七、“新闻”栏目的管理,八、“图片幻灯”的管理,九、“机构设置”的管理,十、“一站式服务”的编辑,十一、“在线投稿”的审查、推荐,十二、局长信箱的管理,十三、网上投票、调查、征集的管理,十四、“办事指南”、“常见问题”的管理,十五、“栏目设置”的管理,十六、网页外观的微调,十七、怎样添加、设置后台管理用户,索 引,第2张,一、文件上传软件FTP简介,1、FTP服务器地址

2、：学校网站的服务器IP地址已更改为：2,2、FTP软件中标签的添加、使用。,3、FTP软件中本地路径的设置。,二、有备无患：网站数据库备份,操作练习一：,备份和恢复本机的调试 平台网站数据库。,具体操作可以参阅钟祥四中网站的“通知”栏目或者直接参阅下列网页：,演示：1、下载数据库备份软件。 2、使用软件备份数据库。 3、导入（恢复）数据库。,第4张,更新本机调试平台。,三、网站源文件更新,操作练习二：,注：网站调试平台只需将文件解压到: D:dtenvswwwRootDeepthroat下,下载“程序更新包(2012.3.26)”文件， 解压后按照其中“更新说明”更新网站

3、 源文件。,第5张,四、网站后台栏目的添加,1、怎样新建文章栏目,（2）单击左侧的“权限管理”对象权限 文章栏目右侧的“管理” 增加栏目管 理权单击“教学教研”勾选相应权限即可。,（1）登录后台添加栏目按需填写栏目名称和标题，例如 “教学教研” 单击某个已有的栏目作为其父栏目，例如 “工作动态” 。,第6张,2、怎样新建图片列表（或表格）栏目,（2）单击左侧的“权限管理”对象权限 图片列表（或表格）栏目右侧的“管理” 增加栏目管理权单击“清新校园图片 （或表格）” 并勾选相应权限。,（1）后台添加栏目在类型中点选图片列表（或表格）栏目按需填写栏目名称和标题，例如 “清新校园图片（或表格）” 单

4、击“图库”作为其父栏目。,第7张,（3）为“图片列表”添加图片： 后台栏目内容图库单击 “清新校园图片” 添加图片填写标题、上传相应的图片反复添加，直至完成。 （必要时可重新指定图片链接！）,（4）设置“图片表格” ： 图库单击 “清新校园表格” 根据需要设置图片的大小及显示方式等即可。,第8张,操作练习三：,1、新建标题为“教学教研”的栏目， 并为它新建标题为“教学动态”和“教研动态”的子栏目。 2、新建标题为“校园掠影”的图片列表和图片表格栏目，并添加几幅图片、设置图片表格。（备用）,第9张,五、调整首页动态导航栏,1、怎样更改一级导航条文字及地址,（2）单击某导航条对应的“修改”按钮 修

5、改“名称”和标题的文字内容以及地址 保存即可（若要删除某导航条，则单击它 对应的“删除”按钮）。,（1）后台栏目内容单击“首页内容区块”左侧的“+”号动态导航。,第10张,2、怎样添加一级导航条,（2）单击“添加一级导航条”分别填写 名称和标题的文字内容以及地址保存。,（1）后台首页内容区块动态导航。,注： 如果是全新的栏目，则先按照“怎样新建文章栏目”的步骤新建这个栏目。 怎样获取某个栏目的地址？,第11张,（4）用文本编辑软件notepad+打开 functions.php文件找到图1所示的源码。,将这里的三个8都改为10或更大保存退出。,（3）用FTP软件登录网站，将根目录下的 func

6、tions.php文件下载到本地，如D:。,图1,第12张,（5）再用FTP软件将修改的functions.php 上传到网站根目录覆盖原文件。,（6）用FTP将网站中对应的style.css文件 下载到本地，例如/skin/web-green/css/ style.css。,（7）用notepad+打开style.css找到 图2所示的源码。,第13张,图2,（8）将图2中红色区块的117改为92或其它 合适的数字120改为100或其它合适的数字 （必要时绿色区块的35改为10或其它数字）,第14张,为动态导航栏添加名为“教学教研”的一级导航条，地址指向操作练习三新建的“教学教研”栏目。 为

7、该一级导航条添加两个子导航：“教学动态”和“教研动态”，分别指向这两个已建的栏目,操作练习四：,（9）最后用FTP将修改的style.css上传 到网站原文件所在的目录覆盖即可。,第15张,六、“通知”栏目的管理,1、怎样添加“通知”栏目文章,（1）后台栏目内容工作动态重要通知添加新文章编辑好标题及内容等保存。,（2）单击“修改”将刚才添加保存的文章状态由“起草”修改为“发布”保存即可。,第16张,2、怎样归档过时的“通知”,（1）重要通知单击要归档的文章对应的“修改”,（2）将文章状态由“发布”修改为“归档” 保存即可。,注：文章状态若为“归档” ，该文章不会显示在网页上，但是仍保存在网站的

8、数据库。,第17张,七、“新闻”栏目的管理,1、怎样添加“新闻”栏目文章,（1）后台栏目内容新闻动态外埠新闻（教育新闻、学校新闻或教育要闻）添加新文章编辑好标题及内容等保存。,（2）单击刚才添加的文章对应的“修改” 将文章状态由“起草”修改为“发布” 保存即可。,第18张,2、怎样归档已有的文章,3、怎样推荐已有的文章,操作类似于“通知”文章的归档。,后台栏目内容新闻动态外埠新闻（或其它栏目）单击某文章右侧对应的“推荐”点选要接受推荐的栏目保存。,第19张,4、怎样删除网页上的栏目“页标签”,提示：要删除显示在网页上的某个栏目“页标签” ，例如“教育专题”，千万不要在网站后台中直接删除“教育专

9、题”这个栏目，应该更改index.php中的源代码！操作如下：,第20张,（1）用FTP登录网站，将根目录下的 index.php文件下载到本地，例如D:。,（2）用notepad+打开index.php文件 找到图3所示的源码。,图3,第21张,（3）将图3中三行红色区块儿的代码删除，,（4）再用FTP将修改的index.php文件上传到网站根目录覆盖原文件即可。,特别是第一行的要删得精准！保存退出。,第22张,5、怎样在网页上增加某栏目“页标签”,注：该操作原则上与删除“页标签”的 方法相反，但是有些代码处理要注意！ 以在主页的“教育政策”右侧增加“教育党建”标签为例，操作如下：,（1）后

10、台工作动态鼠标指向“教育党建”记住状态栏中显示的id号是“89” 。,第23张,（2）用notepad+打开index.php,图4,文件找到图4所示的源码。,第24张,（3.1）复制第一行红色块儿的代码粘贴在该代码后面（紧挨着！）将“粘贴代码”的zxzc改为jydj，将18改为89。,（3.2）复制第二行红色块儿的代码粘贴在该代码后面将“粘贴代码”的zxzc改为jydj，将1改为2，将18改为89。,（3.3）复制第三行红色块儿的代码粘贴在该代码后面将“粘贴代码”的zxzc改为jydj，将18改为89。,第25张,将网页“通知”栏下方的页标签“教育专题”换成“教育要闻” 栏目。 在网页大横条

11、图片下方的“最新政策”右测添加“学校安全”栏目的页标签。,操作练习五：,（4）保存并用FTP将修改的index.php文件上传到网站根目录覆盖原文件即可。,第26张,八、“图片幻灯”的管理,1、怎样给“图片幻灯”的页标签更名,（1）用FTP登录网站，将根目录下的 index.php文件下载到本地。,（2）用notepad+打开index.php文件 找到图5所示的源码。,图5,第27张,2、怎样删除网页中“图片幻灯”页标签,（3）按需要更改其中文字保存退出。,（4）再用FTP将修改的index.php文件上传到网站根目录覆盖原文件即可。,（1）用notepad+打开index.php 文件找到

12、图6所示的源码。,第28张,图6,第29张,（2）以删除“职教”页标签为例，需删除,图6中的三处红色区块代码将绿块儿的5改为4保存退出。,注：一般不必删除已有的页标签，除非多余。建议对已有的合理更改再应用。,第30张,3、怎样更改再利用已有的“图片幻灯”,（1）用notepad+打开index.php 文件找到图6所示的源码。,（2）将“职教”改为“清新校园”将第三 红色块儿中对应的107改为清新校园表格 的id号保存退出即可。,注：其它页标签的再应用可如法炮制！,第31张,将“图片幻灯”中的“小学”页标签改为“校园掠影” 。添加 几幅图片，并使得网页中能滚动播放其中的图片。,操作练习六：,第

13、32张,九、“机构设置”的管理,后台左侧的“机构设置”领导“添 加领导信息”填写和上传相应信息 单击“添加”反复操作，直至完成。,1、怎样在机构设置中添加领导信息,后台左侧的“机构设置”机构“添 加机构”填写和上传相应信息 单击“添加”反复操作，直至完成。,2、怎样在机构设置中添加机构信息,第33张,十、“一站式服务”的编辑,1、“一站式服务”中图片链接的重定向,首页内容区块一站式服务单击第一图片单击“链接”输入对应链接（9/xxgk/web/webInfo.do?actionCase=apply）,2、“一站式服务”中增加图片及链接,一站式服务在第四幅图右

14、侧单击一下单击图标“ ”插入准备好的图片单击“源码”调整好图片的width、height属性再按“1、”的步骤为其添加链接。,第34张,1、将“一站式服务”的第三图片的链接指向“ 2、制作一张图片，命名为“网上办事” 添加为一站式服的第五张图片，链接指向自己网站的net_work.php页面，例如：http:/*,操作练习七：,第35张,十一、“在线投稿”的审查、推荐,2、“在线投稿”的审查、推荐,1、自由撰稿人可以通过网页上的“在线投稿”平台，向网站提供稿件、图片等， 方法可以参阅钟祥四中网站的“通知”栏目。,后台栏目内容公众互动在线投稿找到“待审”文章修改为“发布”保存“推荐”点选适当的栏

15、目(如学校新闻等）保存退出即可。,第36张,1、“在线投稿”一篇文章。 2、在后台“审查”该文章，并“推荐”到合适的栏目，自查效果。,操作练习八：,第37张,十二、局长信箱的管理,1、将导航中的“局长”改为“校长”,在动态导航的子导航中直接更改即可。,2、将“公众参与”中的“局长”图片 改为“校长”,3、将 “局长信箱”网页中的改为“校长”,重做图片gzcy01.gif，再上传覆盖即可。,用notepad+打开mailbox_index.php将其中的局长改为校长即可。,第38张,十三、网上投票、调查、征集的管理,1、“网上投票或调查”的编辑,后台栏目内容互动栏目网上投票 或调查编辑“答案类型

16、”、“调查的内 容”以及“添加备选答案”等。,2、“网上投票或调查”的新建,（1）新建栏目时，将“栏目类型” 选为“调查栏目”,（2）赋予权限后，再按上述编辑即可。,第39张,3、“民意征集”的管理,后台左侧的“民意征集管理”“添加”提出要征集的主题确定。,（1）“民意征集”的新建,后台左侧的“民意征集结果管理”选取某个征集的主题处理征集的意见。,（2）“民意征集”意见的处理,第40张,十四、办事指南、常见问题的管理,1、为“办事指南、常见问题”添加内容,“办事指南”是一个普通的文章栏目，具体操作参考怎样添加“新闻”栏目文章。,“常见问题”是由后台管理员自问自答的栏目：后台左侧的“网上答疑管理

17、” “添加”。,第41张,十五、“栏目设置”的管理,1、怎样重命名某栏目的标题名称,后台左下角的“栏目设置”找到需更名 的“机构领导”栏目“修改”修改为 “学校领导” 。,2、怎样调整栏目的隶属关系,若将甲栏目调整为乙的子栏目：后台 “栏目设置”先找到乙栏目“修改”展 开“+”号找到甲栏目，单击它保存退出。,第42张,若将甲栏目由子栏目调整为根栏目：,后台“栏目设置”找到甲栏目“修改” 将“栏目级别”改为根栏目保存退出。,注：调整栏目隶属关系有利于网站后台 的组织管理！,第43张,将“招生信息”和“资助政策”栏目包含在“信息公开”中。,操作练习九：,第44张,十六、网页外观的微调,1、“信息公

18、开目录分类”栏目内容的添加,网页中“信息公开目录分类”栏目显示的条目来自“信息公开”栏目，并非“首页内容区块”中的那个！按照“调整栏目的隶属关系”组织好信息公开即可。,第45张,以“最新政策”为例，假设网页中其右侧 的“信息公开目录分类”区块儿有6行：,2、怎样更改网页上显示的文章篇数,（1）用notepad+打开index.php文件 找到图7所示的源码。,图7,（2）将其中的参数10都改为7保存退出。,注：其后的参数38表示显示标题的最大字数。,第46张,3、怎样更改网页背景色（或图案）,用notepad+打开下列文件修改： /skin/web-red/css/base.css,4、怎样更改网页素材、图案,(1)了解网页素材的保存位置和名称。 (2)更改网页素材、图案只需作相应的 替换，或者适度修改。 (3)注意“索引色”图片的编辑！,第47张,（1）体验网面中板块的调整搭配。 （2）体验网页背景色或图案的填充。 （3）试改网页素材图案。,操作练习十：,第48张,十七、怎样