0
点赞
收藏
分享

微信扫一扫

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript


HTML5期末大作业:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码


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


作品介绍

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

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

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


文章目录


  • ​​HTML5期末大作业:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码​​
  • ​​作品介绍​​
  • ​​一、作品展示​​
  • ​​二、文件目录​​
  • ​​三、代码实现​​
  • ​​四、学习资料​​
  • ​​五、完整源码​​
  • ​​六、更多源码​​


一、作品展示

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_ide

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_javascript_02

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_网页设计_03

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_javascript_04

二、文件目录

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_css_05

三、代码实现

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=0.95, user-scalable=no" />
<title>黄山醉温泉</title>
<link href="css/base.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<!--[if IE 6]><script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">
window.onload = function(){
DD_belatedPNG.fix("img, div, a");
}
</script>
<![endif]-->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>
<!--HEADER-->
<div class="header">
<div class="mar1000 clearfix">
<div class="logo"></div>
<div class="header_right">
<div class="homeinfo">
<label><span>免费预订电话:<strong>400-0559-700</strong></span>&nbsp;&nbsp;&nbsp;&nbsp;|</label>
<label><a href="">会员登录</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;|</label>
<label><a href="">设为首页</a></label>
</div>
<div class="nav">
<a href="" class="hover">首 页</a>
<a href="">温泉预定</a>
<a href="">酒店预定</a>
<a href="">醉悦旅居</a>
<a href="">养生餐饮</a>
<a href="">会议中心</a>
<a href="">促销活动</a>
<a href="">企业文化</a>
</div>
</div>
</div>
</div>
<!--HEADER-->


<!--BIG PIC-->
<div class="banner">
<div class="slider">
<div class="flexslider">
<ul class="slides">
<li><div class="img bg1">&nbsp;</div></li>
<li><div class="img bg2">&nbsp;</div></li>
<li><div class="img bg3">&nbsp;</div></li>
</ul>
</div>
</div>
<div class="clears"></div>
<script defer src="js/slider.js"></script>
<script type="text/javascript">
$(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</div>
<!--BIG PIC-->


<!--CONTENT-->
<div class="content">
<div class="mar1000 clearfix">




<!--优惠信息-->
<div class="discount">
<div class="d_title title01"><a href="">更多优惠</a></div>
<div class="discount-list clearfix">
<ul>
<li class="nor">
<div class="discount-itembg h300"></div>
<div class="discount-item">
<a href=""><img src="images/4.jpg" alt=""/></a>
<h3><a href="">SPA会所圣诞价验五折</a></h3>
<p>为尊贵宾客打造的私人温泉会所。娱乐设施完备,KTV包房。专用电梯、独立的男女更衣室、沐浴间、桑拿房</p>
</div>
</li>
<li>
<div class="discount-itembg h300"></div>
<div class="discount-item">
<a href=""><img src="images/1.jpg" alt=""/></a>
<h3><a href="">SPA会所圣诞价验五折</a></h3>
<p>为尊贵宾客打造的私人温泉会所。娱乐设施完备,KTV包房。专用电梯、独立的男女更衣室、沐浴间、桑拿房</p>
</div>
</li>
<li>
<div class="discount-itembg h300"></div>
<div class="discount-item">
<a href=""><img src="images/2.jpg" alt=""/></a>
<h3><a href="">SPA会所圣诞价验五折</a></h3>
<p>为尊贵宾客打造的私人温泉会所。娱乐设施完备,KTV包房。专用电梯、独立的男女更衣室、沐浴间、桑拿房</p>
</div>
</li>
<li>
<div class="discount-itembg h300"></div>
<div class="discount-item">
<a href=""><img src="images/3.jpg" alt=""/></a>
<h3><a href="">SPA会所圣诞价验五折</a></h3>
<p>为尊贵宾客打造的私人温泉会所。娱乐设施完备,KTV包房。专用电梯、独立的男女更衣室、沐浴间、桑拿房</p>
</div>
</li>
</ul>
</div>
<div class="clears"></div>
</div>


<!--视频及新闻-->
<div class="v-news clearfix">

<div class="news right">
<div class="d_title title03"><a href="">更多</a></div>
<div class="news-lay">
<div class="newsbg"></div>

<div class="news-item">
<img src="images/v2.jpg" />
<div class="hot_news">
<h2><a href="">醉温泉全国旅游景区评定国家4A景区</a></h2>
<p>醉温泉2010年被全国旅游景区质量等级评定委员会列入国家4A景区,占地面积约650亩,总投资额约为10亿。其构成包括:醉温泉一期(华东地区最具特色...<a href="">[点击详细]</a></p>
</div>
<ul>
<li><span>12/10/14</span><a href="">聚金榜题名之状元、食府之美味 题名之状元、食府之美味</a></li>
<li><span>12/10/14</span><a href="">大酒店三八节营销活动方案 题名之状元、食府之美味</a></li>
<li><span>12/10/14</span><a href="">聚金榜题名之状元、食府之美味 题名之状元、食府之美味</a></li>
<li><span>12/10/14</span><a href="">大酒店三八节营销活动方案 题名之状元、食府之美味</a></li>
<li><span>12/10/14</span><a href="">聚金榜题名之状元、食府之美味 题名之状元、食府之美味</a></li>
</ul>
</div>
</div>
</div>

<div class="video left">
<div class="d_title title02"></div>
<div class="video-lay">
<div class="videobg"></div>
<div class="video-item">
<img src="images/v1.jpg" alt=""/>
</div>
</div>
</div>
</div>
<div class="clears"></div>


<div class="H50"></div>




<!--介绍1-->
<div class="phone clearfix">
<!--醉左-->
<div class="pic_title01 pict01"></div>
<div class="phones">
<div class="pic01"></div>
<div class="smbg"></div>
<div class="picfont">
<a href=""></a>
<p>酒店餐厅设在大堂二层,能同时容纳400人,自助餐可同时容纳520人。设有豪华宴会厅,可提供中西自助餐、西餐、东南亚风味饮食及地方风味菜肴等,是宾客举行高档宴请及商务会客的理想场所,一层的樽月廊环境优雅,其轻松惬意的氛围,时尚精致的鸡尾酒与西式小点,是中、西风格结合的典范。</p>
</div>
</div>
</div>



<!--介绍2-->
<div class="phone clearfix">
<!--醉左-->
<div class="pic_title02 pict02"></div>
<div class="phones">
<div class="pic02"></div>
<div class="smbg"></div>
<div class="picfont">
<a href=""></a>
<p>酒店餐厅设在大堂二层,能同时容纳400人,自助餐可同时容纳520人。设有豪华宴会厅,可提供中西自助餐、西餐、东南亚风味饮食及地方风味菜肴等,是宾客举行高档宴请及商务会客的理想场所,一层的樽月廊环境优雅,其轻松惬意的氛围,时尚精致的鸡尾酒与西式小点,是中、西风格结合的典范。</p>
</div>
</div>
</div>



<!--介绍3-->
<div class="phone clearfix">
<!--醉左-->
<div class="pic_title01 pict03"></div>
<div class="phones">
<div class="pic03"></div>
<div class="smbg"></div>
<div class="picfont">
<a href=""></a>
<p>酒店餐厅设在大堂二层,能同时容纳400人,自助餐可同时容纳520人。设有豪华宴会厅,可提供中西自助餐、西餐、东南亚风味饮食及地方风味菜肴等,是宾客举行高档宴请及商务会客的理想场所,一层的樽月廊环境优雅,其轻松惬意的氛围,时尚精致的鸡尾酒与西式小点,是中、西风格结合的典范。</p>
</div>
</div>
</div>



<!--介绍4-->
<div class="phone clearfix">
<!--醉左-->
<div class="pic_title02 pict04"></div>
<div class="phones">
<div class="pic04"></div>
<div class="smbg"></div>
<div class="picfont">
<a href=""></a>
<p>酒店餐厅设在大堂二层,能同时容纳400人,自助餐可同时容纳520人。设有豪华宴会厅,可提供中西自助餐、西餐、东南亚风味饮食及地方风味菜肴等,是宾客举行高档宴请及商务会客的理想场所,一层的樽月廊环境优雅,其轻松惬意的氛围,时尚精致的鸡尾酒与西式小点,是中、西风格结合的典范。</p>
</div>
</div>
</div>



</div>


</div>
<!--CONTENT-->


<!--FOOTER-->
<div class="bottom">
<a href="">网站首页</a>|
<a href="">温泉预定</a>|
<a href="">酒店预定</a>|
<a href="">醉悦旅居</a>|
<a href="">养生餐饮</a>|
<a href="">会议中心</a>|
<a href="">促销活动</a>|
<a href="">企业文化</a>
</div>
<div class="footer">
地址:黄山市屯溪区花山路新徽天地醉温泉国际度假城&nbsp;&nbsp;&nbsp;&nbsp;邮编:236010<br/>
电话:0559-2536999&nbsp;&nbsp;2568666&nbsp;&nbsp;&nbsp;&nbsp;免费预订电话:400-0559-700<br/>
Copyright &copy; 2003-2014 黄山 &middot; 醉温泉&nbsp;&nbsp;All rights reserved.&nbsp;&nbsp;皖ICP备11009137号
</div>
<!--FOOTER-->



<!--侧边栏-->
<div id="slide_bar">
<div class="evm"></div>
<div class="otherico">
<a href="" class="icon01"></a>
<a href="" class="icon02"></a>
<a href="" class="icon03"></a>
<a href="" class="icon04"></a>
<a href="" class="icon05"></a>
<a href="" class="icon06"></a>
</div>
</div>
<script type="text/javascript">
pos();
</script>

</body>
</html>

四、学习资料

​web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)​

适合入门到高级的童鞋们入手~​​送1000套HTML+CSS+JavaScript模板网站​

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_前端_06

五、完整源码

​【百度网盘-源码下载地址】​

链接:https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw

提取码:8888

六、更多源码

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

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_ide_07

web前端设计与开发作品:旅游酒店网站设计——中国风的温泉酒店预订网站全套html模板(13页) HTML+CSS+JavaScript_前端_08



举报

相关推荐

0 条评论