你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

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

2021-12-3 12:38:31

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