【课设大作业】基于HTML的旅游网站设计(含源码)

 

随着人们物质文化生活水平的不断提高旅游消费心态的日益成熟在经历了多年“黄金周”的培育之后我国旅游业已经出现了由较低层次的“观光旅游”向更为高级的消费模式一以情景化、体验化为特征融高品味吃、住、行、游、购、娱活动为一体的“体验旅游”逐步过渡的趋势。美国两位闻名学者约瑟夫?派恩和詹姆斯?吉尔姆在《体验经济》中认为以后世界经济已经步入“体验经济”时代。所谓“体验”是以服务为舞台以商品为道具围绕消费者创造出值得消费者回忆的活动。“体验旅游”是在体验经济规模不断膨胀的大背景下产生的一种崭新旅游产品其最大的特征是注意旅游者的体验效能本质是“以人为本”终极目标是快乐感、亲切感、自我价值。因此“体验旅游”特殊强调游客自身的积极参与和自身体验使游客真正感受到旅游中的乐趣。

旅游从本质上讲就是人们离开常住地到异地去寻求某种体验的一种活动。 “体验旅游”将“体验”的概念单独提炼出来意在突出“体验”的强烈性。从旅游业的发展表明近年来随着人们旅游观念的提高越来越多的人认为现代旅游更多的是一种旅游心情的分享一种生活方式的体验种自我价值的实现。体验旅游已成为现代旅游最具开发潜力的部分它强调游客对旅游地文化的、生活的、历史的体验强调参与性与融入性。体验旅游将是体验经济时代旅游消费的必然需求。

体验旅游与观光旅游是在体验经济和服务经济两种不同的经济形态下的产物二者在产品形态、消费心理、旅游经营者和旅游者之间的关系等诸多方面都有着不同。体验旅游用个性化旅游产品代替原来的标准化旅游产品。面对同样的景区景点或娱乐设施不同的游客亦可能有完全不同的体验;即使为了同样的一种体验(犹如样的道教旅游的体验)不同的游客也会选择不同的实现方式、地点等。因此体验旅游时代旅游者将不再满意被动接受设计好的、标准化的旅游产品而是希望能亲自参与设计自己的旅游线路和旅游经销商共同完成其所需旅游产品的生产。个性化特征由此凸现。

一、建站前的市场分析

随着经济的发展和人们生活的富裕,旅游业也飞速发展。据有关统计,1999年,我国全年共接待海外游客7270万,国内出游人数达7.19亿人次,旅游业总收入逾4000亿元人民币。据世界旅游组织预测,中国将成为21世纪全球最大的旅游市 场。进入2000年,随着国家扩大内需政策的进一步推动, 以“五一 ”为龙头的假日旅游经济更是异常火爆,拉动了中国旅游市场的整体繁荣。

根据以上的分析,我们可以看出,旅游行业网站建设的市场前景是非常大的。在旅游网站建设时我们需要分析以下几点,并将其列入网站建设方案的内容中。

(一)旅游网站建设市场分析

旅游行业电子商务也成为旅游业乃至互联网行业的热点之一,它的盈利前景更是为业界所看好。中国目前与旅游相关的网站大大小小已有650多家,并且成就了少数颇具知名度和影响力的品牌网站。

(二)旅游网站建设特点分析

中国相关旅游服务网站650多家,大致可以分为两类:

1、综合门户网站的旅游频道,旅游只是整个网站的补充,在旅游信息的权威性、全面性和实用性方面没有优势,所以不是旅游电子商务的主流;

2、旅游专业网站,包括一些景区、酒店网站,更高层次旅游网站则依托大旅行商,并开展信息交流、网上预定。

相比较而言,后一类旅行网站更是今后发展的主流。

三、旅游行业网站建设解决方案

旅游可以借助互联网,解决传统旅游业不能解决的适应游客行、吃、住、游、玩一体化的需求;同时还旅游也作为-一个整体的商业生态链,涉及到旅行服务机构、酒店、景区、交通等等,利用互联网可以将这些环节连成一个统一的整体,进而可以大大提高服务的水平和业务的来源。

而传统旅游业已经越来越感到来自互联网的“双刃剑”的考验,一方面,互联网为传统旅游业提供新的机遇及提高服务水平和运作水平的手段,另一方面,大多数没有开展网上业务的中小旅行社则面临严峻的挑战。企赢001分析中国目前有3000多家旅行社,其中90%是中小型企业,如果不能尽快利用互联网来降低成本、扩大业务和发展协作,对于本来就有限的客流量和收入而言,无疑于雪上加霜。

因此,旅游网站建设解决方案提供商必须有足够的能力和经验帮助广大中小型的旅行社走上电子商务的道路,同时,其提供的网站建设方案还必须能够同时满足复杂的B2B和B2C需求,并在稳定性、可用性、可管理性等方面具有优势。而对于中小企业业务一直占有很大比重的新动力营销网络来说,它的解决方案也是切实体现这种需求,并且对于规模更大的网站也有相应的备选方案。

二、建站目的及功能定位

1、目的

在互联网上企业建属于自己的公司网站,建设一个具有独特风格的网站,让网站的目标用户可以更方便的对企业进行了解,更快速的获得企业的最新产品信息和服务。有利于建立起用户与企业的粘性,形成网站的忠实用户群。因为互联网的传播速度是非常快的,甚至可以将信息以秒的速度传送到世界各地。企业建网站之后,企业就可以在网站上发布最新的信息,用户也可以能过互联网搜索到企业的相关信息,对企业的的最新信进行快速的了解。网站的营销推广,将成为企业营销的重要组成部分,甚至会影响着企业整个营销方案的制定。企业做网站并将网站上线后,可以将企业的销售搬到互联网上,让更多的人了解企业并达成合作,将企业的销售范围不断扩大。互联网是没有国界的,企在互联网上发布后,就人让全国甚至全世界的人看到企业的信息,而企业只需要做好网站推广和维护,就可以获得非常多的客户。互联网的营销模式降低了企业在广告营销方面的投入成本,随着网站流量的不断增加企的经验效益也会不断提高。网站的个性化设计是针对网站风格设计提出的,好的网站风格设计可以快速的抓信用户的眼球,并成功留住用户。注:不管是一般企业还是知名企业,树立自己的企业形角,宣传企业文化,形成品牌效应都是非常有必要的,一个企业品牌实力的提升对于企业来说都是非常重要的企业建设网站后为企业提供了一个与用户建立沟通的渠道,可以随时了解客户的问题和需求,并根据客户的需求对自己的产品和服务进行调整,让其更能满足用户的需求。

2、主要功能

简单的介绍了旅游大咖秀,远方,旅游攻略,出行装备,论坛等。

3、网站的功能结构

                                                                                                                                                                                                  三、网站技术解决方案

建立复杂的网页设计和版面,无需忙于编写代码。自适应网格版面能够及时响应,以协助您设计能在台式机和各种设备不同大小屏幕中显示的项目。

借助 jQuery 代码提示加入高级交互性功能。jQuery 可轻松为网页添加互动内容。借助针对手机的启动模板快速开始设计。

借助 Adobe PhoneGap 为 Android™ 和 iOS 构建并封装本机应用程序。在 Dreamweaver 中,借助 PhoneGap框架,将现有的 HTML 转换为手机应用程序。利用提供的模拟器测试版面。

使用支持显示 HTML5 内容的 WebKit 转换引擎,在发布之前检查您的网页。协助您确保版面的跨浏览器兼容性和版面显示的一致性。

借助“多屏幕预览”面板,为智能手机、平板电脑和台式机进行设计。使用媒体查询支持,为各种不同设备设计样式并将呈现内容可视化编辑

四、网站内容规划

1.利用网络设计来设计一个个人网页

2.个人网页设计利用Adobe Dreamweaver CS5功能来编写网页设计

3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。注意:网站内容是网站吸引浏览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查,并在网站发布后调查人们对网站内容的满意度,以及时调整网站内容

五、网页设计

1、 网页设计美术设计要求,网页美术设计一般要与企业整体形象一致,要符合CI规范。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。

2、新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划,如半年到一年时间进行较大规模改版等

4、主要页面的设置情况

页面文件

说明

index.html

网站主页,体现网站主题与风格。

lydkx.html

介绍了个人的信息简介

yf.html

对旅游的详细介绍

Lygl.html

对旅游攻略的详细的介绍

cxzb.html

对旅游的出行装备的详细介绍

5、本网站代码

本网站首页代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>许志朋的个人网页</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

body,td,th {

font-size: 18px;

color: #fff;

}

.t1 {

font-size: 70px;

letter-spacing:15px;

color:#fff;

}

a:link {

color: #ffffff;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #ffffff;

}

a:hover {

text-decoration: none;

color: #ffffff;

}

a:active {

text-decoration: none;

color: #ffffff;

}

</style>

</head>

<body style="background: url(images/bg.jpg);background-size: cover;">

<table width="608" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#ac7828">

<tr>

<td width="200" height="70" align="center" bgcolor="#bf914a"><strong><a href="index.html">首页</a></strong></td>

<td width="200" align="center" bgcolor="#bf914a"><strong><a href="photo.html">生活照片</a></strong></td>

<td width="200" align="center" bgcolor="#bf914a"><strong><a href="form.html">给我留言</a></strong></td>

</tr>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td height="263" colspan="3" align="center" class="t1">欢迎来到我的个人网页</td>

</tr>

<tr>

<td width="281" align="center"><img src="images/touxiang.png" width="217" height="217"></td>

<td width="37" align="center"> </td>

<td width="682" align="left"><p>姓名:许志朋</p>

<p>性别:男</p>

<p>出生日期:2001/10/23</p>

<p>户口:河北</p>

<p>当前年薪 暂无</p>

<p>工作年限:初出茅庐  </p>

<p>地址:河北省承德市  </p>

<p>邮编:067500  </p>

<p>电子邮件:1225841091@qq.com  </p>

<p>移动电话:18631401721  </p>

<p>个人情况 健康 </p></td>

</tr>

<tr>

<td height="60" colspan="3" align="center"><hr color="#785218"></td>

</tr>

<tr>

<td colspan="3" align="center">© 许志朋的个人网页 2022</td>

</tr>

</table>

</body>

</html>

<!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>

<style type="text/css">

body,td,th {

font-size: 18px;

color: #555555;

}

.t1 {

font-size: 70px;

letter-spacing:15px;

color:#785218;

}

a:link {

color: #ffffff;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #ffffff;

}

a:hover {

text-decoration: none;

color: #ffffff;

}

a:active {

text-decoration: none;

color: #ffffff;

}

</style>

</head>



<body background="images/bg-0057.jpg">

<table width="608" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#ac7828">

<tr>

<td width="200" height="70" align="center" bgcolor="#bf914a"><strong><a href="index.html">首页</a></strong></td>

<td width="200" align="center" bgcolor="#bf914a"><strong><a href="photo.html">生活照片</a></strong></td>

<td width="200" align="center" bgcolor="#bf914a"><strong><a href="form.html">给我留言</a></strong></td>

</tr>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" >

<tr>

<td height="40"></td>

</tr>

<tr>

<td>当前所在的位置:首页 >> 我的照片</td>

</tr>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" >

<tr>

<td height="400" align="center"><p><img src="images/pt01.jpg" width="477" height="318" /></p>

<p>旅游风景照片</p></td>

<td height="400" align="center"><p><img src="images/pt02.jpg" width="477" height="318" /></p>

<p>旅游风景照片</p></td>

</tr>

<tr>

<td height="400" align="center"><p><img src="images/pt03.jpg" width="477" height="318" /></p>

<p>旅游风景照片</p></td>

<td height="400" align="center"><p><img src="images/pt04.jpg" width="477" height="318" /></p>

<p>旅游风景照片</p></td>

</tr>

<tr>

<td height="400" align="center"><p><img src="images/pt05.jpg" width="477" height="318" /></p>

<p>旅游风景照片</p></td>

<td height="400" align="center"><p><img src="images/pt06.jpg" width="477" height="318" /></p>

<p>旅游风景照片</p></td>

</tr>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td><hr color="#785218"></td>

</tr>

<tr>

<td align="center">© 许志朋的个人网页 2022</td>

</tr>

</table>

</body>

</html>

<!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>

<style type="text/css">

body,td,th {

font-size: 18px;

color: #555555;

}

.t1 {

font-size: 70px;

letter-spacing:15px;

color:#785218;

}

a:link {

color: #ffffff;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #ffffff;

}

a:hover {

text-decoration: none;

color: #ffffff;

}

a:active {

text-decoration: none;

color: #ffffff;

}

</style>

</head>



<body background="images/bg-0057.jpg">

<table width="608" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#ac7828">

<tr>

<td width="200" height="70" align="center" bgcolor="#bf914a"><strong><a href="index.html">首页</a></strong></td>

<td width="200" align="center" bgcolor="#bf914a"><strong><a href="photo.html">生活照片</a></strong></td>

<td width="200" align="center" bgcolor="#bf914a"><strong><a href="form.html">给我留言</a></strong></td>

</tr>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" >

<tr>

<td height="40"></td>

</tr>

<tr>

<td>当前所在的位置:首页 >> 在线留言</td>

</tr>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" >

<form id="form1" name="form1" method="post" action="">

<tr>

<td height="40" colspan="2"></td>

</tr>

<tr>

<td colspan="2"><p><strong> 如果你喜欢我,给我留言交朋友吧!</strong></p></td>

</tr>

<tr>

<td width="249" height="47" align="right">你的姓名:</td>

<td width="751" ><label for="textfield"></label>

<input type="text" name="textfield" id="textfield" /></td>

</tr>

<tr>

<td width="249" height="47" align="right">你的性别:</td>

<td width="751" ><label for="textfield"></label>

<p>

<label>

<input name="RadioGroup1" type="radio" id="RadioGroup1_0" value="单选" checked="checked" />

男</label>



<label>

<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />

女</label>

<br />

</p></td>

</tr>

<tr>

<td height="47" align="right">你的手机号:</td>

<td ><label for="textfield2"></label>

<input type="text" name="textfield2" id="textfield2" /></td>

</tr>

<tr>

<td height="47" align="right"><p>你的兴趣爱好:</p></td>

<td ><p>

<label>

<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0" />

运动</label>



<label>

<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1" />

书法</label>



<label>

<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_2" />

画画</label>



<label>

<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_3" />

音乐</label>



<label>

<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_4" />

交友</label>

<br />

</p></td>

</tr>

<tr>

<td height="47" align="right">留言类型:</td>

<td ><select name="select" id="select">

<option>联系作者</option>

<option>网站建议</option>

<option>其他</option>

</select></td>

</tr>

<tr>

<td height="47" align="right">想要说的话:</td>

<td ><textarea name="textarea" id="textarea" cols="45" rows="5"></textarea></td>

</tr>

<tr>

<td height="47" colspan="2" align="center">

<input type="submit" name="button" id="button" value="提交留言" />  

<input type="submit" name="button2" id="button2" value="重写" />

</td>

</tr>

</form>

</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td><hr color="#785218"></td>

</tr>

<tr>

<td align="center">© 许志朋的个人网页 2022</td>

</tr>

</table>

</body>

</html>

执行代码的第二个二级页面图如下

执行代码的第三个二级页面图如下

执行代码的第四个二级页面图如下

六、网站测试

网站发布前要进行细致周密的测试,以保证正常浏览和使用。主要测试内容:

1、服务器稳定性、安全性。

2、程序及数据库测试。

3、根据需要的其他测试。

七、网站维护

1、服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间。

2、数据库维护,有效地利用数据是网站维护的重要内容,因此数据库的维护要受到重视。

3、内容的更新、调整等。

4、制定相关网站维护的规定,将网站维护制度化、规范化。

八、网站发布与推广

1、网站测试后进行发布的公关,广告活动。

2、在国内众多的BBS上发布公司的最新信息。

3、搜索引擎推广,同搜索引擎商合作,进行网站进行推广型网站登录;同百度竞价排行搜索引擎商合作,使公司网站在数百家门户网站的同类行业搜索中排名前列。

4、行业链接,广泛寻求同行网站联盟,进行行业链接。

5、有奖活动推广,策划开展系列有奖活动,在各大网站和平台宣传,推出天正集团网站和企业形象。

6、搜索引掣登记等。

九、网站建设日程表

各项规划任务的开始完成时间。具体安排如下:

时间

内容安排

备注

11月17日-11月24日

制作网站设计图与内容

已完成

11月25日

网站的测试与维护

已完成

11月26日

网站的发布与推广

已完成

  • 17
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值