摘要： “江南水乡”旅游景点多媒体网站为基于HTML5与JAVA技术的WEB应用程序，是以互联网为传播媒介来实现旅游信息发布、共享的平台。本论文主要论述了其开发的基本过程，网站的界面设计主要运用了Adobe Photoshop以及Adobe Illustrator，网站的前端主要运用了HTML5、CSS3、JS等技术，网站的后端主要以My SQL为数据库平台，运用了JAVA语言，采用了基于B/S结构的开发模式系统。网站包括水乡背景、特色、交通、住宿、酒店等模块以及合理的交互手段、数据的录入管理等功能。通过多媒体的方式展现这些模块的内容，实现旅游信息共享，为游客提供详细、及时、准确、高效的信息服务，同时对旅游景点多媒体网站的开发原理、制作过程、技术要点、网站的功能特点、创意构思等内容进行了介绍。

关键词： 江南水乡；中国风；多媒体；旅游景点网站；网站开发

The Development and Design of Multimedia Tourism Site in the South of the Lower Reaches of the Yangtze Rive

Abstract:  Multimedia Tourism Site in the South of the Lower Reaches of the Yangtze Rive based on the WEB application of HTML5 and the technology of JAVA, and takes the Intetnet as media to achieve dissemination and sharing of tourism's information.

This paper focuses on the basic process of development and design of Multimedia Tourism Site, using the technology of Adobe Photoshop, Adobe Illustrator, HTML5. CSS3, JS, JAVA and other related technologies in the development and design, adopting the structure of B/S's the system of development model and taking My SQL as the database platform. This Multimedia Tourism Site includes the information of overview, Tourist Attraction, traffic, Characteristic, hotel and reasonable interactive means，and the management of data. Meantime,  the paper  has introduced the development principle, the production process, technical points, functional characteristics and creative ideas of the website.

Keywords: the South of the Lower Reaches of the Yangtze Rive; Antiquity; Multimedia; Tourism Site; Web site development

目录

摘要 i

Abstract i

目录 ii

1 绪论 1

1.1 旅游景点多媒体网站开发的目的和意义 1

1.2 旅游景点多媒体网站的国内外研究现状、水平 1

1.3 旅游景点多媒体网站的发展趋势 2

2 “江南水乡”旅游景点多媒体网站开发分析 3

2.1 文献综述 3

2.2 开发环境介绍 3

2.2.1 系统：Windows7 4

2.2.2 视音频： PR or FLASH与AE 4

2.2.3 UI设计：PS与 AI 4

2.2.4 前后端：VS Code与Eclipse以及My SQL 4

2.2.5 测试：Chrome与IE 4

2.3 调研情况 5

2.3.1 国内外各大旅游景点网站 5

2.3.2 UI风格为中国风的网站 5

2.3.3 乌镇的资料 5

2.4 开发重点与难点 5

2.4.1 开发重点 6

2.4.2 开发难点 6

3 “江南水乡”旅游景点多媒体网站开发设计 7

3.1 网站整体框架 7

3.2 网站界面的UI设计 7

3.2.1 网站整体UI设计风格：水墨中国风 7

3.2.2 网站logo设计与制作 8

3.2.3 主页界面的UI设计 8

3.2.4 主菜单的UI设计 9

3.2.5 概况、特色、交通、住宿、景点界面的UI设计 10

3.2.6 个人中心界面的UI设计 11

3.3 网站前后端的设计 13

3.3.1 前端设计 13

3.3.2 后端设计 29

4 结论 37

4.1 网站的测试 37

4.2 创作与测试过程中的困难和解决办法 38

4.2.1 墨痕旋转问题 38

4.2.2 历史人物墙的问题 39

4.2.3 后端的问题 39

4.3 进一步提高拓展的设想 39

4.3.1 关于兼容性 39

4.3.2 关于自适应 39

4.3.3 关于后端 39

致谢 40

参考文献 41

1 绪论

1.1 旅游景点多媒体网站开发的目的和意义

随着近几年来科技的不断进步，互联网渐渐成为信息收集的主要渠道，互联网的全天候性、跨地域性、可交互性等特性使其在与传统的媒体行业竞争中占有不可抗拒的优势。