HTML5期末大作业：旅游网站设计——开心旅游网(15页) HTML+CSS+JavaScript 主题度假酒店

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

作品介绍

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

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

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

文章目录

HTML5期末大作业：旅游网站设计——开心旅游网(15页) 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" style="overflow: auto; overflow-x:hidden;"><head><title>开心旅游网</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><link rel="stylesheet" type="text/css" href="css/screen.css" /><script src="js/jquery.min.js"></script><script src="js/jquery.flexslider-min.js"></script><script type="text/javascript">$(window).load(function() {$('.flexslider').flexslider();});</script><link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" /></head><body>
<div class="wrapper"><div class="top"><div class="top_link"><a href="#">设为首页</a> | <a href="#" class="link2">加入收藏</a></div></div><!--end of top--><div class="nav"><ul><li><a href="index.html">网站首页</a></li><li><a href="lvyouwh.html">南京旅游</a></li><li><a href="njms.html">南京美食</a></li><li><a href="jingdian.html">苏州旅游</a></li><li><a href="meishi.html">苏州美食</a></li><li><a href="fengjing.html">昆明旅游</a></li><li><a href="kmms.html">昆明美食</a></li></ul></div><!--end of nav--><div id="banner"><div class="flexslider"><ul class="slides"><li><a href="#" > <img src="data:image/ad1.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="data:image/ad2.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="data:image/ad3.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="data:image/ad4.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="data:image/ad5.jpg"  width="1010" /></a> </li><li><a href="#" > <img src="data:image/ad6.jpg"  width="1010" /></a> </li></ul></div></div><!--end of banner--><div class="content"><div class="sidebar"><div class="pro_box"><div class="jj_cp2"><h3>旅游景点</h3></div><ul class="pro_list"><li><a href="jingdian_1.html">金鸡湖</a></li><li><a href="jingdian_2.html">拙政园</a></li><li><a href="jingdian_3.html">周庄</a></li><li><a href="jingdian_4.html">同里古镇</a></li></ul></div><!--end of pro_box--><div class="pro_box"><div class="jj_cp2"><h3>特色美食</h3></div><ul class="pro_list"><li><a href="meishi_1.html">太湖梅鲚</a></li><li><a href="meishi_2.html">太湖白虾</a></li><li><a href="meishi_3.html">采芝斋糖果</a></li><li><a href="meishi_4.html">松鼠桂鱼</a></li></ul></div><!--end of pro_box--> </div><!--end of sidebar--><div class="main_con"><div class="chanp_box"><div class="jj_cp"><h3>旅游景点</h3></div><div class="show_box"><div class="show_panel"><ul id="show_list"><li> <a href="#"><img alt="" src="data:image/j1.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="data:image/j2.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="data:image/j3.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="data:image/j4.jpg" width="164" height="168" /><span>景点展示</span></a> </li></ul></div></div><!--end of show_box--> </div><!--end of chanp_box--><div class="chanp_box"><div class="jj_cp"><h3>特色美食</h3></div><div class="show_box"><div class="show_panel"><ul id="show_list"><li> <a href="#"><img alt="" src="data:image/m1.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="data:image/m2.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="data:image/m3.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="data:image/m5.jpg" width="164" height="168" /><span>特色美食</span></a> </li></ul></div></div><!--end of show_box--> </div><!--end of chanp_box--><div class="jj_box"><div class="jj_cp"><h3>开心旅游网南概况</h3></div><div class="jj_cloumn"> <a href="#"><img alt="" src="data:image/1.jpg" width="237" height="166"/></a><div class="jj_txt"><p>开心旅游网主要介绍南京，苏州河昆明的旅游景点和特色美食。带您领略旅游的无限开心一刻。</p><p>苏州，古称吴，简称苏，又称姑苏、平江等，中国华东地区特大城市之一，位于江苏省东南部、长江以南、太湖东岸、长江三角洲中部，是江苏省省辖市。</p><p>苏州历史悠久，是国家首批24个历史文化名城之一。苏州有文字记载的历史已逾四千年，是吴文化的发祥地和集大成者，历史上长期是江南地区的政治经济文化中心，苏州是天下四聚之一，苏州城始建于公元前514年，历史学家顾颉刚先生经过考证，认为苏州城为中国现存最古老的城市。</p><p>南京文化古迹遍布，从中可以探寻历史的源头：中山陵依山而建，结构严整，观之而生一股浩然之气；夫子庙建筑群古色古香，漫步其间，让你体味明清时代的市井繁荣；中华门气势宏伟，设计巧妙，置身城内，壁垒森然，耳边似有战马嘶鸣；此外还有灵谷寺、石象路、三国东吴所筑石头城遗址、明代朱元璋的陵墓（明孝陵）以及革命纪念地雨花台等，引人遐思无限。</p><p>昆明，别称"春城"，是云南省会，云南省唯一的特大城市和西南地区第三大城市（仅次于成都、重庆），是云南省政治、经济、文化、科技、交通中心，西部地区重要的中心城市和旅游、商贸城市，亦是中国面向东南亚、南亚、东盟开放的重要枢纽城市。</p></div><!--end of jj_txt--> </div><!--end of jj_cloumn--> </div><!--end of jj_box--> </div><!--end of mian_con--> </div><!--end of content--> </div>
<!--end of wrapper-->
<div class="foot"><div class="copyright"><p>版权所有&copy;开心旅游网</p><p><a href="http://mail.qq.com/">联系我们</a><a href="http://www.baidu.com/" target="_blank"> 友情链接</a></p></div><!--end of copyright--> </div>
<!--end of foot-->
</body>
</html>

四、获取更多源码

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

五、学习资料

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

六、更多源码

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

静态HTML网页设计作品：旅游网站设计——开心旅游网(15页) HTML+CSS+JavaScript 主题度假酒店相关推荐

HTML5期末大作业：旅游网站设计——开心旅游网(15页) HTML+CSS+JavaScript 主题度假酒店
HTML5期末大作业:旅游网站设计--开心旅游网(15页) HTML+CSS+JavaScript 主题度假酒店常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. ...
html期末作业代码网页设计城市旅游网站设计——城市旅游-北京(5页) HTML+CSS+JavaScript 主题度假酒店计划出行北京
HTML5期末大作业:城市旅游网站设计--城市旅游-北京(5页) HTML+CSS+JavaScript 主题度假酒店计划出行北京常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电 ...
HTML5期末大作业：城市旅游网站设计——城市旅游-北京(5页) HTML+CSS+JavaScript 主题度假酒店计划出行北京
HTML5期末大作业:城市旅游网站设计--城市旅游-北京(5页) HTML+CSS+JavaScript 主题度假酒店计划出行北京常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电 ...
静态HTML网页设计作品—蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行
HTML5期末大作业:主题旅游网站设计--蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. ...
HTML+CSS静态页面网页设计作业——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:洪江市旅游网站设计--洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司. ...
HTML5期末大作业：旅游出行网站设计——旅游网设计(15页) HTML+CSS+JavaScript 学生DW网页设计作业成品学生旅游网站模板
HTML5期末大作业:旅游出行网站设计--旅游网设计(15页) HTML+CSS+JavaScript 学生DW网页设计作业成品学生旅游网站模板常见网页设计作业题材有个人. 美食. 公司. 学校 ...
学生HTML个人网页作业作品下载网站设计——大圣娶亲电影(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设
HTML5期末大作业:学生HTML个人网页作业作品下载网站设计--大圣娶亲电影(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品作品介绍 1.网页作品简介 :HTML期末大学 ...
iv+css大作业：主题旅游网站设计——蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行
div+css作业:主题旅游网站设计--蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. ...
HTML5期末大作业：主题旅游网站设计——蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行
HTML5期末大作业:主题旅游网站设计--蓝色主题旅游网页设计(6页) HTML+CSS+JavaScript 主题出行常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. ...
web课程设计网页规划与设计：摄影/拍摄/相片网站设计——摄影网(12页)HTML+CSS+JavaScript div+css网页html成品学生作业
HTML5期末大作业:摄影/拍摄/相片网站设计--摄影网(12页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作 ...

静态HTML网页设计作品：旅游网站设计——开心旅游网(15页) HTML+CSS+JavaScript 主题度假酒店