静态HTML网页设计作品—紫色的旅游开发景点网站(4页) HTML+CSS+JavaScript 主题酒店景点

最新推荐文章于 2024-05-28 23:24:23 发布

优质内容贡献

最新推荐文章于 2024-05-28 23:24:23 发布

阅读量317

点赞数 1

分类专栏： web大学生个人网站作业模 html网页设计作业学生div+css静态网页设计成品文章标签： javascript css html 前端 css3

本文链接：https://blog.csdn.net/qq_524614081/article/details/122353881

版权

学生div+css静态网页设计成品同时被 3 个专栏收录

602 篇文章 63 订阅

订阅专栏

web大学生个人网站作业模

558 篇文章 34 订阅

订阅专栏

html网页设计作业

547 篇文章 22 订阅

订阅专栏

HTML5期末大作业：旅游开发景点网站设计——紫色的旅游开发景点网站(4页) HTML+CSS+JavaScript 主题酒店景点

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

文章目录

HTML5期末大作业：旅游开发景点网站设计——紫色的旅游开发景点网站(4页) HTML+CSS+JavaScript 主题酒店景点
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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" type="text/css" />
<style>
html,body{ background:#e3e3e3}
</style>
</head>

<body>
<div class="topbg">
<div class="top">
  <div class="logo"><img src="images/index_04.png" width="231" height="110"  /></div>
  <div class="nav"><ul>
  <li><a href="index.html" class="hover">网站首页</a></li>
  <li><a href="about.html">景区简介</a></li>
  <li><a href="news.html">景区资讯</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></div>
 <!-- 代码部分begin -->
<div class="slide banner" data-slide='{"action":"click","fn":"banner_ext","time":"8000"}'>
	<div class="ban_c album"><a href="#"><img src="images/02.jpg"/></a></div>
	<div class="ban_c album"><a href="#"><img src="images/01.jpg" /></a></div>
	<div class="ban_c album"><a href="#"><img src="images/03.jpg"  /></a></div>

</div>
 
<script src="js/jquery.min.js" ></script>
<script src="js/script.js"></script>

<!-- 代码部分end -->
<div class="top">
<div class="imgnv">
<img src="images/index_09.png" />
<img src="images/index_11.png" />
<img src="images/index_13.png" />
<img src="images/index_15.png" /></div>
</div>
<div style="background:url(images/index_08.jpg) no-repeat center top; height:330px"> 
<div class="top">
  <dl class="about"><dt><img src="images/index_25.png" /></dt>
<dd style="width:550px; margin-left:20px; padding-top:20px">       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 紫薇园漂流项目所在徐州市铜山区伊庄镇倪园村，即徐州市吕梁山风景区紫薇园内；漂流全长约2.5公里，落差140米，总规划面积70000平方米，漂流总投资2200万元。漂流区主要设置有蓄水池，候漂长廊，起漂码头及候漂排队区、仓库、回旋车城等，漂流体验区分为3个区域，森林石海区，紫薇花溪区和汉邦古韵区。
<br />

      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 紫薇园漂流周边有倪园古镇，农家乐，我们有配套的游客服务中心，超市，奇石馆，纪念品商店，特色小吃店等，经过多年规划，形成了一个有特色的古镇文化风景区。农家乐位于倪园古镇北侧，我们配套特色农家小吃，如春秋古院，酒肆，香油坊，酱油坊。</dd>
<dd style="float:right; padding-top:15px"><img src="images/index_22.png" /></dd>
<div class="clear"></div></dl>
</div></div>
<div style="background:url(images/index_10.jpg) no-repeat center bottom #e5edf5; padding-bottom:120px ">
<div class="top">

<dl class="sub"><img src="images/index_32.png"  /><dt>
 <img src="images/index_41.png" width="296" height="93" /></dt>
  <dd><ul class="news">
      <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
         <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
          <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
           <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
            
       </ul></dd></dl>
<dl class="sub"><img src="images/index_35.png"  /><dt>
 <img src="images/index_44.png" width="296" height="93" /></dt>
  <dd><ul class="news">
      <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
         <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
          <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
           <li><a href="#">漂流体验区分为3个区域，森林石海区</a><span>2015-1-1</span></li>
            
       </ul></dd></dl>

<div class="fr" style="width:550px; margin-top:16px">
  <div><img src="images/index_29.png" width="122" height="49" /></div>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="2"><img src="images/index_46.png" width="187" height="312" /></td>
    <td><img src="images/index_49.png" width="166" height="145" /></td>
    <td><img src="images/index_51.png" width="166" height="145" /></td>
  </tr>
  <tr>
    <td><img src="images/index_57.png" width="166" height="154" /></td>
    <td><img src="images/index_58.png" width="166" height="154" /></td>
  </tr>
</table>

</div>


</div>
 <div class="clear"></div>
</div>
<div class="footbg">
  <div class="foot"><span class="fr"><img src="images/index_66.png"/><br />
官方微信公众号</span><img src="images/index_63.png" class="fl"/><span style="padding-top:10px; display:inline-block">
<a href="index.html">网站首页</a> |  <a href="#">景区简介</a> |  <a href="#">景区资讯</a> |  <a href="#">景点介绍</a> |  <a href="#">特色商品</a> |  <a href="#">游玩知识</a> |  <a href="#">票务系统</a> |  <a href="#">游客留言</a><br />

版权所有：徐州紫薇园   景区客服咨询电话：400-9621866、0516-83277369 &nbsp;&nbsp; 技术支持：<a href="#">慧谷科技</a><br />
观光地址：徐州吕梁悬水湖风景区紫薇园  紫薇园全体员工欢迎您的到来</span>


<div class="clear"></div>
  </div>
</div>
</body>
</html>

四、获取更多源码

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

优质内容贡献

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
静态HTML网页设计作品—紫色的旅游开发景点网站(4页) HTML+CSS+JavaScript 主题酒店景点

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

扫一扫