旅游网站的建设与实现
本课题是围绕旅游网站设计与实现展开的。主要采用了Sublime Text、CSS、JavaScript完成了内容完整，信息全面，网页大方的网站。随着经的迅速发展，人们对精神的追求越来越高，使得旅游产业的规模不断壮大，成为国家支柱型产业文化，纵观现在展望未来旅游产业在质和量上都会有一个大的突破和质的飞越！然而随着旅游业的迅速发展给我们带来了大量机遇同时也要面对更多挑战。建设一个完善的旅游景点网站是当今所必需的，想要吸引游客前来游玩，使游客更加清晰的了解景点的文化，旅游网站的建设是很必要的！所以本网站的实现主要是方便旅游者网上查询，时时提供最有效最新景点消息，方便游客阅览。
目录
一、引言 1
（一）课题背景 1
（二）课题意义 1
（三）使用工具 1
1.Photoshop 2
2.Sublime Text 2 2
二、网站需求分析 2
三、网站内容结构设计 2
（一）总体设计 2
（二）详细设计 2
1.首页布局 2
2.网站logo设计 3
3.导航设计 3
4.DIV+CSS布局 4
四、网站实现 5
（一）首页实现 5
（二）二级页面实现 8
（三）三级页面实现 9
五、网站特效 10
（一）图片平移的功能实现 10
（二）图片轮转的功能实现 11
致谢 15
参考文献 15
一、引言
（一）课题背景
在当今社会随着经济水平的提升，人们对精神需求越来越多从而推动了旅游业的发展，可是市场上一些旅游业的发展还远远不能满足人们的需要，在经济市场发展如此之快的社会，人们对旅游方面的消费也在逐步上升，所以本网站即苏州旅游网站的建设是非常有必要的。
虽然说国内市场上有很多旅游产业发展的也不错可是相对来说并不完善，不能满足消费者的需求，本网站主要是为了解决消费者所需要的相关信息不全面，企业在运营的时候效益低，成本大，消费者的问题不能及时解决，沟通渠道不畅通从而会损失顾客等一系列问题。还有很
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
多相关旅游业都秉承着传统的思想思维，缺乏创新性思维，没有一种突破精神能为消费者带来更多的利益，使整个行业都停滞不前，如果想要提升企业的高效率，高水平达到精而简的水平，减少宣传成本，信息能迅速高效的被消费者所浏览接受，旅游业的信息化管理还得进一步加强。只有做到这些这个行业的发展才会有一个质的飞跃，中国的旅游业才能被带动起来，才能促进经济的发展人民生活质量的提高！
就目前而言，我国的很多旅游业在信息化这方面的投入还是不多的，行业之间的传统思维限制了自身的发展，在计算机等电子科技如此发达的今天，完善的旅游网站会达到更好的宣传效果更容易被人们所接受和认可，网络信息的传播是提升自身竞争力的有力武器。
课题意义
自从旅游网站出现以来就得到了广大消费者的喜爱和认可，归其原因就是一个“便”字。旅游网站通过网络平台给顾客提供更多的信息量，满足顾客的在、各种需求，并能及时解答顾客的问题，例如：吃、玩、住、周边景点、出行、团购打折等，打破了传统旅游业的局限性。旅游业它不光是一个产业更是经济水平中商业的整体体现，就像食物链一样起到承上启下的作用，它把人们衣食住行交通的问题做成一个无声的服务业，促进了服务业的发展也保证了经济收入的来源。
相关数据显示中国每年的旅游人数都是呈上升趋势，随着经济水平的提高和旅游业的迅速发展，特别是团购的或以家庭为单位的越来越多，人们在假期的时候总会聚集起来一起出去玩玩，不管是年轻人还是中老年人，对精神追求越来越重视，对网站的信息要求就要更完美，在竞争力如此之大的产业中，简洁完善大方全面细致的网站才是消费者所需要的，从消费者的角度想想当今旅游业的不足之处，并能为其提供更多的服务和信息的完善，是对旅游业的不足的补充，更是旅游网站的一个扩展和提升，顾客可以通过对旅游网站页面的浏览，得到自己想要的信息，选择满意的路线，安排好时间参观附近更多的景区，尝到当地特色小吃，花更少的钱得到更大的需求，对客户可能会有的一些疑问进行解答，让客户便利的同时使其感到快乐，为其带来幸福。
（三）使用工具
1.Photoshop
本网站主要运用了网上免费下载的ps对首页上面的Logo“SZ苏州旅游”进行简单的设计，简单大方的图标使游客一目了然，也是本网站的主旨体现。
2.Sublime Text 2
本网站主要是用Sublime Text 2完成的，运用其编写出来的的程序代码编实现整体页面文字与图片的结合，和不同页面的连接，还有简单的动静态结合。
二、网站需求分析
随着科技发展人们生活水平的提高，整体素质也在不断提升，现在不管是在城市还是在乡村，网站已家喻户晓，旅游业的发展是很自然地也是必然的，怎样把网络信息作用发挥到最大化也是社会发展的必然趋势。旅游信息的呈现是一个时代科技进步的体现，它由文字，景点图片等多种形式的结合，为顾客呈现了既有信息量又有视觉感的网站。本网站主要是为客户提供简洁大方的浏览页面，然后运用相关网络技术为顾客提供每个界面更详细信息。
三、网站内容结构设计
（一）总体设计
苏州旅游网站的目标是实现在其他相同旅游网站中有着较强的竞争力，在市场竞争中能留有一席之地。网站的LOGO设计主要由美图秀秀和PS完成，以其独特简单大方形象吸引顾客。
本网站主要有七个模块，分别是首页、苏州一日游、多日游「不含住宿」、多日游「含住宿」、苏州周边游、苏州定制游和在线问答，网站导航结构如图31所示：
图31 网站总体设计
（二）详细设计
1.首页布局
本网站的首页主要是上中下布局。在本网站的左上角是LOGO，导航和LOGO的主要色调都是绿色，突显出自然的生机，清新活力给人旺盛生命力的感觉，激发人们旅游的兴趣，更能衬托出本网站的“旅游高峰不容错过的思想”，是本网站建设初中的体现。在网站Logo图片下方是网站的导航条。网站主体部分分为苏州一日游、多日游（不含住宿）、多日游（含住宿）、苏州周边游、苏州定制游和苏州团购游六块内容，体现了本网站核心思想。如图32所示。
Logo
商品搜索
分类导航
导航
本周推荐团购
苏州一日游
在线报名
苏州多日游（不含住宿）
在线问答
苏州多日游（含住宿）
苏州周边游
目录
一、引言 1
（一）课题背景 1
（二）课题意义 1
（三）使用工具 1
1.Photoshop 2
2.Sublime Text 2 2
二、网站需求分析 2
三、网站内容结构设计 2
（一）总体设计 2
（二）详细设计 2
1.首页布局 2
2.网站logo设计 3
3.导航设计 3
4.DIV+CSS布局 4
四、网站实现 5
（一）首页实现 5
（二）二级页面实现 8
（三）三级页面实现 9
五、网站特效 10
（一）图片平移的功能实现 10
（二）图片轮转的功能实现 11
致谢 15
参考文献 15
一、引言
（一）课题背景
在当今社会随着经济水平的提升，人们对精神需求越来越多从而推动了旅游业的发展，可是市场上一些旅游业的发展还远远不能满足人们的需要，在经济市场发展如此之快的社会，人们对旅游方面的消费也在逐步上升，所以本网站即苏州旅游网站的建设是非常有必要的。
虽然说国内市场上有很多旅游产业发展的也不错可是相对来说并不完善，不能满足消费者的需求，本网站主要是为了解决消费者所需要的相关信息不全面，企业在运营的时候效益低，成本大，消费者的问题不能及时解决，沟通渠道不畅通从而会损失顾客等一系列问题。还有很
*好棒文|www.hbsrm.com +Q: %3^5`1^9`1^6^0`7^2#
多相关旅游业都秉承着传统的思想思维，缺乏创新性思维，没有一种突破精神能为消费者带来更多的利益，使整个行业都停滞不前，如果想要提升企业的高效率，高水平达到精而简的水平，减少宣传成本，信息能迅速高效的被消费者所浏览接受，旅游业的信息化管理还得进一步加强。只有做到这些这个行业的发展才会有一个质的飞跃，中国的旅游业才能被带动起来，才能促进经济的发展人民生活质量的提高！
就目前而言，我国的很多旅游业在信息化这方面的投入还是不多的，行业之间的传统思维限制了自身的发展，在计算机等电子科技如此发达的今天，完善的旅游网站会达到更好的宣传效果更容易被人们所接受和认可，网络信息的传播是提升自身竞争力的有力武器。
课题意义
自从旅游网站出现以来就得到了广大消费者的喜爱和认可，归其原因就是一个“便”字。旅游网站通过网络平台给顾客提供更多的信息量，满足顾客的在、各种需求，并能及时解答顾客的问题，例如：吃、玩、住、周边景点、出行、团购打折等，打破了传统旅游业的局限性。旅游业它不光是一个产业更是经济水平中商业的整体体现，就像食物链一样起到承上启下的作用，它把人们衣食住行交通的问题做成一个无声的服务业，促进了服务业的发展也保证了经济收入的来源。
相关数据显示中国每年的旅游人数都是呈上升趋势，随着经济水平的提高和旅游业的迅速发展，特别是团购的或以家庭为单位的越来越多，人们在假期的时候总会聚集起来一起出去玩玩，不管是年轻人还是中老年人，对精神追求越来越重视，对网站的信息要求就要更完美，在竞争力如此之大的产业中，简洁完善大方全面细致的网站才是消费者所需要的，从消费者的角度想想当今旅游业的不足之处，并能为其提供更多的服务和信息的完善，是对旅游业的不足的补充，更是旅游网站的一个扩展和提升，顾客可以通过对旅游网站页面的浏览，得到自己想要的信息，选择满意的路线，安排好时间参观附近更多的景区，尝到当地特色小吃，花更少的钱得到更大的需求，对客户可能会有的一些疑问进行解答，让客户便利的同时使其感到快乐，为其带来幸福。
（三）使用工具
1.Photoshop
本网站主要运用了网上免费下载的ps对首页上面的Logo“SZ苏州旅游”进行简单的设计，简单大方的图标使游客一目了然，也是本网站的主旨体现。
2.Sublime Text 2
本网站主要是用Sublime Text 2完成的，运用其编写出来的的程序代码编实现整体页面文字与图片的结合，和不同页面的连接，还有简单的动静态结合。
二、网站需求分析
随着科技发展人们生活水平的提高，整体素质也在不断提升，现在不管是在城市还是在乡村，网站已家喻户晓，旅游业的发展是很自然地也是必然的，怎样把网络信息作用发挥到最大化也是社会发展的必然趋势。旅游信息的呈现是一个时代科技进步的体现，它由文字，景点图片等多种形式的结合，为顾客呈现了既有信息量又有视觉感的网站。本网站主要是为客户提供简洁大方的浏览页面，然后运用相关网络技术为顾客提供每个界面更详细信息。
三、网站内容结构设计
（一）总体设计
苏州旅游网站的目标是实现在其他相同旅游网站中有着较强的竞争力，在市场竞争中能留有一席之地。网站的LOGO设计主要由美图秀秀和PS完成，以其独特简单大方形象吸引顾客。
本网站主要有七个模块，分别是首页、苏州一日游、多日游「不含住宿」、多日游「含住宿」、苏州周边游、苏州定制游和在线问答，网站导航结构如图31所示：
图31 网站总体设计
（二）详细设计
1.首页布局
本网站的首页主要是上中下布局。在本网站的左上角是LOGO，导航和LOGO的主要色调都是绿色，突显出自然的生机，清新活力给人旺盛生命力的感觉，激发人们旅游的兴趣，更能衬托出本网站的“旅游高峰不容错过的思想”，是本网站建设初中的体现。在网站Logo图片下方是网站的导航条。网站主体部分分为苏州一日游、多日游（不含住宿）、多日游（含住宿）、苏州周边游、苏州定制游和苏州团购游六块内容，体现了本网站核心思想。如图32所示。
Logo
商品搜索
分类导航
导航
本周推荐团购
苏州一日游
在线报名
苏州多日游（不含住宿）
在线问答
苏州多日游（含住宿）
苏州周边游
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/782.html
