刘子毅+刘晓华

摘要：依托互联网资源丰富、共享方便、实时性强、互交性好等特点，我们可以构建一个集信息浏览、班级文化建设、课程资源学习、家校交流等功能为一体的互动平台，即班级网站。本文依据自己高中学校班级的相关信息需求，采用具有平台操作性强和后台管理方便的开源CMS系统，详细设计并实现了一个高中班级网站，包括班级通知与文件下载、课程学习、精彩瞬间、风华正茂、老师博客、家长交流等模块。经使用测试，该班级网站用户操作方便、实用性强。

关键词：班级网站；CMS（内容管理系统）；课程资源；资源共享；家校互动

中文分类号：TP393.1 文献标识码：A 文章编号：1009-3044（2016）30-0021-03

随着互联网的日益发展，学校网站日益普及，从大学到高中、初中、小学，甚至幼儿园都有。但在这些学校网站中却很少有班级网站的影子，主要是因为班级网站制作维护麻烦，但这样学生间、师生间以及家校间的联系就大打折扣了。为了让班级的学生及家长更容易获取有效的班级信息，并提供有用的学习资源下载、提供互动等，笔者认为有必要以班级为单位，建设班级网站，为各班在学校的校园网上提供展示自己班级风采的平台。

1班级网站的需求分析与功能设计

随着高中校园信息化、智能化教学方式的不断普及，人们愈加意识到传统的面对面交流的管理方法有一定的局限性，即无法跨越时间、地点的限制，而互联网的即时性、异地性等却能较好地弥补这些不足，因此有必要建设一个专属于高中班级的交流平台，即班级网站。为满足班级管理信息化的要求，该平台应该满足以下两方面需求：1）给学生、老师、家长提供交流和获取信息的平台，同时针对本班学生的各科目实情提供课后自主学习的平台；2）每个学生都是一个独立的个体，需要构建一个环境让每个孩子都有自我展示的机会，也包括对教师个人教学理念的展示，以方便师、生、家长间的互相了解，所谓“亲其师、信其道”。这样的网络互动平台，是传统班级管理手段的有益补充，也能在一定程度上促进班级文化建设。

综上分析，本班级网站的内容建设围绕着本班级的课程学习、学校通知、学生生活、教师博客、家长交流等模块开展，为全班老师、同学和家长使用。因此，本班级网站的功能需求如图1所示。

1）通知与文件：主要放学校或班级的重要通知、相关文件下载，也包括周末或假期的放学、到校时间，请假表格等。为了方便大家的使用，按时间顺序列表显示，并可按关键词或时间检索。另外，学校校历、申请表格等常用的文件下载也放在这个栏目下。

2）课程学习：二级菜单按科目分，每科科目下再分知识区和习题区，知识区主要放各科目的一些重点知识点的微视频，课件可下载，供学生回家后复习使用，习题点区放重点题型的回顾。

3）精彩瞬间：图片形式的班级新闻或学生活动的相片展示。既可以让家长通过班级最新信息，了解孩子动态；又是学生们青春成长过程中的一份珍贵的记忆。同样，可按关键词或时间搜索，也可以按学生姓名搜索。

4）风华正茂：班级每人一个空间，既可以放自己的学霸笔记、错题集、精品作文，也可以放自己的社会实践或学习感悟、绘画等，以体现“每个人都是一个独特的个体”。

5）教师博客：展现教师的教学理念，并设私信区，方便学生、家长等留言（可匿名）。

6）家长交流：家长间互帮互动的交流平台。并对一些优秀的教育经验进行置顶。

总之，本班级网站旨在为师生间、生生间以及家长老师间搭建一个信息沟通的平台，即服务于“老师+学生+家长”三方的、集班级信息发布、学生自主学习、交流互动于一体的网络平台。

2设计与实现

2.1网站开发技术的选择

开发班级网站可以用多种技术方案来实现，既可以使用静态页面开发技术，也可以使用动态页面开发技术。其中，静态页面开发速度快、部署简单，开发工具也比较多。如FrontPage，就是可视化的编辑界面，但缺点是后期内容和网站的管理、维护工作量大，搜索速度慢，很不方便。而动态页面开发技术是目前的主流，但技术较为复杂，网站开发又分前端（web）脚本和服务器（server）脚本。前端开发工具主要有C#、java、PHP等，而数据库开发工具也比较多，主要有Access、MySQL、SQL Server等。用这种方式开发的班级网站，后期管理和维护比较简单，但开发难度较大。

针对以上问题，近年来又出现了一些专用的网站开发系统，提供向导、模板式开发，如各种自助建站系统，其优点是开发容易、建站速度快，几乎是零基础上手。但这些系统不能二次开发，且只能用它所提供的空间、模板、功能模块等，其接入速度较慢，用户体验较差。

当然，还有一种选择，就是内容管理系统（CMS）。它是一种运用服务端脚本语言对网站栏目、内容及模板进行管理和维护的系统。其基本思想是将界面设计交由模板文件来处理，而网站内容放在数据库中，是一种以网站形式对信息资源进行组织和管理的比较好方式。由于国内外开源的CMS系统较多，使得网站开发周期短，系统稳定。可以说，CMS系统既有静态网站的快速访问性，又有动态网站的易维护性。

综上，本班级网站拟采用开源CMS进行开发。

2.2首页的制作和前台页面模板的选择

在网站设计中首页作为最重要的一环，代表了整个网站的形象，其整体的美观性和易操作性也决定了用户的兴趣度。因此，网站首页采用的是蓝色和白色为主的背景色调，功能横向式间隔排列和滚动式图片新闻作为背景，整体给用户带来一种简洁舒适的视觉感受。与此同时，考虑到电脑浏览和手机浏览的方便性，本班级网站采用自适应的页面模板，从电脑端访问和从手机端访问，其页面显示分别如下图2和图3所示。

2.3后台数据的管理

一个优秀的网站设计所需的不仅仅是前台网页的简洁和浏览的舒畅，同样也应该让后台数据的管理操作简单和便捷。因此，本网站注重的后台数据管理方便性的设计。通过登录后台管理后，管理者可实时进行数据更新，如发通知、发新闻、删除消息等，如图4、下图5所示。

2.4手机侧滑功能的实现

今天，人们已经习惯了使用智能手机直接访问网站，这时如果直接加载电脑端网页则会因手机屏幕过小而带来操作不方便的困扰。为此，本网站根据移动用户的使用习惯，设计了手机端自适应显示，并设计了手机侧滑菜单功能，将网页的显示方式从电脑端网页横向排版转为手机端的竖式显示、顶部菜单改为左滑菜单，如上图6所示。为了页面的生动性，我们还在手机端页面的功能栏旁增设了小图标设计。

3班级网站的运行测试

班级网站目前已经投入运行，各界面运行情况良好。用户可以浏览班级新闻、学生个人风采展示、老师课件学习、文件下载等。因篇幅原因，这里只截图展示教师课件学习与文件下载，分别如图7、8所示。

4结束语

由于采用开源CMS系统开发班级网站速度快、后期维护方便等原因，本文开发了一个基于开源CMS的班级网站。该班级网站集班级通知、老师课件展示、学生个人风采展示、家长交流等功能于一体，架起了老师、学生和家长间互动的桥梁。班级网站运行以来，获得了大家的好评。

参考文献：

[1]張海燕. 让班级网站独具魅力[J]. 中学课程辅导（江苏教师），2013（8）：85.

[2]汪婵，张雯. 让班级网站为作文教学增光添彩[J]. 中国教育技术装备，2015（1）：45-46.

[3]蔡秀娜. 班级网站系统功能的分析与设计[J]. 中国科技信息，2014（7）：165-167.

[4]张展梓. 班级网站的建立与维护[J]. 教师，2015（35）：95.

[5]刘姝虹. 浅谈网站建设和网页制作的方法[J]. 数字技术与应用，2015（12）：233.

[6]王晴. 班级网站构建实例详解[J]. 南通航运职业技术学院学报，2006（2）：60-65.

[7] 陈道喜.基于CMS的班级网站设计与应用[J].电脑学习，2010（4）：23-25.

[8]王德灵，张巧超. CMS在高校院系网站建设中的应用[J]. 辽宁经济管理干部学院（辽宁经济职业技术学院学报）， 2011（1）：52-54.