0
点赞
收藏
分享

微信扫一扫

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品

九月的栩 2022-02-09 阅读 103


HTML5期末大作业:旅游网站设计——紫色的私人订制国外旅游网站模板html整站(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码


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


????​​作者主页-更多源码​​

????​​HTML期末大作业文章专栏​​

作品介绍

​1.网页作品简介​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。紫色的国外旅游网站模板,定制您的人生体验旅游网站、​​登录、注册、招聘信息、推荐行程、私人定制、叁色研学、关于我们、精彩旅迹​​等页面模板html源码下载

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

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


文章目录


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


一、作品展示

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_css

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_网页设计_02

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_css_03

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_css_04

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_网页设计_05

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_css_06

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_网页设计_07

二、文件目录

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_html_08

三、代码实现

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>叁色旅行的梦想是能够为客户提供最舒适的旅行体验</title>
<meta name="keywords" content="叁色旅行,私人订制,高端订制,专属个性" />

<script language="javascript" src="My97DatePicker/WdatePicker.js" type="text/javascript"></script>
</head>
<body>
<div class="index_body">
<div class="index_top">
<div class="top_logo">
<h3>
定制您的人生体验</h3>
<a href="index.html">
<img src="webimages/index_02.png" width="117" height="121" alt="" /></a>
</div>
<div class="top_menu">
<div class="login">
<em style="display:none;">分享</em> <a href="login.html">登录</a>|<a href="register.html">注册</a> <span><a
href="job.html">招聘信息</a></span>
</div>
<ul>
<li class="fir_li" id="cur_1"><a href="index.html">首 页</a></li>
<li id="cur_2"><a href="tuijian.html">推荐行程</a></li>
<li id="cur_3"><a href="dingzhi.html">私人定制</a></li>
<li id="cur_4"><a href="yanxue.html">叁色研学</a></li>
<li id="cur_5"><a href="about.html">关于我们</a></li>
<li id="cur_6"><a href="lvji.html">精彩旅迹 </a></li>
<li class="last_li">
<img src="webimages/index_22.png" width="18" height="17" alt="" />
<em><img src="webimages/wx.jpg" alt="" /></em>
</li>
<div class="clear">
</div>
</ul>
</div>
<div class="clear">
</div>
</div>

<div class="index_banenr">
<div class="looking_line">
<div class="line_bt">
<span class="cur1">精品线路推荐<em></em></span>
<span class="cur2" style="display:none;">酒店查询<em></em></span>
<span class="cur3" style="display:none;">机票预订<em></em></span>
<span class="cur4" style="display:none;">特别选择<em></em></span>
</div>
<div class="line_con">
<div class="zml_line">
<dl class="clearfix">
<dt class="cur1"><a href="28" imgid="1">欧洲</a></dt>
<dd>
<em><a href="28" imgid="1"></a></em>


<a href="瑞士" imgid="1">瑞士</a>

<a href="东欧" imgid="1">东欧</a>

<a href="希腊" imgid="1">希腊</a>

<a href="俄罗斯" imgid="1">俄罗斯</a>

<a href="冰岛" imgid="1">冰岛</a>

<a href="荷兰" imgid="1">荷兰</a>

<a href="葡萄牙" imgid="1">葡萄牙</a>
type="button" class="fly_btn" value="搜索" /></div>
</div>
</div>
</div>
<div class="line_con">
</div>
</div>
<div class="banner_scroll">
<div class="ban">
<ul>

<li><a href="#">
<img src="webimages/banner_03.jpg" width="520" height="400" alt="" /></a></li>

<li><a href="#">
<img src="UpLoadFiles/20150421/2015042113240909.jpg" width="520" height="400" alt="" /></a></li>

<li><a href="#">
<img src="UpLoadFiles/20150421/2015042113292578.jpg" width="520" height="400" alt="" /></a></li>

</ul>
</div>
<div class="ban_btn">
<a href="javascript:;"></a><a href="javascript:;"></a><a href="javascript:;"></a>
</div>
</div>
<div class="clear">
</div>
</div>
<div class="index_grobal">
<em></em>
</div>
<div class="index_con">
<div class="tarval_bt">
<em><a href="javascript:;" class="cur">精彩旅途</a></em>
<span>特别企划 </span>
<h3>
<i>特别企划 </i></h3>
</div>
<div class="traval_con clearfix">
<div class="traval_left">
<dl class="clearfix">
<dt>
<h3>
叁色旅行</h3>
<ul>
<h4>
特别企划<span></span></h4>

<li >叁色特典</li>

</ul>
</dt>
<dd>
<ul class="clearfix">

<li><a href="#">
<img src="UpLoadFiles/20170219/2017021918232890.jpg" alt="" /></a>
<div class="li_txt">
<h3>
<em>Special Feature</em>2017首发 · 南美自然探秘
</h3>
<p>
阿根廷&秘鲁
</p>
</div>
</li>

<li><a href="#">
<img src="UpLoadFiles/20160217/2016021711130749.jpg" alt="" /></a>
<div class="li_txt">
<h3>
<em>Special Feature</em>世外桃源
</h3>
<p>
洁净清爽北欧四国
</p>
</div>
</li>

<li><a href="#">
<img src="UpLoadFiles/20160217/2016021711411268.jpg" alt="" /></a>
<div class="li_txt">
<h3>
<em>Special Feature</em>彩虹的穿越
</h3>
<p>
唯美南非
</p>
</div>
</li>

</ul>
</dd>
<dd>
<ul>


</ul>
</dd>
<dd>
<ul>

</ul>
</dd>
</dl>
</div>
<div class="traval_right">
<ul class="clearfix">

<li><a href="#">
<img src="UpLoadFiles/20150414/2015041417141610.jpg" width="245" height="210" alt="" _maximgs/></a>
<div class="tra_good">
<h3>
<em style="display:none;">500</em>【寻找中土世界】新西兰北岛之旅</h3>
<p>
《指环王》让新西兰从普通的国度化…</p>
</div>
</li>

<li><a href="#">
<img src="UpLoadFiles/20150421/2015042117283507.jpg" width="245" height="210" alt="" _maximgs/></a>
<div class="tra_good">
<h3>
<em style="display:none;">500</em>【Hola ,Espanol 燃情伊比利亚】文艺西班牙自驾</h3>
<p>
千年历史的积淀,这里有顶级的“装…</p>
</div>
</li>

<li><a href="#">
<img src="UpLoadFiles/20150413/2015041316132377.jpg" width="245" height="210" alt="" _maximgs/></a>
<div class="tra_good">
<h3>
<em style="display:none;">500</em>【原始自然与奢靡都市间的穿越】美国黄石三大国家公园自驾</h3>
<p>
2009年,一部灾难巨制《2012》火遍…</p>
</div>
</li>

<li><a href="#">
<img src="UpLoadFiles/20150413/2015041313010228.jpg" width="245" height="210" alt="" _maximgs/></a>
<div class="tra_good">
<h3>
<em style="display:none;">500</em>【分享世外桃源,体验完美生活】格陵兰岛、冰岛</h3>
<p>
千里冰封,万里雪飘,一片银装素裹…</p>
</div>
</li>


</ul>
</div>
</div>
<div class="service_con">
<div class="service_bt">
<!-- <h3>
世界大,生命短,你不去看看怎么知道这世界多广阔</h3>
<span>The world is big, life is short, don't you go and have a look how do you know
this world more broad</span> -->
</div>
<div class="service_detail">
<dl class="clearfix">
<dt>
<div class="ser_scroll">
<ul>

<li><a href="#">
<img src="UpLoadFiles/20170314/2017031411031941.jpg" width="580" height="525" alt="" /></a></li>

</ul>
</div>
<div class="ser_btn">
<!-- <a href="javascript:;"></a><a href="javascript:;"></a><a href="javascript:;"></a> -->
</div>
<div class="ser_con">
<h3>
叁色研学</h3>
<p>
全球顶尖技术</p>
</div>
</dt>
<dd>
<ul class="clearfix">

<li><a href="#">
<img src="UpLoadFiles/20170315/2017031516391056.jpg" width="295" height="260" alt="" _maximgss /></a></li>

<li><a href="#">
<img src="UpLoadFiles/20170315/2017031516405484.jpg" width="295" height="260" alt="" _maximgss /></a></li>

<li><a href="#">
<img src="UpLoadFiles/20170315/2017031516421846.jpg" width="295" height="260" alt="" _maximgss /></a></li>

<li><a href="#">
<img src="UpLoadFiles/20170315/2017031516435097.jpg" width="295" height="260" alt="" _maximgss /></a></li>

</ul>
</dd>
</dl>
</div>
</div>
</div>
</div>

<div class="index_footer">
<div class="footer_list">
<em id="fenxiang_btn">
<div class="bdsharebuttonbox"><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
</em>
<p>
<a href="#">关于我们</a><span>|</span><a href="#">精彩旅迹</a><span>|</span><a href="#">索取资料</a><span>|</span><a href="#">联系我们</a></p>
<p>
深圳办公地址:深圳市福田中心区福华五路卓越世纪中心3号楼B座818 <span>咨询电话:0755-82029695;0755-82934944</span> <span style="display:none;">商务合作咨询电话:0755-12345678</span>
<span></span></p>
<p>重庆办公地址:重庆市渝北区金开大道355号万科万悦汇2幢14-16号<span> 咨询电话:023-63424884;13618331099 </span>
</p>
<p>
电子邮件:info@sansetrip.com 出境旅游经营许可证:L-CQ-CJ00035</p>
<ul class="clearfix">
<li><a href="#"><img src="UpLoadFiles/20150923/2015092319103984.png" rel="UpLoadFiles/20150923/2015092319104482.png" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150115/2015011511592197.png" rel="webimages/link3.jpg" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150115/2015011511591008.png" rel="webimages/link4.jpg" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150115/2015011511585791.png" rel="webimages/link5.jpg" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150115/2015011511584205.png" rel="webimages/link6.jpg" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150115/2015011511583107.png" rel="webimages/link7.jpg" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150115/2015011511581715.png" rel="webimages/link8.jpg" height="60px" width="100px" /></a></li>
<li><a href="#"><img src="UpLoadFiles/20150923/2015092319240614.png" rel="UpLoadFiles/20150923/2015092319240897.png" height="60px" width="100px" /></a></li>
</ul>
</div>
<div class="footer_copy">
<p>
2013-2015©叁色旅行-高端品质旅行专家™ All rights reserved. 叁色旅行有限公司 版权所有<span><a href="#" target="_blank">技术支持:</a>
<a href="http://www.17sucai.com" target="_blank">网站模板</a></span><em>E-MAIL : info@sansetrip.com</em>
</script>
</html>

四、学习资料

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

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

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_网页设计_09

五、完整源码

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

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

提取码:8888

六、更多源码

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

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_网页设计_10

旅游网页设计制作 简单静态HTML网页作品 我的家乡网页作业成品 学生旅游网站模板 学生DW网页设计作业成品_html5_11



举报

相关推荐

0 条评论