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课程设计网页规划与设计 计算机毕设网页设计源码
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、学习资料
- 五、完整源码
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!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> |</label>
<label><a href="">会员登录</a> <a href="">注册</a> |</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"> </div></li>
<li><div class="img bg2"> </div></li>
<li><div class="img bg3"> </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">
地址:黄山市屯溪区花山路新徽天地醉温泉国际度假城 邮编:236010<br/>
电话:0559-2536999 2568666 免费预订电话:400-0559-700<br/>
Copyright © 2003-2014 黄山 · 醉温泉 All rights reserved. 皖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模板网站
五、完整源码
【百度网盘-源码下载地址】
链接:https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
提取码:8888
六、更多源码
HTML5期末考核大作业源码
* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
可满足大学生网页大作业网页设计需求, 喜欢的可以下载!