html简单个人网页制作网站设计——腾讯游戏官网(13页) HTML+CSS+JavaScript web网页设计与开发
2024-06-05 18:25:43
HTML5期末大作业：腾讯游戏网站设计——腾讯游戏官网(13页) HTML+CSS+JavaScript web网页设计与开发
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业：腾讯游戏网站设计——腾讯游戏官网(13页) HTML+CSS+JavaScript web网页设计与开发
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
- 五、学习资料
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US"> <![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="noIE" lang="zh">
<!--<![endif]--><head><title>益行游戏 - 让出行更有趣</title><link rel="icon" href="public/favicon.ico"><!-- meta --><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" /><meta name="description" content="益行游戏致力于开发LBS精品游戏，希望您能在游戏中收获知识，在学习中收获快乐。我们是来自于武汉理工大学的创业团队，同时还有理工印象、益行人支教团等创业及公益项目。"><meta name="keywords" content="益行,益行游戏,行界：零,行界,嗨球,益叠塔,理工印象,益行人,益行人支教团,LBS游戏,AR游戏,出行游戏,户外游戏"><!-- css --><link rel="stylesheet" href="public/assets/css/bootstrap.min.css"><link rel="stylesheet" href="public/assets/css/font-awesome.min.css"><link rel="stylesheet" href="public/assets/css/style.css" media="screen" /><script src="public/assets/js/respond.js"></script><!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --><!--[if lt IE 9]><script src="public/assets/js/html5shiv.js"></script><script src="public/assets/js/respond.js"></script><![endif]--><!--[if IE 8]><script src="public/assets/js/selectivizr.js"></script><![endif]-->
</head><body id="home"><!-- <div id="preloader"></div> --><div id="drawer-right"><div class="cross text-right"><a class="toggleDrawer" href="#"><i class="fa fa-times-circle fa-2x"></i></a></div><nav style="text-align:center"><h2>导航</h2><ul class="nav nav-pills nav-stacked"><li><a href="#wrapper"><i class="fa fa-home"></i> 首页</a></li><li><a href="#portfolio"><i class="fa fa-bookmark"></i> 产品</a></li><li><a href="#services"><i class="fa fa-tasks"></i> 业务</a></li><li><a href="#testimonials"><i class="fa fa-thumbs-up"></i> 同伴</a></li></ul></nav><div class="social"><h2 style="text-align:center">联系我们</h2><ul class="nav nav-pills nav-stacked"><li><a href="https://github.com/1-xing" target="_blank"><i class="fa fa-github"></i></a></li><li><a href="http://jq.qq.com/?_wv=1027&k=2A3mMAb" target="_blank"><i class="fa fa-qq"></i></a></li><li><a href="http://weibo.com/u/5208965212" target="_blank"><i class="fa fa-weibo"></i></a></li><li><a href="http://mp.weixin.qq.com/s?__biz=MzA5OTA0MzgwNg==&mid=215581320&idx=1&sn=471cbd57b34683fc18213e9829648663#rd" target="_blank"><i class="fa fa-wechat"></i></a></li></ul><div class="wechat"><img src="public/assets/images/1-xing-wechat.jpg" alt="益行游戏公众微信平台"></img><br><br><h5><font color="#CCCCCC">微信公众平台</font></h5><br><h6>wo men ye ai ni yo</h6><i class="fa fa-heart-o"></i></div></div></div><!-- #drawer-right --><div id="wrapper"><div id="header" class="content-block"><section class="top clearfix"><div class="pull-left topButton"><h2><a href="index.html"><i class="fa fa-home"></i></a></h2></div><div class="pull-right topButton"><h3><a class="toggleDrawer" href="#"><i class="fa fa-bars"></i></a></h3></div></section><section class="center"><div data-scroll-reveal="wait 0.3s, then enter bottom over 2s"><h1 id="biglogo" class="biglogo"><a class="biglogo">1</a></h1></div></section><section id="secondlgo"><img data-scroll-reveal="wait 0.8s, then enter bottom over 2.5s" src="public/assets/images/header-bg-logo2.png"></section><section class="bottom"><a id="scrollToContent" href="#"><img data-scroll-reveal="wait 1.2s, then enter bottom over 3.0s" src="public/assets/images/arrow_down.png"></a></section></div><!-- header --><div class="content-block" id="portfolio"><div class="container"><header class="block-heading clearfix"><h1 data-scroll-reveal="wait 0.2s, then enter top over 0.5s">最新产品</h1><p data-scroll-reveal="wait 0.2s, then enter top over 0.5s">让出行更有趣</p></header><section class="block-body"><div class="row"><div class="col-sm-4" data-scroll-reveal="wait 0.2s, then enter top over 0.5s"><a href="yikeyboard.html" class="recent-work" style="background-image:url(public/assets/images/yikeyboard_320x240.jpg)" target="_blank"><span class="btn btn-o-white">彝文输入法</span></a></div><div class="col-sm-4" data-scroll-reveal="wait 0.5s, then enter top over 0.5s"><a href="went0.html" class="recent-work" style="background-image:url(public/assets/images/WENT_320x240.jpg)" target="_blank"><span class="btn btn-o-white">行界：零</span></a></div><div class="col-sm-4" data-scroll-reveal="wait 0.8s, then enter top over 0.5s"><a href="impression.html" class="recent-work" style="background-image:url(public/assets/images/WUTpostcard_320x240.jpg)" target="_blank"><span class="btn btn-o-white">理工印象</span></a></div></div></section></div></div><!-- #portfolio --><div class="content-block parallax" id="services"><div class="container text-center"><header class="block-heading cleafix"><h1 data-scroll-reveal="wait 0.1s, then enter top over 0.5s">旗下项目</h1><p data-scroll-reveal="wait 0.1s, then enter top over 0.6s">我们做的一些事情。</p></header><section class="block-body"><div class="row"><div class="col-md-4"><div class="service"><i class="fa fa-send-o" data-scroll-reveal="wait 0.1s, then enter top over 0.5s"></i><br><br><h2 data-scroll-reveal="wait 0.1s, then enter bottom over 0.5s">游戏</h2><p data-scroll-reveal="wait 0.1s, then enter bottom over 0.5s">益行游戏致力于开发LBS游戏<br>希望您能在游戏中学到一些东西。</p></div></div><div class="col-md-4"><div class="service"><i class="fa fa-camera-retro" data-scroll-reveal="wait 0.1s, then enter top over 0.5s"></i><br><br><h2 data-scroll-reveal="wait 0.1s, then enter bottom over 0.5s">文化</h2><p data-scroll-reveal="wait 0.1s, then enter bottom over 0.5s">理工印象出品明信片、书签、地图、文化衫。<br>为你带来身边的风景、故事和回忆。</p></div></div><div class="col-md-4"><div class="service"><i class="fa fa-heart-o" data-scroll-reveal="wait 0.1s, then enter top over 0.5s"></i><br><br><h2 data-scroll-reveal="wait 0.1s, then enter bottom over 0.5s">支教</h2><p data-scroll-reveal="wait 0.1s, then enter bottom over 0.5s">益行人支教团已连续5年在贵州、广西支教。<br>将尽全力给孩子们带去知识与快乐。</p></div></div></div></section></div></div><!-- #services --><div class="content-block" id="testimonials"><div class="container" data-scroll-reveal="wait 0.1s, then enter top over 0.5s"><header class="block-heading cleafix"><h1 data-scroll-reveal="wait 0.1s, then enter top over 0.5s">创业伙伴</h1><p data-scroll-reveal="wait 0.1s, then enter top over 0.6s">必须和你们介绍他们。</p></header><div id="myCarousel" class="carousel slide"><!-- 轮播（Carousel）项目 --><div class="carousel-inner"><div class="item active"><div class="row" style="padding-left:10%; padding-right:10%;"><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_YJ_190x190.jpg"><p>益行游戏创始人，2013届支教团马区负责人，《行界》系列游戏制作人。负责产品设计及公司日常管理。</p><strong>杨峻</strong><br/><span>创始人&产品总监</span></div></div><div class="col-md-3" ><div class="testimonial"><img src="public/assets/images/testimonial_LY_190x190.png"><p>益行游戏联合创始人，2014届支教团马区负责人，负责公司行政事务及财务管理。</p><strong>梁媛</strong><br/><span>联合创始人&行政总监</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_DCY_190x190.jpg"><p>益行游戏联合创始人，精通多种编程语言，自行车爱好者，鲸落乐队的贝斯手。《嗨球》主策划。</p><strong>杜承垚</strong><br/><span>联合创始人&技术总监</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_SJY_190x190.png"><p>益行人公司联合创始人，理工印象创始人。《益叠塔》主策划。公司公认的最有情调的男人。</p><strong>盛俊阳</strong><br/><span>联合创始人&商务总监</span></div></div></div></div><div class="item"><div class="row" style="padding-left:10%; padding-right:10%;"><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_SW_190x190.jpg"><p>业余死宅，酷爱游戏开发，熟悉Cocos2D-x以及Unity3D引擎及多种语言。《行界零》主程.</p><strong>邵威</strong><br/><span>高级游戏引擎工程师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_KK_190x190.jpg"><p>熟悉机器学习以及图像处理等各种智能算法、熟悉多种后台及客户端开发语言。《行界零》后台</p><strong>康康</strong><br/><span>算法工程师&后台工程师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_YSK_190x190.jpg"><p>做饭非常好吃，鲸落乐队的贝斯手。2013届支教队员，负责公司人事管理和游戏音乐！</p><strong>鄢守堃</strong><br/><span>人事总监</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_LL_190x190.jpg"><p>古灵精怪的设计师，总是左右为难的完美主义天秤座。《理工大地图》、《行界零》主美术。</p><strong>卢力</strong><br/><span>美术总监</span></div></div></div></div><div class="item"><div class="row" style="padding-left:10%; padding-right:10%;"><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_ZY_190x190.png"><p>高冷的卖萌君，2014届支教队员，负责新媒体平台的运营及管理。</p><br><strong>朱颜</strong><br/><span>媒体主管</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_ZT_190x190.png"><p>热情开朗的妹子~数学建模国赛一等奖，理工印象新产品的策划出品及对外合作。</p><strong>赵婷</strong><br/><span>理工印象主管</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_CTP_190x190.png"><p>半路出家的原画师，专业死宅，要去日本的男人。参与《行界零》的原画设计。</p><strong>曹天培</strong><br/><span>原画师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_JYL_190x190.jpg"><p>风流倜傥的景大师，精通小说和书法。负责行界的世界观、游戏策划和游戏剧情编写。</p><strong>景逸伦</strong><br/><span>游戏框架师</span></div></div></div></div><div class="item"><div class="row" style="padding-left:10%; padding-right:10%;"><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_JT_190x190.png"><p>充满妖气的江姐，鬼点子超多，正在努力成为交互设计师。2013届支教团余区负责人。</p><strong>江涛</strong><br/><span>交互设计师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_ZH_190x190.jpg"><p>阳光帅气的班长，精通多种编程语言。《嗨球》、《益叠塔》、《行界零》程序。</p><strong>张韩</strong><br/><span>技术主管</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_LJY_190x190.jpg"><p>CocoaChina翻译组成员，《Xcode江湖录》著作者，参与开发《益叠塔》、《行界零》。</p><strong>李俊阳</strong><br/><span>iOS工程师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_LZY_190x190.jpg"><p>新加入的程序员，程序方面什么都会，各种救火补BUG！正在参与开发《行界遗》。</p><strong>林治宇</strong><br/><span>高级软件工程师</span></div></div></div></div><div class="item"><div class="row" style="padding-left:10%; padding-right:10%;"><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_QBJ_190x190.jpg"><p>天然呆的美术设计师，正在学游泳。负责《行界零》的遗迹设计。</p><strong>曲贝佳</strong><br/><span>平面设计师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_ZHH_190x190.png"><p>见多识广的小伙，会文案、会美术、会代码，负责游戏的策划以及测试。（头像是他自己画的）。</p><strong>张浩浩</strong><br/><span>游戏策划</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_GY_190x190.jpg"><p>温柔大方的平面设计师，正在贵州支教一年。主导《益叠塔》、《理工大地图》的美术设计。</p><strong>龚云</strong><br/><span>平面设计师</span></div></div><div class="col-md-3"><div class="testimonial"><img src="public/assets/images/testimonial_ZL_190x190.png"><p>热情肯干的小伙，要成为船长的男人，负责余家头校区理工印象、益行人小站的各项事务。</p><strong>朱林</strong><br/><span>理工印象余区主管</span></div></div></div></div></div><!-- 轮播（Carousel）指标 --><ol class="carousel-indicators"><li data-target="#myCarousel" data-slide-to="0" class="active"></li><li data-target="#myCarousel" data-slide-to="1"></li><li data-target="#myCarousel" data-slide-to="2"></li><li data-target="#myCarousel" data-slide-to="3"></li><li data-target="#myCarousel" data-slide-to="4"></li></ol><!-- 轮播（Carousel）导航 --><a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a><a class="carousel-control right" href="#myCarousel" data-slide="next">›</a></div></div></div><!-- /#testimonials --><div class="content-block" id="footer"><div class="container"><div class="row"><div class="col-xs-12">© 2014-2017 武汉逸行灵动科技有限公司 | 鄂ICP备15000906号</div></div></div></div><!-- #footer --></div><!--/#wrapper--><!-- #java script--><script src="public/assets/js/jquery-2.1.3.min.js"></script><script src="public/assets/js/jquery-migrate-1.2.1.min.js"></script><script src="public/assets/js/bootstrap.min.js"></script><script src="public/assets/js/bootstrap.js"></script><script src="public/assets/js/jquery.actual.min.js"></script><script src="public/assets/js/jquery.scrollTo.min.js"></script><script src="public/assets/js/scrollReveal.js"></script><script src="public/assets/js/script.js"></script><script type="text/javascript">(function($) {'use strict';window.scrollReveal = new scrollReveal({reset: true,move: '50px'});})();</script>
</body></html>四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码 !
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
html简单个人网页制作网站设计——腾讯游戏官网(13页) HTML+CSS+JavaScript web网页设计与开发相关推荐
- DIV布局大作业：仿悦世界游戏网站设计——仿悦世界游戏官网(6页) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业:仿悦世界游戏网站设计--仿悦世界游戏官网(6页) HTML+CSS+JavaScript web网页设计实例作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...
- HTML5期末大作业：漫画网站设计——布卡漫画官网(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 w学生原创课程设计漫画设计制作大作业成品免费下载
HTML5期末大作业:漫画网站设计--布卡漫画官网(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 w学生原创课程设计漫画设计制作大作业成品免费下载 常见网页设计作业题材有 ...
- 学生DW静态网页设计——代码质量好-家乡广州 (5页) HTML+CSS+JavaScript web网页制作期末大作业
HTML5期末大作业:家乡广州网站设计--代码质量好-家乡广州 (5页) HTML+CSS+JavaScript web网页制作期末大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游 ...
- div+css静态网页设计游戏网站设计——仿君海游戏官网(13页) HTML+CSS大作业_ 手游网页制作作业_网游网页设计...
HTML5期末大作业 文章目录 HTML5期末大作业 一.作品展示 二.文件目录 三.代码实现 四.获取更多源码 一.作品展示 二.文件目录 三.代码实现 <!DOCTYPE html> ...
- HTML5期末大作业：京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人. ...
- HTML5期末大作业：重庆火锅网站设计——代码质量好-重庆火锅(5页) HTML+CSS+JavaScript 大学生网页制作期末作业
HTML5期末大作业:重庆火锅网站设计--代码质量好-重庆火锅(5页) HTML+CSS+JavaScript 大学生网页制作期末作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. ...
- HTML+CSS+JS`管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业
HTML5期末大作业:管理系统网站设计--学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业
HTML5期末大作业:管理系统网站设计--学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业：仿苏宁易购商城网站设计——仿苏宁易购官网商城(1页) HTML+CSS+JavaScript web网页大作业
HTML5期末大作业:仿苏宁易购商城网站设计--仿苏宁易购官网商城(1页) HTML+CSS+JavaScript web网页大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电 ...
- 网页设计作业 仿苏宁易购商城网站设计——仿苏宁易购官网商城(1页) HTML+CSS+JavaScript web网页大作业
HTML5期末大作业:仿苏宁易购商城网站设计--仿苏宁易购官网商城(1页) HTML+CSS+JavaScript web网页大作业 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电 ...
最新文章
- 改变单元格内容触发事件（转）
- datax源码阅读一：python文件
- 开源数据库Neo4j获8000万美元E轮融资，One Peak Partners、摩根士丹利领投
- php curl 数据采集 空,PHP curl从网站返回空数组的数据
- B9.流行的框架与新技术
- 跟着编程之美学算法——最长递增子序列（转）
- AcWing327.玉米田(状压DP)题解
- Android API 级别
- 5款 Mac 常用PDF阅读和编辑软件推荐
- matlab egarch,EGARCH模型参数的拟蒙特卡洛估计方法及其在股票指数上的应用
- 【深度学习】Yolo记录
- 虚拟机配置--网络、MySQL数据库、JDK环境变量
- 服装制图软件测试初学者,服装行业版软件测试文案.ppt
- 计算机睡眠打印机不能用,计算机打印机不能用怎么办？
- nginx 安装,配置
- 【Node.js】深度解析node的包和强大的包管理工具
- arctanx麦克劳林公式推导过程_多元正态分布的推导、n维球体积面积的计算
- 2022考研王道计算机408pdf（王道计算机组成原理+王道操作系统+王道计算机网络+王道数据结构）
- Unity性能优化全攻略
- 使用 AirPlay 发送图片