HTML5+CSS大作业——丝绸之路网页设计(6页)
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
一、作品展示
二、文件目录
三、代码实现
<!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/css.css" rel="stylesheet" media="screen" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
</head>
<body>
<div class="con">
<div class="head">
<div class="logo"><a href="index.html"><img src="images/logo.png" /></a></div>
<div class="nav">
<ul>
<li><a href="index.html">首页 </a></li>
<li><a href="html/gallery.html">丝绸展览 </a></li>
<li><a href="html/youzhi.html">优质丝绸 </a></li>
<li><a href="html/gezhong.html">各种丝绸 </a></li>
<li><a href="html/yangchan.html">养蚕艺术 </a></li>
<li><a href="html/liuyan.html">留言建议 </a></li>
</ul>
</div>
<div class="clear"></div>
<!------------------ end nav--------------------------->
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="main">
<div class="left">
<div class=" l1"><a href="#"><img src="images/sg.jpg" /></a></div>
<div class="search">
<input class="s_input" />
</div>
<div class="left_nav">
<ul>
<li><a href="html/gezhong.html">各种丝绸 </a><span><a href="html/gezhong.html">23 </a></span></li>
<li><a href="html/gallery.html">丝绸展览 </a><span><a href="#">10 </a></span></li>
<li><a href="html/liuyan.html">留言建议 </a><span><a href="#">0 </a></span></li>
</ul>
</div>
<!------------------ end left_nav--------------------------->
</div>
<!------------------ end left--------------------------->
<div class="right">
<div class="dm">
<div class="flexslider">
<ul class="slides">
<li><a href="#"> <img src="images/d1.jpg" width="900" /></a> </li>
<li> <a href="#"><img src="images/d2.jpg" width="900" /></a> </li>
<li> <a href="#"><img src="images/d3.jpg" width="900" /></a></li>
<li> <a href="#"><img src="images/d4.jpg" width="900" /></a></li>
</ul>
</div>
</div>
<div class="right_nav">
<h2>推荐阅读</h2>
<p>丝绸是中国古老文化的象征，中国古老的丝绸业为中华民族文化织绣了光辉的篇章，对促进世界人类文明的发展作出了不可磨灭的贡献。中国丝绸以其卓越的品质、精美的花色和丰富的文化内涵闻名于世。</p>
<p>几千年前，当丝绸沿着古丝绸之路传向欧洲，它所带去的，不仅仅是一件件华美的服饰、饰品，更是东方古老灿烂的文明，丝绸从那时起，几乎就成为了东方文明的传播者和象征。目前已知的最早丝织物，是出土于距今约4700年良诸文化的遗址。</p>
<p>中国是家蚕丝的发源地，养蚕，缫丝是中国古代在纤维利用上最重要的成就。早在新石器时代，中国已发明丝绸织造以及朱砂染色技术，此后随着织机的不断改进，印染技术的不断提高，丝织品种日益丰富，并形成了一个完整的染织工艺体系，使中国古代的丝绸染织技术领先于世界各国。</p>
<p></p>
<p></p>
</div>
<!------------------ end right_nav--------------------------->
<div class="Gallery_nav pt20">
<ul>
<h3>丝绸展览</h3>
<li><a href="#"><img src="images/zhanlan/1.jpg" /></a></li>
<li><a href="#"><img src="images/zhanlan/2.jpg" /></a></li>
<li><a href="#"><img src="images/zhanlan/3.jpg" /></a></li>
<li><a href="#"><img src="images/zhanlan/4.jpg" /></a></li>
</ul>
</div>
<!------------------ end Gallery_nav--------------------------->
</div>
<!------------------ end right--------------------------->
<div class="clear"></div>
</div>
<!------------------ end main--------------------------->
<div class="clear"></div>
<div class="foot">
<p>Copyright 2014 版权所有 </p>
<p>All Rights Reserved</p>
</div>
</div>
</body>
</html>
四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
PC电脑端关注我们
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
