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="/1-xing" target="_blank"><i class="fa fa-github"></i></a></li><li><a href="/?_wv=1027&k=2A3mMAb" target="_blank"><i class="fa fa-qq"></i></a></li><li><a href="/u/5208965212" target="_blank"><i class="fa fa-weibo"></i></a></li><li><a href="http://mp./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>益行游戏创始人，届支教团马区负责人，《行界》系列游戏制作人。负责产品设计及公司日常管理。</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>益行游戏联合创始人，届支教团马区负责人，负责公司行政事务及财务管理。</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>做饭非常好吃，鲸落乐队的贝斯手。届支教队员，负责公司人事管理和游戏音乐！</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>高冷的卖萌君，届支教队员，负责新媒体平台的运营及管理。</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>充满妖气的江姐，鬼点子超多，正在努力成为交互设计师。届支教团余区负责人。</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">© - 武汉逸行灵动科技有限公司 | 鄂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>
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
HTML5期末考核大作业源码* 包含个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
HTML5期末大作业：腾讯游戏网站设计——腾讯游戏官网(13页) HTML+CSS+JavaScript web网页设计与开发
