web网页设计实例作业 ——古典的中医药大学网(11页) web前端期末大作业 html+css+javascript

最新推荐文章于 2024-03-18 15:12:28 发布

web领域优质创作者-网页设计

最新推荐文章于 2024-03-18 15:12:28 发布

阅读量1k

点赞数 1

分类专栏： HTML5期末大作业 web网页设计与开发 web期末作业设计网页文章标签：前端 javascript css 个人作业

本文链接： https://blog.csdn.net/m0_46321522/article/details/121695762

版权

web期末作业设计网页同时被 3 个专栏收录

946 篇文章 90 订阅

订阅专栏

HTML5期末大作业

742 篇文章 372 订阅

订阅专栏

web网页设计与开发

687 篇文章 18 订阅

订阅专栏

web网页设计实例作业 ——古典的中医药大学网(11页) web前端期末大作业 html+css+javascript

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

获取更多源码

PC电脑端关注我们

🧡 作者主页-更多源码

🧡 HTML期末大作业文章专栏

文章目录

web网页设计实例作业 ——古典的中医药大学网(11页) web前端期末大作业 html+css+javascript
获取更多源码
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

二、文件目录

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>河南中医大学</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>

</head>

<body>
<!--top-->
<div class="w100 overflow"><img src="images/index_r1_c1.jpg"></div>
<!--nav-->
<div class="nav_bg overflow clearfix">
 <div class="wrap overflow nav">
  <ul>
   <li><a href="#" class="nav_hover">首页</a></li>
   <li><a href="#">课程介绍 </a></li>
   <li><a href="#">教师队伍</a></li>
   <li><a href="#">教学大纲</a></li>
   <li><a href="#"> 教学课件</a></li>
   <li><a href="#">参考资料</a></li>
   <li><a href="#">基地建设</a></li>
   <li><a href="#">参考资料</a></li>
   <li><a href="#">特色饮片</a></li>
   <li><a href="#">炮制数据库</a></li>
   <li><a href="#">问题讨论</a></li>
   <li><a href="#">网站链接</a></li>
  </ul>
 </div>
</div>
<!--js-->
<div class="w100 overflow clearfix  ">
 <div class="flexslider" >
  <ul class="slides">
    <li style="background: url(images/index_r4_c1.jpg) 50% 0 no-repeat; z-index:1"></li>
    <li style="background:url(images/index_r4_c1.jpg) 50% 0 no-repeat; z-index:1"></li>
    <li style="background:url(images/index_r4_c1.jpg) 50% 0 no-repeat; z-index:1"></li>
  </ul>
</div>
<!-- 代码end --> 
<script src="js/jquery.flexslider-min.js"></script> 
<script>
$(function(){
	$('.flexslider').flexslider({
		directionNav: true,
		pauseOnAction: false
	});
});
</script> 
</div>
<!--课程介绍-->
<div class="wrap overflow clearfix mt30">
 <!--left-->
 <div class="w598 fl overflow">
  <div class="w565 overflow pt20">
   <div class="w100 overflow">
    <p class="fl"><img src="images/index_r7_c7.jpg"></p>
    <span class="fr pt5"><a href="3">更多>></a></span>
   </div>
   <div class="w100 overflow clearfix">
    <dl>
     <dt>
       <a href="#"><img src="images/index_r10_c11.jpg" width="90" height="118"></a>
     </dt>
     <dd>
      <h5><a href="#">中药炮制增效的研究</a></h5>
      <p><a href="#">查看更多</a></p>
     </dd>
    </dl>
    <dl>
     <dt>
       <a href="#"><img src="images/index_r10_c11.jpg" width="90" height="118"></a>
     </dt>
     <dd>
      <h5><a href="#">中药炮制增效的研究</a></h5>
      <p><a href="#">查看更多</a></p>
     </dd>
    </dl>
    <dl>
     <dt>
       <a href="#"><img src="images/index_r10_c11.jpg" width="90" height="118"></a>
     </dt>
     <dd>
      <h5><a href="#">中药炮制增效的研究</a></h5>
      <p><a href="#">查看更多</a></p>
     </dd>
    </dl>
    <dl>
     <dt>
       <a href="#"><img src="images/index_r10_c11.jpg" width="90" height="118"></a>
     </dt>
     <dd>
      <h5><a href="#">中药炮制增效的研究</a></h5>
      <p><a href="#">查看更多</a></p>
     </dd>
    </dl>
   </div>
  </div>
 </div>
 <!--left-->
 <div class="w519 fr overflow">
  <div class="w468  overflow pt20">
   <div class="w100 overflow">
    <p class="fl"><img src="images/index_r7_c16.jpg"></p>
    <span class="fr pt5"><a href="3">更多>></a></span>
   </div>
   <div class="w100 overflow pt15 clearfix">
    
     <ul>
     <li><span>2018-12-20</span><a href="#">中药炮制学的内涵与外延价动报</a></li>
     <li><span>2018-12-20</span><a href="#">中药炮制文献的研究方法和意义</a></li>
     <li><span>2018-12-20</span><a href="#">中药炮制学的内涵与外延价动报</a></li>
     <li><span>2018-12-20</span><a href="#">中药炮制文献的研究方法和意义</a></li>
     <li><span>2018-12-20</span><a href="#">中药炮制学的内涵与外延价动报</a></li>
     <li><span>2018-12-20</span><a href="#">中药炮制文献的研究方法和意义</a></li>
     </ul>
     <ol class="pt20"><a href="#"><img src="images/index_r30_c39.jpg"></a></ol>
    
   </div>
  </div>
 </div>
</div>

<!--队伍-->
<div class="wrap team overflow clearfix mt25">
 <div class="w1092 overflow pt15">
 <div class="w100 overflow">
    <p class="fl"><img src="images/index_r15_c7.jpg"></p>
    <span class="fr pt5"><a href="3">更多>></a></span>
   </div>
 <div class="img-scroll">
    <span class="prev pl10 pr10"><img src="images/index_r18_c6.jpg" /></span>
    <span class="next pr10"><img src="images/index_r18_c20.jpg"/></span>
   
    <div class="img-list">
    <div class="img_list1">
     <ul>
     <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
       <li>
       <a href="#">
       <p><img src="images/index_r17_c10.jpg" width="180" height="135" /></p>
       <span>李彦宏</span>
       </a>
      </li>
      
     </ul>
     
     </div>
     
    </div>
   
    </div>
    
    <script type="text/javascript" src="js/011.js"></script>
</div>
</div>
<!--版权-->
<div class="copy_bg clearfix">
 <div class="wrap copy">
  <p>
  河南中医药大学权所有 © 2018 Henan University of Chinese Medicine   <br>
豫ICP备05002492号-1   <br>
河南省 郑州市 郑东新区 金水东路156号 
  </p>
  <ul>
   <li>
    <a href="#"><img src="images/ty0_r4_c2.png"></a>
   </li>
   <li>
   <a href="#"><img src="images/ty0_r4_c4.png">
    <div><img src="images/ty0_r2_c5.png"></div>
   </a>
   </li>
  </ul>
 </div>
</div>
</body>
</html>

四、获取更多源码

PC电脑端关注我们

五、学习资料

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

六、更多源码

PC电脑端关注我们

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

web领域优质创作者-网页设计

关注关注

1
点赞
踩
17

收藏

觉得还不错? 一键收藏
打赏
0
评论
web网页设计实例作业 ——古典的中医药大学网(11页) web前端期末大作业 html+css+javascript

web网页设计实例作业 ——古典的中医药大学网(11页) web前端期末大作业 html+css+javascript常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!获取更多源
复制链接

扫一扫