web网页设计实例作业 ——丝绸之路 (6页) 简单个人网页设计作业静态HTML文化主题网页

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

文章目录

web网页设计实例作业 ——丝绸之路 (6页) 简单个人网页设计作业静态HTML文化主题网页
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !
在这里插入图片描述

五、学习资料

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

六、更多源码

PC电脑端关注我们

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