“远方”旅游网站设计-计算机网络技术专业.pdf

目 录

一、内容简介

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

1

(一） 背景与意义

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

1

（二）资料收集与分析

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

1

（三） 方案设计

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

1

(二) 过程分析

3

三、设计草图

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

3

四、设计效果图

6

五、 过程图片

8

六、 作品图片

一、内容简介

(一） 背景与意义

1.背景

（

（3）运用了大学三年来学习的专业知识，掌握商务网站设计的理念，培养自己独

立思考的能力，为毕业之后就业打下稳固的基础。

（二）资料收集与分析

通过对各大网站搜索，了解到旅游网站主要面对年轻人，亲子游，自由行，所以风

格大方简单。蓝色调简约大方，网站以蓝色为主。

1.旅游网站让想去旅游的人们快速了解想去的国家

2.旅游网站可以让人们提前做好吃住行的准备

2.设计流程图，如图 1.2 所示。

3. 详细介绍

本网页设计采用静态网页的呈现方式，网站内容分为 5 个模块，分别是首页、著名

景点、美食、酒店、出行。

首页：网页主色调采取的蓝色，由导航、banner、主体内容、底部组成。主要功能

是向用户展示著名景点和旅游规划。

著名景点页：该页面的功能是让客户了解自己想去的景点。

2. 软件环境：Adobe Photoshop CS6、Adobe Dream Weaver CS6。

制作流程：

1. 上网收集相关资料；

2. 确定网站整体的风格与布局；

3. 运用 Adobe Photoshop CS6 制作草图；

4. 运用 Adobe Photoshop CS6 处理图片素材；

5. 运用 Adobe Dream Weaver CS6 做出网页。

二、产品分析

(一) 方法分析

在网上进行资料查询，确定了网站的主要使用人群青年人和中年人，并对“远方”

2. 运用 html+css 技术来搭建网站与实现页面的布局；

3. 运用 JavaScript 技术用来完成动态页面的编写和轮播图的实现。

三、设计草图

1. 首页草图，如图 3.1 所示。

2.著名景点页面草图，如图 3.2 所示。