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> 年 画 ， 中 国 画 的 一 种 。 始 于 古 代 的 “ 门 神 画 ” ， 大 都 用 于 新 年 时 张 帖 ， 装 饰 环境 ，含 有 祝 福 新 年 吉 祥 喜庆 之 意 ， 故 名 。 传 统 民 间 年 画 多 用 木 板 水 印 制 作 主 要 。 。 。 </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> 年 画 大 部分 是 以 吉 祥 、 喜 庆 、 欢 乐 、 美 好 等 事 物 ， 或 以 典故 、 成 语 作 为 主 题 ，有 情 节 ， 易 于 理解 。 其 取 材 内 容 极 为 广 泛 ， 诸 如 历 史故 事 、 神 话 传 说 、 吸 取 人 。。。 </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> 门神有文、武、童、兽之分。武门神一般按使用的兵器命名。如：武将门神中的鞭锏门神，以唐代大将秦琼、尉迟敬德为原型。此种门神一般被贴在院落外门及大门上，通常秦琼(净脸)居右，尉迟敬德(花脸)居左。戳刀门神为三国蜀将关公及其世孙关胜，因为二人同使用青龙偃月大刀，故成对张贴。此门神也贴在院落外边或者大门上。。。。</p>
<p> <a href="dg.html">更多》</a></p>
</div>
<div class="section_w210 fl margin_right_40">
<div class="header_02">五福临门</div>
<p> 杨柳青年画题材的一大种类。两个童子各骑一只大公鸡，所持的条幅上分别写着“功名富贵”、“吉星高照”，借助公鸡鸣叫，取“功名”之意，童子头上戴的牡丹花象征“富贵”，结成吉语为“功名富贵”；另一童子头上戴的是菊花，取“菊”为“吉”意。几只蝙蝠取“福”字之音，象征幸福，故称“五福临门”。。。 </p>
<p> <a href="dg.html">更多》</a></p>
</div>
<div class="section_w210 fl">
<div class="header_02">雄狮</div>
<p> 狮子画像随着佛教传入中国变成驯服可亲的吉祥瑞兽，造型蓬头大耳，巨目环睛。在宫殿、庙堂或者大宅门两旁，作为守护、装饰和辟邪之用，也是权威的象征。有的地方还把它当成小儿的守护神敬奉。。。。 </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>
四、获取更多源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码 !
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
PC电脑端关注我们
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
