基于HTML的《尼尔机械纪元》游戏专题网页设计 毕业论文+网页设计源码

---

大观园：尼尔机械纪元篇摘  要大观园系列是游民星空出品的向广大用户提供了解新上市游戏的方便途径，上玩家直观的看到游戏界面，内容，人物设定，剧情等重要信息，促使玩家购买。提供方便的同时，也增加了网站浏览量。大观园：尼尔机械纪元篇是为了2017-03-17上市的游戏《尼尔机械纪元》制作的网页，以文字及视频的方式介绍了游戏的背景故事，主角资料。同时提供了正版游戏购买链接。美观的界面设计是本次设计的重点，为了让玩家有良好的用户体验，对网页排版，UI交互，做了精心的设计。尽量达到模仿游戏内交互界面的样式。关键词：尼尔：机械纪元 游戏介绍类网页 UI设计 视觉效果目   录摘  要 I第一章 网站开发的背景知识与相关技术 11.1 相关产业背景知识 11.2 前端开发环境的技术介绍 2Visual Studios Code 2Photoshop 41.3 前端开发的技术介绍 5HTML5 5DIV+CSS 6JavaScript 7第二章 总体设计 92.1 模块化设计总方案 92.2 网站功能结构 92.2.1主页面结构 92.2.2主页面结构 92.3 模块功能设计 102.3.1 主页模块化设计 102.3.2 导航菜单模块化设计 11第三章 详细设计 133.1主页面详细设计 133.1.1 HTML设计 133.1.2 JS设计 143.1.3 CSS设计 153.2导航界面详细设计 183.2.1 HTML设计 183.2.2 JS设计 223.1.3 CSS设计 25第四章 调试与测试 384.1 调试过程中的主要问题 384.2 测试过程与结果 394.2.1主页面 394.2.2加载页面 404.2.3主菜单页面 414.2.3主角资料页面 414.2.4故事背景页面 41参考文献 43心得体会 44页面的设计方面 44网页视觉效果 44网页的整体布局和导航 44