摘 要本次开发的C语言经典算法学习网站是根据网站设计的基本步骤进行设计的。遵循软件工程中系统的开发步骤和生命周期，采用结构化开发的方法设计C语言经典算法学习网站。本次开发中在页面中通过使用HTML语言进行开发页面，实现网站动画的展示。本次网站是通过B/S框架模式设计，使用当下最新的CSS样式表，以及HTML5页面开发技术，Java中的JS插件技术。C语言经典算法学习网站主要展示了C中比较常见的几种查找排序方法，有二分查找、直接插入排序、直接选择排序以及冒泡排序。在本篇论文中分析了此次开发网站的设计背景以及研究概况。根据软件工程导论中的开发步骤，对系统进行前期调研，进行具体的需求分析，需求分析中需要对网站的开发进行可行性设计，根据现如今的技术条件，经济条件，确定网站开发可行性，确定可行性后，开始对网站的功能模块进行设计，绘制功能模块设计图，设计完成后根据框架的划分对功能模块如何实现进行描述。在系统完成后，对整个系统进行功能测试和系统完整性测试，通过测试结果得知系统是否设计成功。
Key words: C language; Html 5; Java; Learning website;目 录
第一章 绪论 1
1.1 选题背景 1
1.2 基于HTML5前端开发 1
1.3 初步设计方法与实施方案 3
1.4 本文研究内容 3
第二章 系统开发环境介绍 5
2.1 HTML/CSS简介 5
2.2 JavaScript 5
2.3 B/S模式 6
2.4 Java语言 6
第三章 系统分析 8
3.1 系统可行性分析 8
3.2 功能需求分析 8
3.3 性能需求 9
3.4 运行环境需求 9
第四章 系统设计实现 11
4.1 HTML5/CSS3响应式框架布局分析 11
4.2 系统主要功能 12
4.3 功能模块详述 13
4.3.1 二分查找 13
4.3.2 冒泡排序 14
4.3.3 直接插入排序 20
4.3.4  *51今日免费论文网|www.jxszl.com +Q: ￥351916072￥ 
直接选择排序 24
4.4 动画在网页中的实现过程 27
第五章 系统测试 29
5.1 功能测试 29
5.2 可用性测试 30
5.3 性能测试 30
5.4 测试结果分析 30
结 论 32
致谢 33
参考文献 34
第一章 绪论
1.1 选题背景
互联网的发展使得现在的青年人喜欢在手机或者电脑上办事，享受服务；电脑和手机的普及也使这种情况成为可能。通过网络的平台实现多种操作，如在网络的在线学习平台上进行学习知识，在购物平台上进行购物等等。可以说，现在人们的生活已经离不开网络，离不开计算机这个载体。也正是因为这个原因，现在网络上大量出现的各种软件，都是基于互联网生态所进行开发的，这些软件有些为我们个人生活提供助力，有些为在线学习提供方法和方式。互联网的巨大进步也让我们了解到互联网进步的必然性，最近兴起的云计算，云存储，就是将各种数据通过网络的方式存储在云端，通过网络的方式将计算机互联，成为云计算的一部分，将所有的家用个人电话联系在一体，成为一体，成为云存储或者云计算的一员，能够充分利用计算机的计算性能，做原来做不到的事情，而HTML技术的发展也为云计算、云存储提供了新的网页开发标准，通过崭新的开发技术，使得客户端的开发与手机互联网移动端的开发能够互相适应，使网络的触角伸向PC端以及互联网端。
随着信息时代的到来，信息化建设在高校内部如火如荼的开展，高校内部已经涌现出了大量针对学生以及教职工的管理系统，也出现了大量针对学生学习的网站，如各种在线学习网站，而本人所开发的C语言经典算法学习网站也是其中的一种，主要针对的是学生学习C语言时出现的各种情况，因为C作为基础课程，基本上大一的新生进行软件开发入门时就需要学到，这也导致了许多学生对逻辑性非常强的C语言设计难以理解，晦涩难懂，而通过我所设计的C语言经典算法学习网站可以将课本上枯燥的学习内容通过视频的方式放置在网站中，学生能够观看视频学习C的各种数据排序方法。在开发中也面临着一些问题，如网站的并发性能，因为学生的数量众多，如何同时观看视频，这些都是需要逐渐改善的问题，通过对网站进行合理的规划和设计，从而达到网站的设计要求。
1.2 基于HTML5前端开发
在HTML5版本中，更多的体现在语义化的改变，在互联网技术不断发展的这几年，页面开发技术HTML5一直是一个比较热点话题，在开发中广义的语义化用来描述计算机使用极少的人力资源信息情况下对网络信息进行收集和干涉。通过计算机特有的编译程序对页面的内容进行理解，从而修改和收集[1]。例如在HTML中设置了许多的标签，通过标签方式定义一个文档中存在的部件信息，通过属性方式对部件信息进行描述。通过这种方式能够实现网页的代码之间的统一标准，为互联网的共通互联带来了可能。通过语义方式设计的语言也能够提高使用者对于网站的体验。
在原先的HTML版本中，对于标签和属性的设置上，更多的考虑的是用户的概念，对于用户的需求做到了最大化的满足，而对于程序员来讲，HTML并没有对标签进行概念化的相关设计，而HTML5设计中则对此种方式做了改进，对原有的标签方式进行了改进，不仅能够提高页面结构的合理性，也能够将页面的内容信息与风格信息进行隔离。
在HTML4版本中，如果使用DIV方式对页面进行开发和布局的话，需要使用属性方式如ID方式或者Class属性对DIV中包含的文档或者数据进行标记，比如说在正常的网站设计上，页面的各个部分使用HTML4设计时，通常都是如图11所示的结构。
/
图 11 使用 HTML4 展示
虽然对于用户来讲，这些标记都是没有问题的，但是对于机器来说，这些代码在未进行编译的时候，对于机器来讲仅仅是代码，它无法理解这些代码的含义。DIV在HTML4版本中定义的文档的意思，也就是说，该标签在页面中没有特别的含义，仅仅是一个文档的意思，但是ID和Class属性的存在仅仅是存在，也无法影响其定义的标签数值的变化。

原文链接：http://www.jxszl.com/jsj/qrs/442927.html