网页设计HTML，期末答辩设计——皮影戏主题

比白纸还白的小白来啦

于 2024-04-28 19:15:58 发布

阅读量493

点赞数 14

文章标签： html 前端

本文链接：https://blog.csdn.net/akukuboy/article/details/138287989

版权

网页期末答辩设计想必很让同学们苦恼，这是小编制作的皮影戏主题的答辩设计，讲述了皮影戏制作流程，传承和意义。希望大家给我个三连~欧耶

作品介绍

1.网页作品简介：主要用了首页，皮影戏起源，发展，价值，制作，著名作品，登录，留言总共8个页面

2.网页作品技术：主要用了html+css设计，轮播图有js,有编辑软件可随意编辑网页内容

作品展示：

<body>
<div id="shouyebj">
 <header id="top">
  <nav>
	<ul>
		<li class="a"><a href="index.html">首页</a>
		  <ul>
			 <li><a href="#">近期更新</a></li>
		  </ul>
		</li>
		<li class="a"><a href="indef.html">皮影戏介绍</a>
		  <ul>
			 <li><a href="indef.html">皮影戏起源</a></li>
			 <li><a href="indee.html">皮影戏发展</a></li>
		  </ul>
		</li>
		<li class="a"><a href="indeb.html">皮影制作</a>
		  <ul>
			 <li><a href="#">选料商城</a></li>
		  </ul>
		</li>
		<li class="a"><a href="indec.html">著名作品</a>
		  <ul>
			 <li><a href="#">上传作品</a></li>
		  </ul>
		</li>
		<li class="a"><a href="inded.html">用户</a>
		  <ul>
			 <li><a href="indeh.html">精选留言</a></li>
			 <li><a href="#">意见反馈</a></li>
		  </ul>
		</li>
	  </ul>
	</nav>
   </header>
<div id="zhuti">
    <div class="jian">
      <div class="jianzuo"><img src="image/jianzuo.png" width="251" height="290" alt=""/></div>
	  <div class="jianzh"><samp>皮影戏</samp><p class="jianwen">&nbsp; &nbsp;皮影戏，旧称“影子戏”或“灯影戏”，是一种用墙烛或燃烧的酒精等光源照射善皮或纸板做成的人物剪影以表演故事的民问戏剧。表演时，艺人们在白色幕布后面，一边操纵戏曲人物，一边用当均说行的由调唱述故事，同时配以打击乐器和张乐，有浓厚的乡土气息。皮影戏是让观众通过白色幕布，面皮影戏中的平面人偶以及场面景物，通常是民问艺人用手工，刀雕彩绘而成的皮制品，故称之为皮影。</p>
	  </div>
      <div class="jianyou"><img src="image/jianyou.png" width="221" height="290" alt=""/></div>
    </div>
  <div class="lun">
    <div class="swiper-container">
     <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="image/zhu.jpg" width="1008" height="420" alt=""/></div>
      <div class="swiper-slide"><img src="image/1.jpg" width="1008" height="420" alt=""/></div>
      <div class="swiper-slide"><img src="image/2.jpg" width="1008" height="420" alt=""/></div>
      <div class="swiper-slide"><img src="image/3.png" width="1008" height="420" alt=""/></div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>

  <!-- Swiper JS -->
  <script src="js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container', {
	  speed: 2000,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>
  </div>
  <div class="gai">&nbsp; 网页概括</div>
  <div class="tiaoz">
    <div>
	  <p>皮影戏从有文字记载，已经有2000多年的历史，汉武帝爱妃李夫人染疾故去了，武帝的思念心切神情恍惚，终日不理朝政大臣李少翁一日出门，路....</p>
		<a href="indef.html"><span>起源</span></a>
    </div>
	  <div>
		<p>传统的皮影戏在很多方面都存在着不可避免的局限性。这也是它适应如今快节奏社会最大的障碍。随着社会的进步，人们物质生活水平不断提高，审....</p>
		<a href="indee.html"><span>发展</span></a>
	  </div>
	  <div>
		<p>先将羊皮、驴皮或其他兽皮的毛、血去净，然后经药物处理，使皮革变薄，呈半透明，涂上桐油，然后艺人们将各种人物的图谱描绘在上面，用各种....</p>
		<a href="indeb.html"><span>制作</span></a>
	  </div>
	  <div>
		<p>世界名人，对中国的皮影戏艺术都曾给予高度的评价。可以说皮影戏是中国历史悠久、流传很广的一种民间艺术，人们亲切地称它为“中国影灯”....</p>
		<a href="indeg.html"><span>价值</span></a>
	  </div>
    <div id="tiaozt"><img src="image/su.png" alt=""/></div>
  </div>
  <div id="zuop">
	 <span>&nbsp;图片展示</span>
	  <ul class="zuo">
	<li><a href="#">
	  <div><img src="image/bwbj.png" width="264" height="185" alt=""/></div>
	  霸王别姬</a></li>
	<li><a href="#"><div><img src="image/san.jpg" width="264" height="185" alt=""/></div>三打白骨精</a></li>
	<li><a href="#"><div><img src="image/eyu.png" width="264" height="185" alt=""/></div>鳄鱼大战狗头</a></li>
	</ul>
	</div>
</div>
<footer>
	<samp>比白纸还白的小白</samp></footer>
</div>
</body>
</html>

代码太多就不在这里展示，直接打包分享

比白纸还白的小白来啦

关注

14
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
网页设计HTML，期末答辩设计——皮影戏主题

网页期末答辩设计想必很让同学们苦恼，这是小编制作的皮影戏主题的答辩设计，讲述了皮影戏制作流程，传承和意义。希望大家给我个三连~欧耶。主要用了首页，皮影戏起源，发展，价值，制作，著名作品，登录，留言总共8个页面。主要用了html+css设计，轮播图有js,有编辑软件可随意编辑网页内容。代码太多就不在这里展示，直接打包分享。
复制链接

扫一扫