web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例

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

文章目录

web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

二、文件目录

三、代码实现


<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"><meta name="format-detection" content="telephone=no" /><meta http-equiv="x-ua-compatible" content="IE=edge" /><meta name="renderer" content="webkit"><title>苏州工艺美术研究院</title><meta name="description" content="苏州工艺美术研究院" /><meta name="keywords" content="苏州工艺美术研究院" /><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" href="css/component.css" /><link rel="stylesheet" type="text/css" href="css/style.css"><link rel="stylesheet" type="text/css" href="css/responsive.css"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="js/html5shiv.min.js"></script><script src="js/respond.min.js"></script><![endif]-->
</head><body><!-- pc menu --><div id="menu"><div id="logo"><a href="/"><img src="picture/logo.jpg" alt=""></a></div><ul id="nav"><li class="mainlevel on"><a href="/">首页</a></li><li class="mainlevel"><a href="survey.html">概况</a><ul class="sub_nav_01"><span class="Triangle_con"></span><li><a href="about.html">简介</a></li><li><a href="organization.html">组织架构</a></li><li><a href="tip.html">捐赠者名录</a></li><li><a href="directory.html">名录</a></li><li><a href="tip.html">非遗传承</a></li><li><a href="tip.html">大事记</a></li><li><a href="tip.html">参观指南</a></li><li><a href="tip.html">馆区地图</a></li><li><a href="tip.html">志愿者</a></li></ul></li><li class="mainlevel"><a href="academic.html">学术</a><ul class="sub_nav_01"><span class="Triangle_con"></span><li><a href="tip.html">工艺研究</a></li><li><a href="tip.html">产业研究</a></li></ul></li><li class="mainlevel"><a href="http://szacri.edusoho.cn" target="_blank">教育</a></li><li class="mainlevel"><a href="exhibition.html">展览</a><ul class="sub_nav_01"><span class="Triangle_con"></span><li><a href="tip.html">研究中心</a></li><li><a href="temp_exhi.html">临时展览</a></li><li><a href="tip.html">数字研究院</a></li></ul></li><li class="mainlevel"><a href="process.html">工艺</a><ul class="sub_nav_01"><span class="Triangle_con"></span><li><a href="tip.html">玉石雕刻</a></li><li><a href="tip.html">织绣染</a></li><li><a href="tip.html">工艺家具</a></li><li><a href="tip.html">木雕</a></li><li><a href="tip.html">核雕</a></li><li><a href="tip.html">其他雕刻</a></li><li><a href="tip.html">民族乐器</a></li><li><a href="tip.html">漆器</a></li><li><a href="tip.html">苏扇</a></li><li><a href="tip.html">金属工艺和首饰</a></li><li><a href="tip.html">工艺陶瓷</a></li><li><a href="tip.html">其他工艺美术</a></li></ul></li><li class="mainlevel"><a href="activity.html">活动</a><ul class="sub_nav_01"><span class="Triangle_con"></span><li><a href="tip.html">手工艺体验</a></li><li><a href="tip.html">专题讲座</a></li><li><a href="tip.html">精彩视频</a></li></ul></li><li class="mainlevel"><a href="gift.html">礼品</a></li><li class="mainlevel login"><a href="login.html">登录</a></li><li class="mainlevel reg"><a href="reg.html">注册</a></li></ul></div><!-- / pc menu --><!-- mobile menu --><header id="mobmenu" class="header"><a href="/" class="logo"><img src="picture/logo.jpg" alt=""></a><div id="dl-menu" class="dl-menuwrapper"><button id="dl-menu-button">Open Menu</button><ul class="dl-menu"><li><a href="/">首页</a></li><li><a href="survey.html">概况</a><ul class="dl-submenu"><li class="dl-back"><a href="#">返回上一级</a></li><li><a href="survey.html">概况</a></li><li><a href="about.html">简介</a></li><li><a href="organization.html">组织架构</a></li><li><a href="tip.html">捐赠者名录</a></li><li><a href="directory.html">名录</a></li><li><a href="tip.html">非遗传承</a></li><li><a href="tip.html">大事记</a></li><li><a href="tip.html">参观指南</a></li><li><a href="tip.html">馆区地图</a></li><li><a href="tip.html">志愿者</a></li></ul></li><li><a href="academic.html">学术</a><ul class="dl-submenu"><li class="dl-back"><a href="#">返回上一级</a></li><li><a href="academic.html">学术</a></li><li><a href="tip.html">工艺研究</a></li><li><a href="tip.html">产业研究</a></li></ul></li><li><a href="http://szacri.edusoho.cn" target="_blank">教育</a></li><li><a href="exhibition.html">展览</a><ul class="dl-submenu"><li class="dl-back"><a href="#">返回上一级</a></li><li><a href="exhibition.html">展览</a></li><li><a href="tip.html">研究中心</a></li><li><a href="temp_exhi.html">临时展览</a></li><li><a href="tip.html">数字研究院</a></li></ul></li><li><a href="process.html">工艺</a><ul class="dl-submenu"><li class="dl-back"><a href="#">返回上一级</a></li><li><a href="process.html">工艺</a></li><li><a href="tip.html">玉石雕刻</a></li><li><a href="tip.html">织绣染</a></li><li><a href="tip.html">工艺家具</a></li><li><a href="tip.html">木雕</a></li><li><a href="tip.html">核雕</a></li><li><a href="tip.html">其他雕刻</a></li><li><a href="tip.html">民族乐器</a></li><li><a href="tip.html">漆器</a></li><li><a href="tip.html">苏扇</a></li><li><a href="tip.html">金属工艺和首饰</a></li><li><a href="tip.html">工艺陶瓷</a></li><li><a href="tip.html">其他工艺美术</a></li></ul></li><li><a href="activity.html">活动</a><ul class="dl-submenu"><li class="dl-back"><a href="#">返回上一级</a></li><li><a href="activity.html">活动</a></li><li><a href="tip.html">手工艺体验</a></li><li><a href="tip.html">专题讲座</a></li><li><a href="tip.html">精彩视频</a></li></ul></li><li><a href="gift.html">礼品</a></li><li><a href="login.html">登录</a></li><li><a href="reg.html">注册</a></li></ul></div></header><!-- mobile menu --><div class="clearfix"></div><div class="cont s--inactive"><!-- cont inner start --><div class="cont__inner"><!-- el start --><div class="el"><div class="el__overflow"><div class="el__inner"><div class="el__bg"></div><div class="el__preview-cont"><h2 class="el__heading mainfont">最新资讯</h2></div></div></div><div class="el__index"><div class="el__index-back info-list"><h2 class="mainfont">最新资讯</h2><ul><li><a href="javascript:void(0);"><span>27<p>2020-02</p></span>苏作木雕三匠师</a></li><li><a href="javascript:void(0);"><span>18<p>2020-01</p></span>万缕千丝夺天工 缂成国宝传人间</a></li><li><a href="javascript:void(0);"><span>16<p>2019-12</p></span>论传统手工艺的市场与发展</a></li><li><a href="javascript:void(0);"><span>10<p>2019-11</p></span>浅析玉雕行业的转型</a></li></ul></div></div></div><!-- el end --><!-- el start --><div class="el"><div class="el__overflow"><div class="el__inner"><div class="el__bg"></div><div class="el__preview-cont"><h2 class="el__heading mainfont color1">参观服务</h2></div></div></div><div class="el__index"><div class="el__index-back canguan"><h2 class="mainfont">参观服务</h2><ul><li><a href="javascript:void(0);">参观指南</a></li><li><a href="javascript:void(0);">参观预约</a></li><li><a href="javascript:void(0);">馆区地图</a></li><li><a href="javascript:void(0);">志愿者</a></li></ul></div></div></div><!-- el end --><!-- el start --><div class="el"><div class="el__overflow"><div class="el__inner"><div class="el__bg"></div><div class="el__preview-cont"><h2 class="el__heading mainfont">工艺门类</h2></div></div></div><div class="el__index"><div class="el__index-back gongyi"><h2 class="mainfont">工艺门类</h2><ul><li><a href="javascript:void(0);">玉石雕刻</a></li><li><a href="javascript:void(0);">织绣染</a></li><li><a href="javascript:void(0);">工艺家具</a></li><li><a href="javascript:void(0);">木雕</a></li><li><a href="javascript:void(0);">核雕</a></li><li><a href="javascript:void(0);">其他雕刻</a></li><li><a href="javascript:void(0);">名族乐器</a></li><li><a href="javascript:void(0);">漆器</a></li><li><a href="javascript:void(0);">苏扇</a></li><li><a href="javascript:void(0);">金属工艺和首饰</a></li><li><a href="javascript:void(0);">工艺陶瓷</a></li><li><a href="javascript:void(0);">其他工艺美术</a></li></ul></div></div></div><!-- el end --><!-- el start --><div class="el"><div class="el__overflow"><div class="el__inner"><div class="el__bg"></div><div class="el__preview-cont"><h2 class="el__heading mainfont color1">展览陈列</h2></div></div></div><div class="el__index"><div class="el__index-back zhanlan"><h2 class="mainfont">展览陈列</h2><ul><li><a href="javascript:void(0);">研究中心</a></li><li><a href="javascript:void(0);">临时展览</a></li><li><a href="javascript:void(0);">数字研究院</a></li></ul></div></div></div><!-- el end --><!-- el start --><div class="el"><div class="el__overflow"><div class="el__inner"><div class="el__bg"></div><div class="el__preview-cont"><h2 class="el__heading mainfont">活动</h2></div></div></div><div class="el__index"><div class="el__index-back huodong"><h2 class="mainfont">活动</h2><ul><li><a href=""><h3>体验活动 | 缂丝</h3><p>时间：2019/06/15-2019/06/15</p><p>地点：苏州工艺美术博物馆多功能厅</p><span class="over">活动已结束</span></a></li></ul></div></div></div><!-- el end --></div><!-- cont inner end --></div><div class="copyright">COPYRIGHT ©2020苏州工艺美术研究院. ALL RIGHTS RESERVED 苏ICP备10053719号</div><script src="js/jquery-1.9.1.min.js" type="text/javascript"></script><script src="js/modernizr.custom.js" type="text/javascript"></script><script src="js/jquery.dlmenu.js" type="text/javascript"></script>  <script src="js/index.js" type="text/javascript"></script><script>$('#nav li.mainlevel').removeClass('on').eq(0).addClass('on');</script>
</body></html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !

五、学习资料

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

六、更多源码

PC电脑端关注我们

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

文化网页设计成品 web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例相关推荐

web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例
web网页设计实例作业 --古典中国风工艺美术(9页) html+css+javascript网页设计实例常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶 ...
web网页设计实例作业 ——我的家乡-四川(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品
HTML5期末大作业:家乡网站设计--我的家乡-四川(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. ...
web前端期末大作业 ~我的家乡-绿城之都html+css+javascript旅游网页设计实例
web前端期末大作业 ~ 我的家乡-绿城之都html+css+javascript旅游网页设计实例临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页 ...
学生网页制作源代码下载HTML5+CSS大作业——个人博客(2页)HTML+CSS 本网页作业为一个展示产品类型的网页设计作业作品成品
HTML5+CSS大作业--个人博客(2页)HTML+CSS 本网页作业为一个展示产品类型的网页设计作业作品成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. ...
HTML5期末大作业：官网时尚购物(网站设计——美丽说官网时尚购物(1页) HTML+CSS+JavaScript 网页设计成品DW静态网页Html5响应式css3
HTML5期末大作业:官网时尚购物(网站设计--美丽说官网时尚购物(1页) HTML+CSS+JavaScript 网页设计成品DW静态网页Html5响应式css3 常见网页设计作业题材有个人. 美 ...
静态HTML网页设计作品—绿色古典旅游景区(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品
HTML5期末大作业:旅游景区网站设计--绿色古典旅游景区(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电 ...
HTML5期末大作业：旅游景区网站设计——绿色古典旅游景区(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品
HTML5期末大作业:旅游景区网站设计--绿色古典旅游景区(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电 ...
HTML5期末大作业：影视电影网站设计—— 迪士尼影视电影(6页) HTML+CSS+JavaScript 网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计
HTML5期末大作业:影视电影网站设计-- 迪士尼影视电影(6页) HTML+CSS+JavaScript 网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计常见网页设计作业 ...
HTML期末大作业—— 迪士尼影视电影(6页) HTML+CSS+JavaScript 网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计
HTML5期末大作业:影视电影网站设计-- 迪士尼影视电影(6页) HTML+CSS+JavaScript 网页设计期末课程大作业 web前端开发技术 web课程设计网页规划与设计文章目录 HTM ...

文化网页设计成品 web网页设计实例作业 ——古典中国风工艺美术(9页) html+css+javascript网页设计实例