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

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

时间：2022-04-17 18:35:26

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"> </head><body><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="" 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><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="" 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><div class="clearfix"></div><div class="cont s--inactive"><div class="cont__inner"><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>-02</p></span>苏作木雕三匠师</a></li><li><a href="javascript:void(0);"><span>18<p>-01</p></span>万缕千丝夺天工缂成国宝传人间</a></li><li><a href="javascript:void(0);"><span>16<p>-12</p></span>论传统手工艺的市场与发展</a></li><li><a href="javascript:void(0);"><span>10<p>-11</p></span>浅析玉雕行业的转型</a></li></ul></div></div></div><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><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><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><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>时间：/06/15-/06/15</p><p>地点：苏州工艺美术博物馆多功能厅</p><span class="over">活动已结束</span></a></li></ul></div></div></div></div></div><div class="copyright">COPYRIGHT ©苏州工艺美术研究院. 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>