HTML5期末大作业：旅游网站设计——联途旅游网(39页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
????作者主页-更多源码
????HTML期末大作业文章专栏
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。大气的联途旅游网前端框架HTML模板，旅游攻略资讯网、旅游服务平台网站模板下载。总共39个页面。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业：旅游网站设计——联途旅游网(39页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、学习资料
- 五、完整源码
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>首页</title>
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="keywords" content="联途,联途旅游" />
<meta name="description" content="联途旅游是一家提供专业导游、伴游、同游的服务平台，方便您找到志同道合的朋友一起旅行，一起快乐旅游，结伴旅游，同行之路，有你才有意义。" />
<meta http-equiv="Cache-Control" content="no-transform" />
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="canonical" href="index.html" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="mod-head">
<div class="box">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="联途" /></a>
</div>
<div class="login pl-login-info" id="pl-login-info"></div>
</div>
</div>
<div class="mod-mhead">
<div class="box">
<a class="icon-menu" href="javascript:;" rel="nofollow">菜单</a>
<a class="logo" href="index.html"><img src="images/logo.png" alt="联途" /></a>
</div>
<div class="sidebar">
<div class="mask"></div>
<div class="panel pl-login-info"></div>
</div>
</div>
</div>
<div class="container">
<div class="full-column">
<div class="mod-bg">
<img class="fixed" src="images/bg.jpg" />
<img class="static" src="images/bg.jpg" />
</div>
<div class="mod-search">
<div class="core">
<h1><a href="/banyou/" target="_blank">伴游</a> · <a href="/daoyou/" target="_blank">导游</a> · <a href="/tongyou/" target="_blank">同游</a></h1>
<p>同行之路，有你才有意义</p>
</div>
<div class="mcore">
<p>来这里，<br />换一种旅游方式</p>
</div>
you/xianggang/" target="_blank"> <img src="images/201511021402117369.jpeg" alt="香港" width="100%" /> </a>
</div>
<div class="text">
<div class="cover"></div>
<p> <span class="title">香港</span> <span class="english">Xianggang</span> <span class="subtitle">华洋交错 东方明珠</span> </p>
</div> </li>
</ul>
</div>
</div>
<div class="module mod-person">
<div class="hd">
<span class="title">精选导游</span>
<span class="subtitle">Selected Guide</span>
</div>
<div class="bd">
<ul class="list">
<li>
<div class="item">
<div class="pic">
<a href="/daoyou/65548.html" target="_blank"><img src="images/65548.jpg" alt="陈艳" /></a>
</div>
<div class="text">
<div class="bg"></div>
<div class="name">
<a href="/daoyou/65548.html" target="_blank"> 陈艳 </a>
</div>
<p>厦门小雨车队六十多台车均是一年以内的新车！驾驶员向导驾龄均在五年以上，路线熟悉！所有一日游自由行路线都是一对一专车专员，选择我们犹如亲人陪伴左右！我们为您提供帆船游玩、向导伴游、带车司机向导、厦门一日游用车、鼓浪屿一日游用车、集美大嶝岛一日游用车、土楼云水谣一日游等用车服务！纯粹的自由行，不进任何购物点也与定点消费！司机兼向导带您深度厦门游</p>
</div>
</div> </li>
<li>
<div class="item">
<div class="pic">
<a href="/daoyou/1.html" target="_blank"><img src="images/1.png" alt="你是白痴吗" /></a>
</div>
<div class="text">
<div class="bg"></div>
<div class="name">
<a href="/daoyou/1.html" target="_blank"> 你是白痴吗 </a>
</div>
<p>清迈momo 1968微酒店副老板。目前长居清迈，接清迈旅拍／旅行mv制作。全球旅拍人，可全球旅拍预约。... 清迈属于泰北城市，特色好吃的泰北菜餐厅，只有清迈最多。像宛若梦境的风车餐厅，环境优雅的艺术品餐厅，更有在山间遥望美景的纯天然有机餐厅。 清迈周边的天然美景更让人陶醉。像是距城区仅一个小时车程的湖区，就像一副大师笔下的画作。再往远走，是一个叫做清道的小镇，它原始古朴，到处是望不尽的原野以及连绵不绝的公路，想来一场真真切切的公路旅行，清道比美国更适合。清道是一个没有开发的小镇，它保留的纯朴民风以及自然风光得到无数外国人的青睐，那里的交通不够发达，很多人会选择包车过去，经常有客人会包我和我先生的复古甲壳虫坐骑游玩清道，他们说，那是人生里最好的体验之一了。 我和我先生总会在闲暇时开着我们那辆是如珍宝的复古甲壳虫去清迈周边旅行，热爱拍照的我，也拍了很多人物和风景的照片，也有不少客人找到我，希望我能用相机记录他们在清迈旅行的点点滴滴。我和我先生在闲暇时间里走走拍拍，这几年间，我们发现了很多游人少却十分有趣的旅行目的地。我们时而住酒店，时而在可以望见星星的野外搭帐篷，时而睡在我们的车里。每每我们走到陌生的环境中，都被泰国本地人民的热情所感动，被不一样的风景所吸引，我们希望能渐渐让更多的人知道那些绝好却隐秘的旅行之地，于是我开始把我的所见所闻写下来，让更多的人看见，把我们自己的复古甲壳虫也拿出来供给客人包车游玩。不断的旅行，不断的分享，不停的把我们在清迈的家－清迈MoMo1968微酒店做的越来越好，就是我和我先生最大的人生追求。</p>
</div>
</div> </li>
<li>
<div class="item">
<div class="pic">
<a href="/daoyou/3.html" target="_blank"><img src="images/3.jpg" alt="楠楠" /></a>
</div>
<div class="text">
<div class="bg"></div>
<div class="name">
<a href="/daoyou/3.html" target="_blank"> 楠楠 </a>
</div>
<p>萨瓦迪卡！欢迎大家来微笑之国：泰国！我是楠楠，冯勍[qíng]楠。我是道地的桂林女孩，四年前来到普吉岛，不小心成为了泰国媳妇儿，便在这里落地生根成为岛民，喜欢摄影，出海浮潜，寻找美食，享受spa。慢慢地，内心就在酝酿着：独乐了不如众乐乐，为什么不做个旅行代理呢，把自己美好的体验传播给更多人。现在跟先生经营一家旅游代理中心，楠楠就是大家的普吉岛旅行规划师，定制您的专属行程。</p>
</div>
</div> </li>
</ul>
</div>
</div>
<div class="module mod-travel">
<div class="hd">
<span class="title">最新同游</span>
<span class="subtitle">Newest Travel Peer</span>
</div>
<div class="bd">
<ul>
<li class="J_blocklink">
<div class="pic">
<a href="http://www.liantu.cn/tongyou/4.html" target="_blank"><img src="images/201507211603061831.png" alt="杭州到上海旅游 08月20日 3日游 求结伴同游" /></a>
</div>
<div class="text">
<div class="avatar">
<img src="images/1.png" alt="你是白痴吗" />
<span>你是白痴吗</span>
</div>
<p>杭州到上海旅游 08月20日 3日游 求结伴同游</p>
</div> </li>
<li class="J_blocklink">
<div class="pic">
<a href="http://www.liantu.cn/tongyou/3.html" target="_blank"><img src="images/201507211603182952.png" alt="绍兴出发 8月13日 拉萨 7日游 求结伴" /></a>
</div>
<div class="text">
<div class="avatar">
<img src="images/1.png" alt="你是白痴吗" />
<span>你是白痴吗</span>
</div>
<p>绍兴出发 8月13日 拉萨 7日游 求结伴</p>
</div> </li>
<li class="J_blocklink">
<div class="pic">
<a href="http://www.liantu.cn/tongyou/1.html" target="_blank"><img src="images/201507211603301856.png" alt="厦门到丽江旅游 10月01日 5日游 求结伴同游" /></a>
</div>
<div class="text">
<div class="avatar">
<img src="images/1.png" alt="你是白痴吗" />
<span>你是白痴吗</span>
</div>
<p>厦门到丽江旅游 10月01日 5日游 求结伴同游</p>
</div> </li>
</ul>
</div>
</div>
<div class="mod-raiders mod-hot">
<div class="hd">
<span class="tit">热门<a href="gonglue.html" target="_blank">旅游攻略</a></span>
<span>/</span>
<a href="gonglue.html" class="hmore" target="_blank" title="旅游攻略">更多</a>
</div>
<div class="bd">
<div class="raiders">
<ul>
<li> <p><a href="/gonglue/zhusu/" class="tag" target="_blank">[住宿攻略]</a> <a href="/gonglue/3255.htm" target="_blank">五大道住宿推荐 去天津五大道旅游住哪里好</a> </p> <span>目的地：天津,和平区,五大道</span> </li>
<li> <a href="/jingdian/1910.htm" target="_blank">扬州宋夹城</a> <span class="address">扬州市邗江区长春路48号（近瘦西湖天沐温泉度假村）</span> </li>
<li> <a href="/jingdian/1909.htm" target="_blank">大阳山国家森林公园</a> <span class="address">苏州市高新区浒关经济开发区山神湾路</span> </li>
<li> <a href="/jingdian/1908.htm" target="_blank">宿迁三台山森林公园</a> <span class="address">江苏省宿迁市宿豫区249省道</span> </li>
<li> <a href="/jingdian/1907.htm" target="_blank">东台西溪景区</a> <span class="address">盐城市东台市惠阳路</span> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="mod-back">
<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
<a href="javascript:" class="code" id="code"></a>
<a href="index.html" class="customer"></a>
<a href="#" class="goback"></a>
</div>
<div class="mod-foot">
<div class="info">
<div class="contact">
<p class="logo"> <a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
<p class="tell">4006 666863</p>
<p>24小时服务热线</p>
</div>
<dl>
<dt>
公司信息
</dt>
<dd>
<a href="about.html" target="_blank" rel="nofollow">关于我们</a>
</dd>
<dd>
<a href="copyright.html" target="_blank" rel="nofollow">免责声明</a>
</dd>
<div class="hide">
</div>
</body>
</html>
四、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
五、完整源码
【百度网盘-源码下载地址】
链接：https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
提取码：8888
六、更多源码
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
