响应式微课程网站的设计

文静++王秀丽++杜柯柯

摘 要

本网站运用了JavaWeb和JS技术，完成了一个基于响应式的微课程网站的开发，用户可以在该网站观看视频资料、学习相关多媒体课程知识，还可以在讨论区进行留言提问，该网站还实现了PC端和移动端的兼容显示，提高了学习效率、节省了学习时间，用户可以在移动端随时随地学习，满足了不同用户的不同需求。

【关键词】响应式 微课程 设计 HTML5 JS

教育教学改革的发展离不开互联网新生技术的支持，由于HTML5新标准的推进，基于响应式的微课程网站发展日益蓬勃，微课程接合互联网特性以知识点为单位，以时间灵活、目标明确而闻名，而HTML5新技术的应用使网站建设向响应式方向发展，使微课程的学习者不受时间和地点限制按需进行学习，提高学习效率。

本网站前端开发语言为HTML5，JS，JQUERY，JAVA等；后台所使用的开发工具主要是MyEclipse；前台页面所使用的工具主要DreamWeaver；还用到PS和FLASF等辅助工具；本网站选择MYSQL数据库。

1 需求分析

1.1 系统需求

本网站的用户主要分为两类：用户和管理员。

（1）用户需求：普通用户登陆该网站主要的操作有：讨论区评论、浏览信息、个人信息修改。

（2）管理员需求：对网站的用户、评论等信息进行管理。

本网站面向整个互联网的学习者，但主要为相应的课堂学习者提供相应的课件、视频等课程材料，普通用户可以利用该网站快速学习自己感兴趣的知识，课堂学习者可以利用该网站强化学习内容的同时获得额外的课程补充内容。

2 数据库设计