15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+c

HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+c

时间:2023-05-19 17:57:02 | 来源:网站运营

时间:2023-05-19 17:57:02 来源:网站运营

HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例:

HTML5期末大作业:旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

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

获取更多源码

PC电脑端关注我们

作者主页-更多源码

HTML期末大作业文章专栏

作品介绍

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

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

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

@TOC

一、作品展示







二、文件目录







三、代码实现

<!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="image/ad1.jpg" width="1010" /></a> </li> <li><a href="#"> <img src="image/ad2.jpg" width="1010" /></a> </li> <li><a href="#"> <img src="image/ad3.jpg" width="1010" /></a> </li> <li><a href="#"> <img src="image/ad4.jpg" width="1010" /></a> </li> <li><a href="#"> <img src="image/ad5.jpg" width="1010" /></a> </li> <li><a href="#"> <img src="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="image/j1.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="image/j2.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="image/j3.jpg" width="164" height="168" /><span>景点展示</span></a> <a href="#"><img alt="" src="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="image/m1.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="image/m2.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="image/m3.jpg" width="164" height="168" /><span>特色美食</span></a> <a href="#"><img alt="" src="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="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>






四、获取更多源码

作者主页-更多源码

HTML期末大作业文章专栏

~ 关注我,点赞博文~ 每天带你涨知识!

相关问题可以相互学习,可关注↓公Z号 获取更多源码 !



五、学习资料

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





六、更多源码

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



关键词:作业,设计,旅行,开心,旅游

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭