HTML5期末大作业:动漫网站设计——火影忍者(7页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

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

作品介绍

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

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

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

文章目录

  • HTML5期末大作业:动漫网站设计——火影忍者(7页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、学习资料
  • 五、更多源码
一、作品展示

二、文件目录

三、代码实现
<!DOCTYPE html>
<html>
<head>
<link href="css/all.css" rel="stylesheet" media="all" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>火影忍者</title>
</head>
<body>
<div class="banner"><img src="images/banner.jpg"></div>
<nav class="menu">
  <ul class="center">
    <li><a href="index.html">网站首页</a></li>
    <li><a href="juesejieshao.html">人物介绍</a></li>
    <li><a href="juqingjieshao.html">剧情介绍</a></li>
    <li><a href="jingcaitupian.html">图片欣赏</a></li>
    <li><a href="denglu.html">登录</a></li>
    <li><a href="zhuce.html">注册</a></li>
  </ul>
</nav>
<div class="content">
  <div class="mart">
    <div class="bar">图片</div>
    <div class="pics scrollleft">
      <ul>
        <li>
          <p><img src="images/9.gif" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/0.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/1.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/2.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/3.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/4.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/5.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/6.jpg" width="300" height="180" /></p>
        </li>
        <li>
          <p><img src="images/7.jpg" width="300" height="180" /></p>
        </li>
      </ul>
    </div>
    <div class="clear"></div>
    <div class="bar">基本信息</div>
    <div class="pad"> 
      <p>电视动画《火影忍者》改编自日本漫画家岸本齐史的同名漫画,2002年10月3日在东京电视台系列全6局、岐阜放送首播,共220话;第二季《火影忍者疾风传》于2007年2月15日-2017年3月23日在东京电视台播出,共500话;累计全720话。      </p>
      <p>&nbsp;</p>
      <div> 故事成功地将原本隐藏在黑暗中,用世界上最强大的毅力和最艰辛的努力去做最密不可宣和隐讳残酷的事情的忍者,描绘成了太阳下最值得骄傲最光明无限的职业。</div>
      <p>系列续作《BORUTO -火影新世代- 》2017年4月播出。 </p>
      <p><br>
        这是一个忍者的世界。在Naruto的世界中,忍者这个职业,就像HunterXHunter里的猎人、One Piece里的海盗一样,是少年们的梦想!不过这回的主人公鸣人和自学成才的小冈、路飞不一样,他是木叶忍者村的忍者学校中科班毕业的哦(虽然毕业得很勉强,是被称为万年吊车尾的“差生”)。<br data-filtered="filtered">
        <br data-filtered="filtered">
        </p>
    </div>
  </div>
</div>
<footer class="end">
  <p>网页底部</p>
</footer>
</body>
</html>




四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站


五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

更多推荐

学生动漫网页设计模板下载 火影忍者(7页)大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板...