目录第一章概述................................................11.1项目开发的背景..................................................11.2项目开发的目的.................................................1第二章系统分析............................................32.1系统的基本功能描述..............................................32.2优劣势分析.....................................................32.3可行性分析......................................................32.3.1技术可行性分析................................................42.3.2经济可行性分析................................................42.3.3社会可行性分析................................................42.4业务流程分析...................................................4第三章系统实现............................................63.1首页面界面......................................................63.2头部导航界面....................................................83.3第二页世界观介绍界面............................................93.4第三页主要人物介绍界面.........................................133.5登录界面.......................................................17总结.....................................................19参考文献..................................................20致谢....................................................21i第一章概述1.1项目开发的背景近些年来,移动智能设备发展迅猛,用户们可以在各种终端上进行访问,如:个人电脑、平板电脑、智能手机等各种途径进行访问。如何能使同一个网站在许多不同分辨率的屏幕和设备上都可以很好的显示出来,不会出现排版的混乱。EthanMarcotte在2010年提出的响应式网页设计,解决了根据人的行为自动调整空间环境这一难题。响应式设计根据用户不同的设备环境做出响应,提出了一个空间应该根据环境和存在其中的人的变化进行响应。页面的设计与开发根据用户的行为以及设备环境、屏幕尺寸等,能够进行自动的响应和相应的调整,做到“一源多屏”。1.2项目开发的目的响应式网页可以很好地解决移动终端设备显示差异的问题,当用户使用不同分辨率和屏幕大小的多种设备浏览响应式网页时,页而会根据屏幕尺寸,分辨率来进行重新的排版,能展现出更完美的显示效果。通常情况下,网页设计师想最想传达的第一重要的内容会第一个显示出来,其余内容会根据设计师其他的想法,以一种或几种排序规则排列在屏幕外,用户通过滑动或滚动屏幕就可以浏览其余信息。在用户使用平板电脑、智能手机等的时候,智能设备可以根据用户的持握方向,主动调整等用户行为进行横屏竖屏切换。横屏和竖屏的切换是发生在一瞬间的,而采用响应式的网页在这一瞬间也能根据不同的方向以及屏幕尺寸,做出迅速的响应,使网页呈现出最佳的布局效果。采用响应式开发的页面,可以减少维护成本,在目前人们生活中使用的多种设备平台上只需要一个网页的开发与维护。同时,在更新网站数据的-1-时候也不会出现多个独立平台的网页数据更新不同步的情况。响应式网页不同于多个独立平台的网页,不会需要多个域名。本程序采用VsCode进行页面制作，通过使用