基于HTML5的棋牌游戏论文.doc

基于HTML5的棋牌游戏毕业论文 目 录 前 言 1 第一章 HTML5概述 2 第一节HTML5的发展历史 2 一、HTML5的演变 2 二、HTML5的革新 2 第二节 HTML5的优势 3 一、HTML5的新标签 3 二、HTML5的新功能 4 第三节 本章小结 4 第二章 基于HTML5的游戏 6 第一节 准备工作 6 一、什么游戏 6 二、绘制部件 6 第二节 JavaScript、CSS特性 6 一、JavaScript 6 二、CSS 7 第三节 HTML5游戏 8 第四节 本章小结 8 第三章 基于HTML5的象棋游戏开发 9 第一节 中国象棋游戏 9 一、中国象棋 9 二、 象棋规则 10 第二节 开发工具 11 第三节 象棋游戏部件的绘制 12 第四节 页面布局调整和信息定义 13 第五节 本章小结 13 第四章 功能性JavaScript和主页 14 第一节 象棋AI 14 第二节 bill脚本 15 第三节 play脚本 15 第四节 common脚本 16 第五节 页面生成 17 第六节 本章小结 17 第五章 测试 19 第一节 测试的目的和意义 19 第二节 测试内容 19 一、界面测试 19 二、按钮测试 21 三、功能测试 21 第三节 本章小结 22 结 论 23 致 谢 24 参考文献 25 附 录 26 一、英文原文： 26 二、英文翻译： 32 三、工程设计图纸： 36 四、源程序： 37 1、HTML5按钮主要代码： 37 2、CSS主要代码 37 3、AI脚本主要代码 38 4、common脚本信息定义代码 39 5、bill脚本写入棋谱代码 41 6、play脚本定义代码 42  前 言  第一章 概述 的发展历史 随着，Web Hypertext Application Technology Working Group）提出。于2006年WHATEG与W3C正式合作，在2007年被W3C接纳，并成立了新的HTML工作团队，而在双方经过8年来不懈努力，在2014年10月29日，HTML标准规范终于最终制定完成，并公开发布。 HTML5的革新 相比HTML4而言，HTML5取消了<font><center>等标签，相关功能融合在CSS中，利于整体处理。又结合了XHTML的header，aside，footer，dialog等标签[3]，让处理对象语义清晰，分布明确，而非全部使用div，这些更改赋予了网页更好意义和结构。新标准适用了一些全新的表单输入对象，使网页更容易管理，对搜索引擎更为友好。新增的视频标签音频标签则是将多媒体对象从object和嵌入式标签中解放出来，更为合理。 而HTML5的新功能中，canvas对象，本地数据库，和API（Application Programming Interface,应用程序编程接口）更是让网页更加出彩，浏览器不需要依借Flash和Sliverlight则能直接显示图片和动画，能加速交互式搜索，缓存和索引，更能实现浏览器内的编辑和GUI（Graphical User Interface，称图形用户界面）功能[4]。 第二节 HTML5的新标签 上一节中列举的各种标签，丰富了HTML5的功能，如在旧的标准中，人们喜欢用<div ID=”header”>来标记页眉区域，这样一来在大量的网页代码中，显得较为拖沓，而HTML5则是直接使用<header>标签，减少了不必要的复杂度，化繁为简。在本节将详解几种新增的标签。 1、<nav>和多媒体标签 <nav>（网站导航块）和<footer>（定义页脚）,这种标签有利于搜索引擎的索引整理，有利于SEO（Search Engine Optimization，搜索引擎优化），能更好的帮助小屏幕装置使用。除此之外还为浏览器提供了新的功能，如<video>和<audio>标签分别定义定义视频和音频，如此一来，网页则是不需要Flash插件则能直接播放视频音频，但是，<video>和<audio>标签只有部分高版本的浏览器支持。在多媒体方面的标签除了<video>和<audio>之外还有<source>定义多媒体资源<video>和<audio>，<track>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道即字幕或其他可显示文本，<embed>则是定义嵌入类容，如插件，再有则是<video>和<audio>标签的存在，也让视频音频从<embed>标签中解放出来。 2、<canvas>标签 <canv