admin管理员组

文章数量:1619183

HTML5期末大作业：仿英雄联盟网站设计——仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

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

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

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

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

  • HTML5期末大作业：仿英雄联盟网站设计——仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、获取更多源码
  • 五、学习资料
  • 六、更多源码

一、作品展示




二、文件目录

三、代码实现



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
<title>仙剑奇缘</title>
<meta name="author" content="order by www.adminbuy" />
<script src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<div class="app"> 
  <!-- cover1 -->
  <div class="cover1">
    <div class="c_content1">
      <div class="c_del1"></div>
      <div class="c_cont1_main"> <img class="c_con1_title" src="picture/con1_title.png"/>
        <div class="c_con1_box"> <img class="c_con_b_pic" src="picture/con_ewm.jpg"/>
          <div class="c_con_b_font">
            <div class="c_con_b_f_title">剑舞奇缘</div>
            <div class="c_con_b_f_title2">微信搜索公众号：</div>
            <div class="c_con_b_f_title3">jwqysy</div>
            <div class="c_con_b_f_title4"> <img src="picture/circle_arrow.png"/> <span>扫描立刻关注</span> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- cover2 -->
  <div class="cover2">
    <div class="c_content2">
      <div class="c_del2"></div>
      <div class="c_cont2_main"> <img class="c_con2_title" src="picture/con2_title.png"/>
        <div class="c_con2_tab">
          <div class="c_con_t_t1">
            <ul class="phonetab">
              <li class="con_tab_active">Android</li>
              <li>ios</li>
            </ul>
            <input class="c_con_input1" value="" type="text" placeholder="请输入您的手机号"/>
            <div class="con2_yan">
              <input class="c_con_input2" value="" type="text" placeholder="请输入您的验证码"/>
              <input class="c_con_input3" type="submit" value="获取验证码"/>
            </div>
          </div>
        </div>
        <img class="con2_btn" src="picture/con2_btn.png"/>
        <div class="con2_list">
          <ul>
            <li><img src="picture/conlist1.png"/><br>
              铭文寻宝卷</li>
            <li><img src="picture/conlist2.png"/><br>
              御灵水晶</li>
            <li><img src="picture/conlist3.png"/><br>
              银鼠坐骑</li>
            <li><img src="picture/conlist4.png"/><br>
              高级美酒</li>
            <li><img src="picture/conlist5.png"/><br>
              御灵水晶</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- cover3 -->
  <div class="cover3">
    <div class="c_content3">
      <div class="c_del3"></div>
      <img class="c_con3_title" src="picture/con3_title.png">
      <div class="c_con3_font1"> 恭喜您预约成功，测试开始后我们将第一时间通过短信通<br/>
        知您，并发送预约礼包兑换码，敬请期待! </div>
      <div class="c_con3_font2"> <span>关注微信公众号获取更多礼包信息:</span> <img src="picture/con_ewm.jpg"/> </div>
    </div>
  </div>
  <!-- 客服 -->
  <div class=

本文标签： 布局首页网站制作静态成品

版权声明：本文标题：DIV布局——仿英雄联盟LOL首页(11页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728792991a1173897.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。