A02 守望先锋作品

作者:尹恒
介绍：退伍军人，为了就业选择IT行业；
班级:A01
本项目所采用技术及框架:
页面技术:H5+CSS3
前端框架:Bootstrap,jQuery
交互技术:JSP+Servlet,AJAX
版本管理器:SVN
设计模式:MVC
本网站是参照守望先锋官方网站排版模式,设计风格的网站,主要提供了玩家对该游戏的了解和认识,网站总共分为三个部分,顶部实机演示部分,中部游戏背景和游戏角色介绍,底部游戏下载以及网站信息等内容,本网站主要采用了HTML+CSS进行网站布局,加入JS以及Servlet进行的交互来提升访客体验,具体实现功能如下:

顶部实机演示部分为滚动播放的游戏视频为背景,顶部有各类功能按钮,点击能打开各种菜单,鼠标指上各个小菜单又能滑动出现下级菜单.
顶部菜单右部有玩家登录选项,点击能跳转到登录和注册页面,采用Servlet技术为访客提供用户登录及注册等功能.
视频中间有游戏LOGO和游戏购买和游戏介绍按钮,原网站为固定DIV,打开网站直接显示,本网站修改了LOGO和按钮的出现方式,LOGO配合视频由上往下出现,而后按钮渐显,能稍微提升视觉效果.
中部游戏介绍部分为图片+文字的游戏背景介绍.
游戏角色介绍采用了JS做了角色切换的功能,鼠标指上游戏角色头像,上方显示该游戏角色的信息以及图片,并且游戏角色头像放大并且改变头像背景颜色.
底部游戏下载区域采用了区别于原网站的镂空效果,人物依然突破背景图片做出3D效果.后方的背景图片做成了固定,滑动鼠标背景图片不动,形成一个空窗口的效果.
最下方网站信息部分为一切简单的a标签排版,相对来说较简单.

最后,个人觉得本网站还有诸多改进的地方,所有采用的技术也较为简单,小部分功能存在瑕疵,但是在创意方面在原网站的基础上有所提升,这也是一个优秀网站最重要的东西,经过此次练习项目,对前端以及后端代码的熟悉程度都有更深的认识,希望下一次的项目能够做到更好.

A02 守望先锋作品相关推荐

《守望先锋》和《炉石传说》的公司动视暴雪裁员800人，2019年将难有好作品出现
Baidu SEO爱好者2019年2月13日资讯:动视暴雪将宣布裁员消息以来,业绩阴影便一直笼罩在这家游戏巨头上方.随着2月12日美股盘后动视暴雪正式公布2018年全年财报,裁员传闻正式落地. 财报显 ...
守望先锋html网页设计,守望先锋-页面设计|网页|游戏/娱乐|梦冥轩- 原创作品 - 站酷 (ZCOOL)...
收藏一位富商就要死了,他把三个年轻的儿子叫到床头. 他问大儿子:"你要我的多少家产呢?" 大儿子想,我是大哥,理应分得最多,于是他说:"我要你所有的钱."富商 ...
【视频爬虫】简单代码实现守望先锋CG动画爬虫
游戏,无所欲也动画,亦我所欲也不得不说,守望先锋真的是一款很好的游戏,暴雪公司也是很好的CG公司. 最近迷恋上了守望先锋的画面效果,浏览官网的时候发现了很多官方公开的很不错的CG作品.想保存下来作 ...
web课程设计，网页制作，守望先锋主题
期末作业要求制作八个页面,初学只会做些垃圾,只能去模仿一下网上的,这次就照着守望先锋的官网进行制作,如图, 导航页面首页内容不多,还有一些内容没截图进来.内容上就html,css,js,js只涉及 ...
暗黑和守望先锋服务器不稳定,悲剧：《守望先锋2》和《暗黑破坏神4》今年是玩不到了...
各位玩家们好呀,我们今天继续来聊聊游戏新闻. 今天我们要聊的新闻对于广大玩家来说是一个坏新闻,因为根据可靠消息报道,动视暴雪今年的游戏计划将不会包含<守望先锋2>和<暗黑破坏神4&g ...
暴雪 - 守望先锋 - 概念艺术
暴雪娱乐极受欢迎的Overwatch在竞争激烈的第一人称射击游戏中以极具吸引力的人物角色赢得了关键和商业上的成功.我们很高兴能够展示极具天赋的Overwatch角色艺术团队的作品. Overwatch ...
以《守望先锋》为例看游戏音效如何帮助玩家获取信息
很多玩家都认为,"音效"在游戏中的最大作用主要是让玩家的"感官体验"得到优化,其中比较典型的就是"环境氛围的渲染"以及"对游戏内打 ...
乐高《守望先锋》的制片经理教你生产中如何有效沟通
无论你有一个由1000人组成的团队跨多个现场工作,还是一小组艺术家,将这些人团结于一个目标下都是非常重要的. 如果项目更新需要跨越邮件.微信.QQ和电子表格,那么跟踪项目状态,找到可用的员工或查找资产 ...
《守望先锋》中的末日铁拳是怎么摧毁玩家体验的？
本文约3600字,阅读需要约15分钟,内容有: 上勾拳是什么守望先锋的战斗机制和体验不可能三角和OPF理论玩家行为闭环铁拳是怎样在游戏中"作恶"的总结一.前言什么?都 ...

A02 守望先锋作品

A02 守望先锋作品相关推荐

最新文章

热门文章