web网页设计实例作业 ——中国民间年画 (5页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码

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

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

文章目录

web网页设计实例作业 ——中国民间年画 (5页) 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码
获取更多源码
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中国民间年画</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;

}
</script>
</head>
<body>
<div id="templatemo_container">
  <div id="templatemo_banner">
    <div style="width:760px;height:90px;margin-left:170px">
      <marquee style="font-size:40px;height:90px;line-height:90px;color:orange;font-weight:bold;">
      中国民间年画
      </marquee>
    </div>
  </div>
  <!-- end of banner -->
  <div id="templatemo_menu">
    <ul>
      <li><a href="index.html">首页</a></li>
      <li><a href="jj.html">简介</a></li>
      <li><a href="tc.html">图册</a></li>
      <li><a href="dg.html">典故</a></li>
      <li><a href="cq.html" class="last">产区</a></li>
    </ul>
  </div>
  <!-- end of menu -->
  <div id="templatemo_content_top">
    <div class="section_w335 fl margin_right_40">
      <div class="header_01">年画简介</div>
      <div class="image_wrapper"> <img src="images/n1.jpg" alt="image" width="135px" height="135"/> </div>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;年 画 ， 中 国 画 的 一 种 。 始 于 古 代 的 “ 门 神 画 ” ， 大 都 用 于 新  年 时 张 帖 ， 装 饰 环境  ，含 有 祝  福 新 年 吉 祥 喜庆 之 意 ， 故 名  。 传 统 民 间 年 画 多 用 木 板 水 印 制 作  主 要  。 。 。 </p>
      <p><a href="jj.html">更多</a></p>
    </div>
    <div class="section_w335 fl">
      <div class="header_01"> 图册</div>
      <div class="image_wrapper"> <img src="images/n2.jpg" alt="image" width="135px" height="135" /> </div>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;年 画 大 部分 是 以 吉 祥 、 喜 庆  、 欢 乐 、 美 好 等 事 物 ， 或 以 典故 、 成 语 作 为 主 题  ，有  情 节 ， 易 于 理解  。 其 取 材 内 容 极 为 广 泛 ， 诸 如 历 史故 事 、 神 话 传 说 、 吸 取 人 。。。 </p>
      <p><a href="tc.html">更多》</a></p>
    </div>
    <div class="margin_bottom_40"></div>
    <div class="section_w335 fl margin_right_40">
      <div class="header_01"> 典故</div>
      <div class="image_wrapper"> <img src="images/n3.jpg" alt="image" /> </div>
      <p>1、五福临门<br/>
        2、门神<br/>
        3、雄狮<br/>
        4、神虎<br/>
        5、和合二仙<br/>
        6、九九肖寒图</p>
      <p><a href="dg.html">更多》</a></p>
    </div>
    <div class="section_w335 fl">
      <div class="header_01"> 产区 </div>
      <div class="image_wrapper"> <img src="images/ds.jpg" alt="image"  width="95px" height="95" /> </div>
      <p>1、杨家埠<br/>
        2、朱仙镇 <br/>
        3、桃花坞<br/>
        4、杨柳青</p>
      <p><a href="cq.html">更多》</a></p>
    </div>
    <div class="margin_bottom_20 b_bottom"></div>
    <div class="cleaner"></div>
  </div>
  <!-- end of content top -->
  <div id="templatmeo_content_bottom">
    <div class="section_w210 fl margin_right_40">
      <div class="header_02">门神</div>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;门神有文、武、童、兽之分。武门神一般按使用的兵器命名。如：武将门神中的鞭锏门神，以唐代大将秦琼、尉迟敬德为原型。此种门神一般被贴在院落外门及大门上，通常秦琼(净脸)居右，尉迟敬德(花脸)居左。戳刀门神为三国蜀将关公及其世孙关胜，因为二人同使用青龙偃月大刀，故成对张贴。此门神也贴在院落外边或者大门上。。。。</p>
      <p> <a href="dg.html">更多》</a></p>
    </div>
    <div class="section_w210 fl margin_right_40">
      <div class="header_02">五福临门</div>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;杨柳青年画题材的一大种类。两个童子各骑一只大公鸡，所持的条幅上分别写着“功名富贵”、“吉星高照”，借助公鸡鸣叫，取“功名”之意，童子头上戴的牡丹花象征“富贵”，结成吉语为“功名富贵”；另一童子头上戴的是菊花，取“菊”为“吉”意。几只蝙蝠取“福”字之音，象征幸福，故称“五福临门”。。。 </p>
      <p> <a href="dg.html">更多》</a></p>
    </div>
    <div class="section_w210 fl">
      <div class="header_02">雄狮</div>
      <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;狮子画像随着佛教传入中国变成驯服可亲的吉祥瑞兽，造型蓬头大耳，巨目环睛。在宫殿、庙堂或者大宅门两旁，作为守护、装饰和辟邪之用，也是权威的象征。有的地方还把它当成小儿的守护神敬奉。。。。 </p>
      <p> <a href="dg.html">更多》</a></p>
    </div>
    <div class="margin_bottom_40 b_bottom"></div>
    <div class="margin_bottom_30"></div>
    <div id="templatemo_footer">
      <ul class="footer_list">
        <li><a href="index.html">首页</a></li>
        <li><a href="jj.html">简介</a></li>
        <li><a href="tc.html">图册</a></li>
        <li><a href="dg.html">典故</a></li>
        <li class="last"><a href="cq.html">产区</a></li>
      </ul>
      <div class="margin_bottom_10"></div>
      中 国 民 间 年 画 网 站 所 有
      <div class="margin_bottom_20"></div>
    </div>
    <div class="cleaner"></div>
  </div>
  <!-- end of content bottom -->
</div>
</body>
</html>

四、获取更多源码

PC电脑端关注我们

五、学习资料

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

六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述