摘要随着互联网和移动互联技术的发展，同学们的学习生活变得更加便利和高效的同时，传统教学方式也悄然面料着变革。而在线课堂则一个很重要的方向，学生不仅可以通过课堂听教师讲授课程，也可以通过网络进行学习，突破了时间和空间的限制。77675

《数据结构》慕课建设项目重点研究如何建设一个“慕课”平台来普及、传播及分享、学习《数据结构》相关专业课程。通过以知识点为小节制作教学视频及随堂测验，给用户提供《数据结构》课程在线学习检测环境。通过教学论坛实现用户之间的相互辅导、答疑，以实现相互督促共同学习进步的目的。具体有用户注册登陆、分享、资料下载、在线教学联系等功能。

项目被划分为前端交互和后台管理控制两个子项目。本篇内容主要为前端设计，用户交互及网站构架。

    在确定了需求分析之后首先通过Axure进行前端网页结构设计，设计尽力终于MOOC的分享理念。题材上也选择了和学校官网相近的配色，但为了确保用户能被网页内容所吸引所以还是引入了多种色彩。之后使用Bootstrap进行网页建设，其中引入了响应式网页设计以确保用户在不同设备上的使用体验。设计代码用Git进行管理，方便程序管理。

该论文有图15幅，表26个，参考文献160篇。

毕业论文关键词：Bootstrap  HTML5  CSS  AxureRP  慕课 

Online Course Design of Data Structure

Abstract With the development of the Internet technology,the students’ learning and life becomes more convenient and efficient,at the same time the traditional teaching methods are also changing quietly。 Online courses is a very importint direction。Students can not only learn in traditional course ,but also through the online course learning, to break through the limitation of time and space。

Online Courese Design of Data Structure focused on how to build a MOOC platform to dissemination,sharing and learning the Data Structure courses。 The teaching videos and tests are made by using knowledge key points as the section,to provide the user with the environment of online learning and testing。 The user can communicate and through BBS,learn from each other。 

  After determining the needs of the analysis of the first through the Axure front-end web structure design, design efforts to finally share the idea of MOOC。 Theme also chose the school's official website and similar color, but in order to ensure that users can be attracted by the content of the web page, so it is introduced a variety of colors。After the use of Bootstrap for the construction of web pages, which introduces a responsive web design to ensure that the user experience on the use of different devices。 Design code with Git management, convenient program management。

Key Words: Bootstrap  HTML5  CSS  AxureRP

目  录

1 绪论 1

2  系统关键技术介绍 4

2。1。1 Axure RP介绍 4

2。1。2 Axure RP特点 4

2。1。3 Axure RP优势 4

2。2。1 Bootstrap介绍 5

2。2。2 Bootstrap特点 5

3  系统分析 6

3。1。1 社会可行性 6

3。1。1。1国内高校改革 6

3。1。1。2 慕课教学在高校课程改革中的推广价值