2024年4月25日发(作者：)
计算机程序设计大赛竞赛题
计算机程序设计大赛
竞赛题
□JS 竞赛题
题目要求：用HTML + CSS + JavaScript制作一个前台页面（）。你可以使
用纯JavaScript实现页面的动态效果，也可以使用JavaScript库，但最好是jQuery。
注：CSS、JavaScript要独立于html文件，单独保存为外部文件（如、inde
）。具体要求如下：
1、设计一个有布局的界面，你可以使用tab或者tree形目录作为导航，但每级导航的
内容不可存在于该文件（）中，要放在另外的html文件里。tree形目录
作为导航的，要至少支持3级导航。希望你能够把以下要求的实现作为某级导航的
内容放在该级导航下。该页面是你展示后续实现的门户，所以请尽量注意美观。
2、使用“题目要求”中提及的技术，实现一个4×4的拼图游戏。在实现以下“基本要
求”的前提下才可以实现后续的“扩展要求”。“基本要求”务必全部实现，“扩展要
求”请尽可能多地实现。
基本要求：
1）格子内必须是图片而不是字符。示例如图1。
图1
2）通过鼠标点击有图片的格子，将其移动到相邻的无图片的格子。
3）要有游戏功能控制按钮，如“开始”、“重来”等。
4）游戏成功完成后要有提示。
5）需要时请考虑JavaScript的执行效率。
6）游戏的CSS、JavaScript要独立于html文件，单独保存为外部文件。
扩展要求：
1）必须考虑JavaScript的执行效率。
2）支持键盘方向键操作，即←↑↓→键的操作。
3）支持“计时”、“计步”玩法。
1
计算机程序设计大赛竞赛题
4）支持预定义好的几种矩阵（方阵）大小，甚至自定义的矩阵（方阵）大小，5×5、
6×6等等。
5）支持不只1张拼图背景图片，甚至自定义的拼图背景图片。
6）支持智能拼图，即游戏初始时或游戏进行过程中，通过智能拼图功能完成余下步
骤，当然，每一步的时间间隔要足以让肉眼辨别。
3、页面的美观度，布局的合理性，动态效果的流畅度也是评分的重点。请尽可能地展
现你对网页设计的理解。
技术简介：以下将对你在完成题目过程中一定或可能用到的技术作一个简单介绍。
1、HTML：HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示
语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。相信有
过网页制作经历的同学对它不会陌生。
2、CSS：CSS（Cascading Style Sheet）即层叠样式表或级联样式表是一组格式设
置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将
页面的内容与表现形式分离。相信有过网页制作经历的同学对它也不会陌生。
3、JavaScript：JavaScript是一种由Netscape的LiveScript发展而来的原型化继承
的面向对象的动态类型的区分大小写的客户端脚本语言。相信有过网页制作经历的
同学对它也早有耳闻。
4、jQuery：jQuery是继Prototype之后又一个优秀的JavaScript框架。其宗旨是
——WRITE LESS,DO MORE即写更少的代码，做更多的事情。 jQuery由美国人John
Resig创建，至今已吸引了来自世界各地的众多JavaScript高手加入其Team。它是
轻量级的js库，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE
6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery是一个快速的，简洁的
JavaScript库，使用户能更方便地处理HTML Documents、Events、实现动画效果，
并且方便地为网站提供AJAX交互。 jQuery还有一个比较大的优势是，它的文档说
明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery
能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插
入一堆js来调用命令了，只需定义id即可。 关于jQuery的更多内容你可以访问
它的官网。
□数据操作与控制竞赛题
题目要求：用C#.Net和access制作一个B/S结构的公司公告发布系统。
具体需求如下：
1．普通员工可以查看和查询自己的公告。
2
发布评论