基于HTML5游戏网站的设计与实现毕业论文.pdf

摘要 社会在不停的发展，另一方面，第二个世界，网络也就在随之迈 进新的时代发展旅程，生活水平与知识的双重快速提高，更多的人认 识到了网络对于推进时代发展的重要性。 网络的兴起，那么自然也就少不了它的好兄弟网站发展的快速， 根据不同的需求选择，各色各类的功能网站也是层出不穷。 现今 来 多的人加入到了网站开发这个大环境中，其制作的本 质很多都是为了进行自我的宣传，以这种方式获得比电视广告收益更 好的宣传效果。 此游戏网站主要将各类网络游戏集合在一起，为对这一领域感兴 趣的用户提供一个专门的交流、体验平台。我们可以运用在大学生活 中所学的网页设计技术对网站进行布局，逐个的去划分功能板块，整 个网站包括首页、特征、游戏体验、图展、博客、联系我们、主题、 账号这八大模块，其中首页和游戏体验为亮点模块，而图展、博客等 功能则是为了更好网罗时下热门游戏，增加互动性。 关键词：HTML5网站；游戏网站；登录注册系统；H5、JavaScript小 游戏 目录 1绪论 1 1.1研究背景 1 1 - 2研究的目标 1 1.3研究的意义 2 1.4网站要求 2 2开发环境 3 2.1可行性分析 3 2.2功能分析 3 2.3系统所使用的技术分析 4 2.4系统所使用的开发平台 4 3网站总体框架设计 5 3.1网站功能模块结构 5 4登录注册模块 8 4.1登录界面设计 9 4.2登录注册系统 10 5首页模块 18 5.1首页结构设计 18 6信息综合模块 28 6. 1特征 28 6.2图展 32 6. 3主题 36 7互动模块 38 7. 1博客页面 38 7.2联系我们页面 41 8游戏体验模块 42 8.1游戏的选择与设计 42 9基于HTML5游戏网站的实现 56 总结 56 谢 57 参考文献 59 1绪论 1.1研究背景 科技的迅猛发展时刻都在激励着我们开拓更未知的领域，而游戏 这一行业经过了几十年的发展，也渐渐成为与影视、音乐等并肩的全 球重要娱乐产业之一。作为一名九零后，我们是新时代的大学生，对 我们来说学习如何设计和制作网页仅是一个开始，经过几个月的学 习，我对计算机知识也算略知皮毛，其中在网络的发展史上，网络游 戏尤其显得发展快速，各类的网络游戏行业也在新世纪大放异彩。在 此游戏网页制作中，我借鉴了国外和国内一些主流游戏网站的设计风 格，希望着重于给浏览者更好的视觉体验，其中使用JavaScript和H5 实现的小游戏更是想为用户提供良好的实际体验。 整个网站的制作使用了 Photoshop CC 2019> Sublim 、PhpStudy、 W bStorm等多个开发工具，使其更加的完善美观。 1.2研究的目标 追求娱乐性是人类天性，特别是网络，作为信息时代的成功者， 其与游戏相结合诞生的网络游戏就更容易拥有了数量庞大的用户资 源。 然而，在网络游戏层出不穷、新类网络游戏发展快速的情况下， 可供参考新出游戏、体验以及游戏玩家们交流的综合游戏平台却少之 又少。本设计内容涉及网站的基础建设，使用html5开发前端程序等, 5 开发出功能更加完善更加强大的游戏网站。 1.3研究的意义 我们的生活已经渐渐离不开网络游戏了，它具有独立的美和艺术 结构。在漫漫的游戏发展史上，我们知道游戏交互设计的好坏就直接 影响着玩家的游戏体验和兴趣判断。游戏界面作为人与网络交互的基 石，其作用更是无可取代。 游戏玩家对于一个游戏最直观的印象，一个来自游戏自身的性 能，另一个就是它的界面。 我认为游戏界面的设计应该是网站设计中的一大重要环节，用户 与游戏网站的交互就是通过一个个的初始界面来完成的。所以游戏界 面就好比是产品的外观功能，它既要能吸引用户又得易用。在设计过 程中，必须注重简洁美观的设计原则，能换