驴友”旅游网站的设计与制作
:当前随着我国老龄化社会的到来,老年旅游需求在逐年壮大。然而国内专门为老年人提供旅游服务的专业旅行社并不多，一些大的综合性旅行社在开发老年旅游产品，提供旅游服务等方面远不能满足市场的需要。本网站可以满足来苏州旅行的老年朋友们，让他们的选择简单化，更快、更好的找到自己想要去游玩的地方。网站还可以帮助老年人旅游信息化的建设，通过开展电子商务，满足老年游客来苏州地区旅游的需求，为老年人提供、推荐适合他们旅游的去处。本网站主要内容包括踏青游、爸妈放心游、高品质周边游、国内舒心游、相伴组团游、玩转古都、游记攻略、老伴分享等功能。
2016年3月9日 目录
一、 前言 3
（一）开发背景 3
（二）旅游网站的优势 3
（三）技术背景 3
1. javascript、PS的支持 3
2. 开发技术 3
二、 需求分析 4
（一）目标方向 4
（二）运行环境 4
（三）研究可行性 4
三、网站总体设计 5
（一）功能结构图 5
（二）网站LOGO设计 5
（三）规划布局设计 6
1. 首页布局设计 6
2. 色彩搭配 7
3. 子页布局设计 7
4. 新闻展示板块 8
四、设计与实现 8
（一）注册页面 9
（二）登录页面 11
（三）JS特效的运用 13
1. 图片轮播效果 13
2. 图片放大效果 15
3. 图片展开与折叠效果 16
4. 橡皮擦效果 17
五、运行测试 18
总结 19
致谢 20
参考文献 21
附录 23
莫老驴友（苏州）旅游网站
?Abstract: With the arrival of the current aging society, elderly tourism demand to grow year by year. However, domestic tourism
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
services provided specifically for the elderly are not many professional travel agents, some large travel agencies in the development of a comprehensive tourism product elderly, providing travel services and so can not meet the needs of the market. This site Suzhou travel to meet old friends, make their choices simplified, faster, better find the place you want to go play. Sites can also help the elderly tourist information building, through ecommerce, to meet the elderly tourists in Suzhou tourism demand for the elderly, it is recommended for their travel destination. This site includes tour outing, parents worry swim, tour around the highquality, comfortable domestic travel, group travel companions, the ancient capital of Fun, Travel Guide, wife sharing and other functions.
key words : tourism information; Suzhou travel; The elderly; website building
一、 前言
开发背景
随着人们生活水平的提高，当人们从繁忙的工作中停下来，就会开始寻求休闲的娱乐方式，而首当其冲的选择，那就是结伴出游。旅游已渐渐走入每个人的生活理念里。
但我国旅游产业的情况颇为复杂，很多的管理不上心，信息资源的整合、分享不合理，缺少规划。从而使得信息沟通渠道不通畅，没法让大家去到适合自己的地方。面对这些问题，我们应该转变观念，以合理的信息资源共享为突破口，将舒适、放心的游玩路线推荐给大家。
（二）旅游网站的优势
随着信息资源的逐步网络化，我们整合旅游信息，让旅游资源更好的被加以利用。让旅客们在没有开始旅游前，透过我们的网站信息，找到最适合他的旅游方式。因此，网络信息服务具有传统信息服务所不具备的双向性，消费者能够更多地参与信息服务的过程，从而体验到更方便、更快捷的旅游方式。
（三）技术背景
1.javascript、PS的支持
javascript是一种方便实用的描述性语言，专门用来开发NET的网站特效。使用 JS设计可以直观的看到网页上的动态效果，所以它也被誉为制作网页不可或缺的一种语言。本网站采用了许多的JS特效，来衬托网站独一无二的优势。
Adobe Photoshop，简称“PS”，是一款实用很强的图像处理软件。
PS主要用于网站设计前期图片的修理与设计。PS为前期的设计工作提供很多的便利，尤其是网站大量图片的处理。
2.开发技术
Dreameaver 是一款实用性极强的网页编辑软件，它的诞生给了网页制作者很大的方便，利用它可以快速、有效的看到看到自己制作网页的效果图。
Dreameaver主要有以下功能：自适应网格、增强型jQuery移动支持、CSS3转换、CSS3/HTML5支持、实时视图新增功能等。
本网站主要就是利用Dreamweaver来进行设计开发。利用Dreamweaver生成的HTML网页，根据原先设定的PSD图，使用了HTML+CSS设计网页，呈现PSD图的网页式效果。
二、 需求分析
(一).功能需求
主要建立一个为老年人推荐苏州地区旅游信息的网站，展现旅游特色，美观的界面设计风格。主要功能：
2016年3月9日 目录
一、 前言 3
（一）开发背景 3
（二）旅游网站的优势 3
（三）技术背景 3
1. javascript、PS的支持 3
2. 开发技术 3
二、 需求分析 4
（一）目标方向 4
（二）运行环境 4
（三）研究可行性 4
三、网站总体设计 5
（一）功能结构图 5
（二）网站LOGO设计 5
（三）规划布局设计 6
1. 首页布局设计 6
2. 色彩搭配 7
3. 子页布局设计 7
4. 新闻展示板块 8
四、设计与实现 8
（一）注册页面 9
（二）登录页面 11
（三）JS特效的运用 13
1. 图片轮播效果 13
2. 图片放大效果 15
3. 图片展开与折叠效果 16
4. 橡皮擦效果 17
五、运行测试 18
总结 19
致谢 20
参考文献 21
附录 23
莫老驴友（苏州）旅游网站
?Abstract: With the arrival of the current aging society, elderly tourism demand to grow year by year. However, domestic tourism
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
services provided specifically for the elderly are not many professional travel agents, some large travel agencies in the development of a comprehensive tourism product elderly, providing travel services and so can not meet the needs of the market. This site Suzhou travel to meet old friends, make their choices simplified, faster, better find the place you want to go play. Sites can also help the elderly tourist information building, through ecommerce, to meet the elderly tourists in Suzhou tourism demand for the elderly, it is recommended for their travel destination. This site includes tour outing, parents worry swim, tour around the highquality, comfortable domestic travel, group travel companions, the ancient capital of Fun, Travel Guide, wife sharing and other functions.
key words : tourism information; Suzhou travel; The elderly; website building
一、 前言
开发背景
随着人们生活水平的提高，当人们从繁忙的工作中停下来，就会开始寻求休闲的娱乐方式，而首当其冲的选择，那就是结伴出游。旅游已渐渐走入每个人的生活理念里。
但我国旅游产业的情况颇为复杂，很多的管理不上心，信息资源的整合、分享不合理，缺少规划。从而使得信息沟通渠道不通畅，没法让大家去到适合自己的地方。面对这些问题，我们应该转变观念，以合理的信息资源共享为突破口，将舒适、放心的游玩路线推荐给大家。
（二）旅游网站的优势
随着信息资源的逐步网络化，我们整合旅游信息，让旅游资源更好的被加以利用。让旅客们在没有开始旅游前，透过我们的网站信息，找到最适合他的旅游方式。因此，网络信息服务具有传统信息服务所不具备的双向性，消费者能够更多地参与信息服务的过程，从而体验到更方便、更快捷的旅游方式。
（三）技术背景
1.javascript、PS的支持
javascript是一种方便实用的描述性语言，专门用来开发NET的网站特效。使用 JS设计可以直观的看到网页上的动态效果，所以它也被誉为制作网页不可或缺的一种语言。本网站采用了许多的JS特效，来衬托网站独一无二的优势。
Adobe Photoshop，简称“PS”，是一款实用很强的图像处理软件。
PS主要用于网站设计前期图片的修理与设计。PS为前期的设计工作提供很多的便利，尤其是网站大量图片的处理。
2.开发技术
Dreameaver 是一款实用性极强的网页编辑软件，它的诞生给了网页制作者很大的方便，利用它可以快速、有效的看到看到自己制作网页的效果图。
Dreameaver主要有以下功能：自适应网格、增强型jQuery移动支持、CSS3转换、CSS3/HTML5支持、实时视图新增功能等。
本网站主要就是利用Dreamweaver来进行设计开发。利用Dreamweaver生成的HTML网页，根据原先设定的PSD图，使用了HTML+CSS设计网页，呈现PSD图的网页式效果。
二、 需求分析
(一).功能需求
主要建立一个为老年人推荐苏州地区旅游信息的网站，展现旅游特色，美观的界面设计风格。主要功能：
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/852.html
