HTML5期末大作业：游戏网页设计——英雄联盟6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计

HTML+CSS+JavaScript（毕业设计）
常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, 可满足大学生网页大作业和毕业网页设计需求!

临近期末, 很多同学苦于没有参考的资料，或者下载的资料不全、代码有问题、数据有问题等等,造成一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~
作品介绍

1.用 HTML 结构标记（或 div 标记）+CSS 进行布局定位（如在 1024×768下全屏显示无横向滚动条）。

2.作品下载后可使用任意HTML编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网站页面标题、创意设计制作的 Logo 图标和 Banner 广告符合网站主题。

4.首页栏目数量不少于 3 个，各栏目能正确链接到相应栏目页面，同时各栏目页面能正确返回网站首页。

5.网站内容具有原创性，内容充实，特效且运用合理。

6.网站整体色系符合视觉习惯，布局合理美观，结构层次清楚，目录结构清晰，文件及文件夹命名规范。

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>英雄联盟</title><link rel="stylesheet" type="text/css" href="css/css.css"><link rel="stylesheet" type="text/css" href="css/lb.css"><script type="text/javascript" src="js/lb.js"></script>
</head><body><div class="top w"><img src="data:images/2_03.png"></div><div class="nav w"><a href="index.html">首页</a><a href="jj.html">游戏简介</a><a href="gl.html">游戏攻略</a><a href="zy.html">新手指引</a><a href="jc.html">精彩剪辑</a><a href="lj.html">了解我们</a></div><div class="main w"><div class="l"><h1>游戏简介</h1><p>《英雄联盟》（League of Legends，简称LOL）是由美国拳头游戏（Riot Games）开发、中国内地由腾讯游戏代理运营的英雄对战MOBA竞技网游。游戏里拥有数百个个性英雄，并拥有排位系统、符文系统等特色养成系统。</p><p>《英雄联盟》致力于推动全球电子竞技的发展，除了联动各赛区发展职业联赛、打造电竞体系之外，每年还会举办“英雄联盟季中冠军赛”“英雄联盟全球总决赛”“英雄联盟全明星赛”三大世界级赛事，形成了自己独有的电子竞技文化。</p><p>2018年5月14日，《英雄联盟》加入亚洲运动会，成为表演项目之一 。 2019年9月17日，拳头游戏值《英雄联盟》十周年之际发布了其全新的LOGO，并公布每一天全世界都有超过八百万玩家同时在线，这意味着英雄联盟依然是全球玩家数最大的电脑游戏。</p></div><div class="c"><h1>新手指引</h1><ul><li><img src="data:images/1_05.png" alt=""> 1</li><li>2 <img src="data:images/1_11.png" alt=""></li><li><img src="data:images/1_16.png" alt=""> 3</li><li>4 <img src="data:images/1_22.png" alt=""></li><li><img src="data:images/1_23.png" alt=""> 5</li></ul></div><div class="r"><h1>游戏攻略</h1><ul><li><img src="data:images/1_07.png" alt=""><span>游戏排行</span></li><li><img src="data:images/1_14.png" alt=""><span>资料总览</span></li><li><img src="data:images/1_18.png" alt=""><span>攻略列表</span></li><li><img src="data:images/1_24.png" alt=""><span>准备列表</span></li></ul></div></div><div class="img-box" id="img-box"><a id="prev"><img src="data:images/prev.png" alt=""></a><a id="next"><img src="data:images/next.png" alt=""></a><img src="data:images/1_27.png" alt="" id="img"><ul id="square"><li class="active"><img src="data:images/1_27.png" alt=""></li><li><img src="data:images/ban1.jpg" alt=""></li><li><img src="data:images/ban2.jpg" alt=""></li><li><img src="data:images/ban3.jpg" alt=""></li><li><img src="data:images/ban4.jpg" alt=""></li></ul></div><div class="footer w"><p>腾讯互动娱乐 | 服务条款 | 隐私保护指引 | 儿童隐私保护指引 | 腾讯游戏招聘 | 腾讯游戏客服 | 游戏列表 | 成长守护平台 | 广告服务及商务合作</p><p>COPYRIGHT © 1998 – 2021 TENCENT. ALL RIGHTS RESERVED.</p><p>腾讯公司 版权所有</p></div>
</body></html>

看到这里了就 [点赞+好评+收藏] 三连支持下吧！