html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,一般的网页作业需要融入以下知识点：div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码可以去猿猿设计官网下载，制作水平和原创度都适合学习或交作业用，记得点赞；

一般html5静态网页设计作业主题有个人网页设计、美食网页设计、家乡网页设计、企业网页设计、学校、旅游网页设计、电商购物网页设计、宠物网页设计、茶叶、家居、酒店、舞蹈、动漫网页设计、明星、服装网页设计、体育网页设计、化妆品网页设计、物流、书籍、婚纱、军事网页设计、游戏网页设计、节日网页设计、环保网页设计、电影、摄影、文化网页设计、鲜花网页设计、礼品、汽车网页设计、其他等网页设计, 成品网页设计可以达到90分左右水平, 可满足大学生网页大作业网页设计需求, 喜欢的可以联系，我们也可以根据要求进行个性化定制。

html英雄联盟网页设计由5个页面组成，网页带图片轮播，音乐，视频，注册表单。

网页设计运行效果图

首页html代码：


<!DOCTYPE html>

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>英雄联盟-Riot Games</title>
<link href="css/style.css" rel="stylesheet">
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.foucs.js" type="text/javascript"></script>
</head>

<body bgcolor="#f2f2f2">
<div id="top">
  <div id="daohang">
    <div id="logo"><a href="index.html"><img src="images/logo.jpg" width="381" height="70"></a></div>
    <div id="bar01"><a href="index.html">首页</a></div>
    <div id="bar02"><a href="competition.html">赛事</a></div>
    <div id="bar02"><a href="video.html">视频</a></div>
    <div id="bar02"><a href="login.html">登录</a></div>
    <div id="bar02"><a href="zhuce.html">注册</a></div>
  </div>
</div>
 <!-- 轮播图代码 开始 -->
<div id="main">
        <div id="index_b_hero">
            <div class="hero-wrap">
                <ul class="heros clearfix">
                    <li class="hero" style="left: -1920px;">
                        <a href="#">
                            <img src="images/1.jpg" class="thumb">
                        </a>
                    </li>
                    <li class="hero" style="left: -960px;">
                        <a href="#">
                            <img src="images/2.jpg" class="thumb">
                        </a>
                    </li>
                    <li class="hero" style="left: 0px;">
                        <a href="#">
                            <img src="images/3.jpg" class="thumb">
                        </a>
                    </li>
                    <li class="hero" style="left: 960px;">
                        <a href="#">
                            <img src="images/4.jpg" class="thumb">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="helper">
                <div class="mask-left">
                </div>
                <div class="mask-right">
                </div>
                <a href="#" class="prev icon-arrow-a-left"></a>
                <a href="#" class="next icon-arrow-a-right"></a>
            </div>
        </div>
    </div>
<!-- 轮播图代码 结束 -->
<div id="main-more"><table width="47%" height="318" border="0">
  <tbody><tr>
    <td align="center"><table width="81%" border="0">
      <tbody><tr>
        <td><a href="#">外媒评选年度最强打野:LPL三人上榜!两名国产打野</a><br>
          <a href="#">2021LPL名人堂新增3名成员:娃娃、PDD入选,EDG才是最大赢家!</a>！<br>
          <a href="#">韩媒评选2021年度最佳打野,五名选手获得提名,LPL三位选手入选</a><br>
          <a href="#">LPL转会速看</a><br>
          <a href="#">“上路的神”倒了,LPL谈感情伤钱?</a><br>
          <a href="#">LOL全明星赛启程!余霜发文:永远爱LPL,也永远爱英雄联盟</a><br>
          <a href="#">【至尊全华班,S11冠军班底集结,下赛季LPL实力强劲<br>
			</a>
</td>
      </tr>
    </tbody></table></td>
  </tr>
</tbody></table>
</div>
<div id="music"><table width="100%" border="0">
  <tbody><tr>
    <td width="38%" height="55" align="center"><audio src="media/music.mp3" controls="" autoplay=""></audio></td>
    <td width="62%"><marquee>英雄联盟全球总决赛主题曲 Taker Over...</marquee></td>
  </tr>
</tbody></table>
</div>

<div id="footer">© 英雄联盟-Riot Games </div>
<script type="text/javascript">
        $.foucs({ direction: 'right' });
    </script>


</body></html>

点击查看更多源码信息

更多推荐

[html5网页设计]英雄联盟lpl总决赛游戏网页设计大作业,hbuilder网页设计成品,dw网页设计成品模板,游戏网页设计带图片轮播,音乐,视频,注册登录表