HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。采用html5+css3+jq及原型模式(prototype)实现游戏类网站模板包含：主页、游戏中心、参与我们、商务合作、公司介绍、关于我们共六个页面网络游戏网站模板源码下载

2.网页作品编辑方面：此作品为学生个人主页网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单，同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

1.首页

HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_web游戏网页大作业HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_web游戏网页大作业_02

2.公司介绍

HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_html制作游戏网页案例代码_03

3.世界游戏

HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_html制作游戏网页案例代码_04

二、代码目录

HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_学生DW网页设计作业成品_05

三、代码实现 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<meta charset="UTF-8">
  5. 	<title>游戏中心</title>
  6. 	<link rel="icon" href="./static/v4/images/favicon.ico" type="image/x-icon" />
  7. 	<link rel="stylesheet" href="./static/v4/css/public.css">
  8. 	<link rel="stylesheet" href="./static/v4/css/game.css">
  9. 	<script src="./static/v4/js/jquery.min.js"></script>
  10. </head>
  11. <body>
  12. 	<div class="nav">
  13. 		<div class="nav_con">
  14. 			<img class="logo" src="./static/v4/images/logo.png" width="10%"/>
  15. 			<img class="logo_infro" src="./static/v4/images/logo_infro.png" width="15%"/>
  16. 			<ul class="nav_ul">
  17. 				<li class="nav_li"><a href="index.html">首页</a><div></div></li>
  18. 				<li class="nav_li"><a href="about.html">关于悦世界</a><div></div></li>
  19. 				<li class="nav_li"><a href="game.html" class="active_hover">悦世界游戏</a><div></div></li>
  20. 				<li class="li_ep">加入悦世界<div class="li_list"><a href="join.html">社会招聘</a></div><div class="li_list"><a href="http://xiaozhao.yeahworld.com/index.html">校园招聘</a></div>
  21. 				</li>
  22. 				<li class="nav_li"><a href="work.html">商务合作</a><div></div></li>
  23. 				<li class="nav_li"><a href="contact.html">联系我们</a><div></div></li>
  24. 			</ul>
  25. 		</div>
  26. 	</div>
  27. 	<div class="game_banner"></div>
  28. 	<div class="brang_video">
  29. 		<div class="b_content">
  30. 			<div class="b_content_infro"></div>
  31. 			<div class="b_content_infro">
  32. 				<div class="b_c_infro_t">风暴幻想</div>
  33. 				<div class="b_c_infro_con">《风暴英雄》游戏选用清晰独特的幻想题材，在延续经典的PVP、PVE玩法的基础上，加入革新的战斗模式，激爽畅快的竞技快感，让人欲罢不能。</div>
  34. 				<div class="b_c_btn"><a href="http://fantasy.yeahworld.com/" target="_blank"><img src="./static/v4/images/btn.png"></a></div>
  35. 			</div>
  36. 			<div class="b_content_infro">
  37. 				<div class="b_c_infro_t b_c_t2">妖神传说</div>
  38. 				<div class="b_c_infro_con b_c_t2">《妖神传说》是悦世界清新唯美Q版MMO新作，以东方仙侠为背景，拥有跌岩起伏的剧情，绚丽的职业特色技能，独特创新的游戏成长系统，丰富多彩的任务以及各具特色的游戏玩法，带你体验一段激情四溢的仙侠战斗之旅。</div>
  39. 				<div class="b_c_btn b_c_t2"><a href="http://yscs.yeahworld.com/" target="_blank"><img src="./static/v4/images/btn.png"></a></div>
  40. 			</div>
  41. 			<div class="b_content_infro"></div>
  42. 			<div class="b_content_infro"></div>
  43. 			<div class="b_content_infro">
  44. 				<div class="b_c_infro_t">寻找前世之旅</div>
  45. 				<div class="b_c_infro_con">《寻找前世之旅》为动漫及网剧IP原创手游，是一款世界观宏大的穿越题材手游，除此之外还加入众多奇趣幻想的要素，血族，天帝等中西要素完美交融。缔造专属现代都市之人的趣味冒险。画面精美清晰，带有卡通清新风格以穿越为题材，游戏的剧情内容丰富，世界观架构宏大，人物造型也十分精致。转轮回，前生今世纠缠不休；曲折历程，追寻迷惘之中的模糊记忆；真相显现，穿越时空的冒险旅程。</div>
  46. 				<div class="b_c_btn"><a href="http://g.iqiyi.com/xzqszl" target="_blank"><img src="./static/v4/images/btn.png"></a></div>
  47. 			</div>
  48. 			<div class="b_content_infro">
  49. 				<div class="b_c_infro_t b_c_t2">征战十三州</div>
  50. 				<div class="b_c_infro_con b_c_t2">《征战十三州》是一款排兵布阵为题材的回合制策略手游，将经典的策略玩法和大型网游的角色扮演完美结合，搭配独特的兵将招募系统、站纹进阶系统、列阵战斗系统，让玩家在征服乱世的同时可以享受战术运用带来的快感。游戏将玩家代入硝烟四起的战争时代，在征战十三州这个 群雄逐鹿的世界里扮演一名城池君主，担负起拯救乱世苍生、统一天下的大任，屯粮养兵。保卫城池、征战四方，让天下万民臣服于你！</div>
  51. 				<div class="b_c_btn b_c_t2"><a href="http://zzssz.yeahworld.com/" target="_blank"><img src="./static/v4/images/btn.png"></a></div>
  52. 			</div>
  53. 			<div class="b_content_infro"></div>
  54. 		</div>
  55. 	</div>
  56. 	<div class="contact_us">
  57. 		<div class="contact_con">
  58. 			<div class="con_list c_c_one">
  59. 				<div class="con_list_title">联系我们</div>
  60. 				<div class="c_l_wx">
  61. 					<img src="./static/v4/images/wx.png"/>
  62. 					<div class="wx_font">关注官方微信<br>获得更多资讯</div>
  63. 					<img class="wx_img" src="./static/v4/images/ewm1.jpg"/>
  64. 				</div>
  65. 				<div class="c_l_wx c_l_wb">
  66. 					<img src="./static/v4/images/wb.png"/>
  67. 					<div class="wx_font">关注官方微博<br>获得更多资讯</div>
  68. 				</div>
  69. 			</div>
  70. 			<div class="con_list c_c_two">
  71. 				<div class="c_c_t_con">
  72. 					<img src="./static/v4/images/mail.png"/>
  73. 					<div class="c_mail">E-mail：advice@yeahworld.com</div>
  74. 				</div>
  75. 				<div class="c_c_t_con c_c_address">
  76. 					<img src="./static/v4/images/address.png"/>
  77. 					<div class="c_mail">地址：广东省广州市海珠区新港东路琶洲新村</div>
  78. 				</div>
  79. 			</div>
  80. 			<div class="con_list c_c_three">
  81. 				<a href="work.html">
  82. 				<ul>
  83. 					<li class="three_special_li">商业合作 business</li>
  84. 					<li>国内联运、CPS、CPA合作</li>
  85. 					<li>媒体合作</li>
  86. 					<li>产品海外代理</li>
  87. 				</ul>
  88. 				</a>
  89. 			</div>
  90. 		</div>
  91. 	</div>
  92. 	<div class="footer">
  93. 		<div class="footer_con">
  94. 			<div class="foote_logo">
  95. 				<img src="./static/v4/images/logo.png"/>
  96. 			</div>
  97. 			<div class="footer_font">
  98.  
  99. 	</div>
  100. </body>
  101. </html>
  102.  
  103.
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_学生DW网页设计作业成品_06

五、源码获取

❉ ~ 关注我，点赞博文~ 每天带你涨知识!

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

❉3.以上内容技术相关问题可以相互学习，可关注↓公Z号 获取更多源码 !

HTML5期末大作业：游戏网站——网络游戏官网(悦世界) 6个页面 HTML+CSS+JavaScript ~ ~ 学生HTML个人网页作业作品下载_网页制作基础大二dw作业_07