湖南旅游网站设计与实现.pdf

2

目 录

1. 作品概述

.......................................................................................................................................

3

1.1 选题背景

..............................................................................................................................

3

1.2 选题意义

..............................................................................................................................

3

2. 开发环境

3

..............................................................................................................................

2.3.1Webstorm

...................................................................................................................

4

2.3.2Photoshop

4

2.4 产品架构

..............................................................................................................................

5

2.4.1B/S 结构模式

5

2.4.2Bootstrap 框架

5

..............................................................................................................................

4. 作品设计

.......................................................................................................................................

6

4.1 总体设计

..............................................................................................................................

6

4.2 详细设计

..............................................................................................................................

6

4.2.1 首页设计

7

4.2.2 景点介绍设计

7

4.2.6 酒店民宿设计

5. 功能实现

.....................................................................................................................................

5.1logo 设计实现

....................................................................................................................

5.2 湖南热门目的地模块设计实现

........................................................................................

5.3 湖南概述页面设计实现

....................................................................................................

6. 设计总结

.....................................................................................................................................

7. 参考文献

.....................................................................................................................................

3

1.作品概述

1.1 选题背景

相对国外而言，我国旅游电子商务仅仅处于发展初期，在线旅游业务占整个

旅游业的比重非常低，发展空间非常巨大。而且随着国内旅游和电子商务行业的

信息资源的开发利用水平成为衡量一个国家综合国力的重要标志之一。计算

机作为信息处理的工具，为适应数据处理需求的迅速提高，满足各类信息系统对

数据管理的要求，在文件系统的基础上发展基础数据库系统，数据库方法针对事

物处理中大量数据管理需求提供了更加周到和人性化的服务。现在生活节奏越来

越快，工作压力也随着越来大，而真正能给自己享受旅游的时间是越来越少，不

光是排队等候麻烦，而且在其中浪费的时间，也是一种财富上的损失。在这个大

环境下，在线订餐迅速被人们所接受，从而也引发了旅游行业的大爆发，竞争空

前激烈。所以，把旅游搬到网上进行，是很有必要，也是很有市场的。

旅游网站的开发具有以下意义：

1.提高景区的宣传和营销手段：首先是网站内容可以随时更新，这点来说很

2.1 硬件环境

运行环境：1.80GHz 以上 CPU，256M 以上内存

4

后期维护：容易维护和扩展

2.2 软件环境

操作系统要求：支持 Windows10、Windows7、Windows8

浏览器支持：谷歌浏览器（Google Chrome）、火狐浏览器（FireFox）

作品稳定性：适应大部分浏览器运行

容易维护：前端采用 Bootstrap 框架实现响应式布局，容易维护和扩展。

2.3 工具软件

本旅游网站的运行网站设计是基于 HTML 语言，CSS 叠层样式表和 Bootstrop

网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，

是目前网站设计、开发、制作的首选工具。

Webstorm 的 JavaScript 的功能有：基于 DOM，特定浏览器完成，编码导航

和用法查询，支持 ECMAScript，CoffeeScript 和结点，JavaScript 重构，

JavaScript 单元测试，代码检测和快速修复，JSLint/JSHint，基于 Mozilla

的 JavaScript 调试器

Webstorm 其他用途批量代码分析：编码语言混合或内混，拼写检查器，重

复代码检测器

Webstorm 的编辑语言功能：支持 HTML5，css/js，检验和快速修复，Zen 编

码，显示内容，显示应用的风格

功能上看可分为图像编辑、图像合成、校色调色及功能色效制作部分等。 图

5

像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、

镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。

图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意

义的图像，这是美术设计的必经之路；该软件提供的绘图工具让外来图像与创意

很好地融合。校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，

也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方

面应用。

特效制作在该软件中主要由滤镜、通道及工具综合应用完成。包括图像的特

效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都

可藉由该软件特效完成。

模式统一了客户端，让核心的业务处理在服务端完成。你只需要在自己电脑或手

机上安装一个浏览器，就可以通过 web Server 与数据库进行数据交互。

2.4.2Bootstrap 框架

Bootstrap 是 Twitter 开源的基于 HTML，CSS，JavaScript 的前端框架。它

是为实现快速开发 Web 应用程序而设计的一套前端工具包。它支持响应式布局，

并且在 V3 版本之后坚持移动设备优先。

湖南旅游网站设计与实现中使用了 Bootstrap 框架中的栅格系统来实现网

站快速布局，还使用了 Bootstrap 框架中的组件导航来快速形成导航栏。

3.需求分析

3.1 总体目标

6

美食小吃，历史文化住宿等旅游资讯 。

3.2 功能需求

本旅游网站以旅游攻略、美食信息、酒店民宿，景点介绍等功能为核心，其

宗旨是突出湖南的风景，美食，文化吸引外来游客，它的功能如下：

1.旅游景点介绍功能：游客在网站上可以查看主要旅游景点和景区的介绍信

息。