学生网页作业旅游住宿酒店网站设计——旅游住宿酒店(14页) 出游旅游主题度假酒店计划出行网站设计

最新推荐文章于 2024-05-11 17:07:55 发布

优质内容贡献

最新推荐文章于 2024-05-11 17:07:55 发布

阅读量330

点赞数

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

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

版权

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

602 篇文章 48 订阅

订阅专栏

web大学生个人网站作业模

558 篇文章 29 订阅

订阅专栏

html网页设计作业

547 篇文章 19 订阅

订阅专栏

HTML5期末大作业：旅游住宿酒店网站设计——旅游住宿酒店(14页) 出游旅游主题度假酒店计划出行网站设计

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

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：旅游住宿酒店网站设计——旅游住宿酒店(14页) 出游旅游主题度假酒店计划出行网站设计
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<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>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style/style.css"  rel="stylesheet">
<script src="js/jquery.js" ></script>
<script src="js/jquery.superslide.2.1.1.js" ></script>
<script src="js/search.js" ></script>
<script src="js/nav.js" ></script>
<script src="js/jqselect.js" ></script>
<script src="js/jquery.validator.js" ></script>
<script src="js/zh_cn.js" ></script>
<script src="js/mobile.js" ></script>
</head>
<body>
<!--顶部开始-->


<div class="top_bg">
  <div class="top"> <a href="index.htm"  title="旅游住宿农家乐类()" class="logo"> <img src="images/logo.png"  alt="旅游住宿农家乐类()"></a>
    <div class="toptel">
      <div class="tel">服务热线：<span>+86-0000-96877</span></div>
    </div>
  </div>
</div>
<!--顶部结束--> 

<!--导航开始-->
<div class="nav_bg">
  <ul class="nav">
    <li><a title="网站首页" href="index.htm"  >网站首页</a> </li>
    <li><a title="景点介绍" href="index-1.htm" >景点介绍</a>
      <dl>
        
      </dl>
    </li><li><a title="客房展示" href="index-2.htm" >客房展示</a>
      <dl>
        
        <dd><a title="标准间" href="index-3.htm" >标准间</a></dd>
        
        <dd><a title="多人间" href="index-4.htm" >多人间</a></dd>
        
        <dd><a title="双人间" href="index-5.htm" >双人间</a></dd>
        
        <dd><a title="商务间" href="index-6.htm" >商务间</a></dd>
        
      </dl>
    </li><li><a title="景点新闻" href="index-7.htm" >景点新闻</a>
      <dl>
        
      </dl>
    </li><li><a title="路线推荐" href="index-8.htm" >
        <!--分享代码开始-->
        <div id="pgshare1">
          <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_bdhome"></a> </div>
        </div>
        <script type="text/javascript" id="bdshare_js" data="type=tools" ></script> 
        <script type="text/javascript" id="bdshell_js"></script> 
        <script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
</script> 
        <!--分享代码结束--> 
      </div>
      <div class="foot-fonts">
        <p>2002-2011 某某旅馆住宿有限公司 版权所有</p>
        <p><span>地址：这里是您的公司地址</span><span>电话：+86-0000-96877</span><span>手机：+86-0000-96877</span></p>
        <p><span>技术支持：<a href="#"  target="_blank" title="织梦58" >网络公司</a></span><span>ICP备案编号：<a href="ja
    </div>
    <div class="foot_code"><img src="images/erweima.png"   width="101" height="101" alt="微信扫一扫"/>
      <p>微信扫一扫</p>
    </div>
  </div>
</div>
<!--页尾结束--> 

<!--返回顶部开始-->
<div id="common-tool" >
  <ul>
    <li><a id="common-sweep-ico" href="javascript:void(0);"><img src="images/sweep-ico.png"  alt="二维码" title="二维码"></a>
      <div class="common-sweep-box"> <img src="images/erweima.png"  alt="这里是您的网站名称"/></div>
    </li>
    <li><a href="index-12.htm" ><img src="images/book-ico.png"  alt="在线留言" title="在线留言"></a></li>
c="images/qq-ico.png"  alt="在线QQ" title="在线QQ"></a></li>
    <li id="common-top-ico"><a class="common-top" href="javascript:void(0);"><img src="images/top-ico.png"  alt="返回顶部" title="返回顶部"></a></li>
  </ul>
</div>
<!--返回顶部结束--> 
<!--弹窗插件开始-->
<link rel="stylesheet" type="text/css" href="jquery.dialogbox.css" >
<div id="type-dialogBox"></div>
<script src="js/jquery.dialogbox.js" ></script> 
<!--弹窗插件结束-->
<script type="text/javascript"  src="su.js" ></script>
</body>
</html>

四、获取更多源码

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

五、学习资料

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

六、更多源码

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

优质内容贡献

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
学生网页作业旅游住宿酒店网站设计——旅游住宿酒店(14页) 出游旅游主题度假酒店计划出行网站设计

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

扫一扫