《网页设计与制作》课程设计
马
蜂
窝
旅
游
网
策
划
书
网站名称：马蜂窝旅游网
姓名：xxx
班级：xxx
指导老师：xxx
2019年6月8 日
目录
一、概述 (1)
（一）网站简介 (1)
（二）网站定位 (1)
二、市场分析 (1)
（一）市场分析 (1)
（二）目标市场 (1)
三、网站形象说明与功能详细设计 (2)
（一）网页形象说明 (2)
（二）网站功能详细设计 (5)
四、网站结构 (6)
五、网站系统信息 (6)
六、网站测试与网站维护 (7)
（一）网站测试 (7)
（二）网站维护 (7)
七、进度 (7)
一、概述
（一）网站简介
马蜂窝旅游网核心竞争力是海量用户信息和强大的编辑团队提供的高质量攻略，旅行攻略APP即为这些核心数据的汇聚，辅助潜在出游用户出行决策。

马蜂窝旅行网整个APP的核心为旅行地推荐及详细介绍，围绕旅行地提供周边服务，从而拓展盈利模式。

（二）网站定位
网站类型定位：以“自由行”为核心，提供全球旅游目的地的旅游攻略，旅游问答，旅游点评等资讯的网站。

服务人群定位：全球的自由行爱好者。

主要服务对象年龄定位：18岁-45岁
二、市场分析
（一）市场分析
旅游类应用按照用户量需求划分，为资讯，预定，交通，分享四种类型。

随着手机，平板等移动该设备的普及，用户场景更加丰富，旅游类APP逐渐向前后延伸。

马蜂窝的旅游攻略即属于协助用户规划行程的资讯类应用。

资讯类应用需要大量的数据支持，属于强运营产品，通常也会包含UGC+SNS，作为平台激励经验用户产生有效内容，吸引潜在用户出行体验，并以天然的分类方式（目的地）划分用户群，提供结交渠道，增加用户覆盖率。

（二）目标市场
马蜂窝旅行网是中国领先的自由行服务平台。

以“自由行”为核心，提供全球旅游目的地的旅游攻略，旅游问答，旅游点评等资讯，以及自由行产品及服务。

马蜂窝旅行网的目标是为全球自由行消费者提供靠谱，有爱，值得信赖的旅行信息，以帮助他们更好地进行消费决策，并获得高性价比的自由行产品及服务。

三、网站形象说明与功能详细设计
（一）网页形象说明
1.设计部分：标准字体、字体颜色，网站配色，LOGO设计、banner、广告宣传语。

2.首页内容：网站名称、LOGO、图片、栏目导航、JS轮播、旅游资讯。

3.设计重点：通过文字、形像、图片的巧妙哄托出不同景点的特色，令页面富有层次感，达到赏心悦目的效果。

4.网站配色：网页的色彩是树立网站形象的关键之一，考虑到网站是自由行资讯网站，颜色既要体现出各地自由行及周边文化，又不能过于死板。

所以采用素雅的蓝橘配色方案，并且避免有大面积色块出现。

5.导航：banner右方设置栏目导航，栏目导航运用JS设置成漂亮的二级菜单模式，导航内容为“首页”、“旅游攻略”、“去旅行”、“机票”、“订酒店”、“社区”、“APP”七个部分。

6.logo如图3-1所示：
图3-1 首页logo图
7.轮播banner如图3-2、3-3所示
图3-2 轮播banner_1
图3-2 轮播banner_2
图3-2 轮播banner_3
图3-2 轮播banner_4 8.首页版式如图3-3所示：
图3-3首页版式
9.网站调试：用边制作边调试，即采用本机调试与和上传服务器调试的方法，因为网站在单机和服务器上运行有很大的区别，所以很有可能在上传服务器之后，出现在单机上不能浏览的一系列问题。

观察速度、兼容性、交互性等，发现问题及时解决并记录下来。

（二）网站功能详细设计
1.首页
首页是浏览者上网之后所看到网站的第一个内容，它是网站的门面。

一个好的首页会给访问者留下很深刻的印象，并吸引他对站点内容的进一步浏览。

本网站以自由行咨询理念为基础，在网站的首页不会设计很繁复的内容，而是简单大方的展示出本网站的功能。

2.目的地
主要提供全球热门目的地景点及路线，为游客节省时间。

3.旅游攻略
主要来自各自由行爱好者去过及认为最好的攻略，帮助游客提前了解景点信息，为游客免去在网上到处搜索景点信息的麻烦。

4.去旅行
主要售卖三宝村特色产品，例如陶瓷饰品、雕塑、花瓶等。

5.机票
游客可选择预定国内机票。

6.订酒店
分为主题酒店和特价酒店，住宿攻略及专享价格，给游客一种不一样的体验。

7.社区
游客可以在论坛互相交流讨论旅游心得，提问、发出攻略和回答他人问题，也可以联系后台客服进行在线咨询，旨在给游客以一个自由公开的讨论区域。

四、网站结构
网站结构图如图5-1所示：
图5-1. 网站结构图
五、网站系统信息
1.软件：Dreamwever、Photoshop
2.硬件PC机
3.技术HTML/CSS/JAVASCRIPT
4.网页形式：静态网页
5.网页语言：javascript
6.建站要求：云服务器、域名、网页上传服务器
六、网站测试与网站维护
（一）网站测试
网站发布前要进行细致周密的测试，以保证正常浏览和使用。

主要测试内容：
1.服务器稳定性、安全性。

2.程序及数据库测试。

3.网页兼容性测试，如浏览器、显示器。

4.根据需要的其他测试。

5.文字、图片是否有错误。

6.链接是否有错误。

（二）网站维护
1.服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。

2.数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。

3.内容的更新、调整等。

4.制定相关网站维护的规定，将网站维护制度化、规范化。

七、进度
日期事项
6月8日-6月10日进行网页设计策划，完成网站策划
书，为接下来的事情打好基础
6月8日-6月9日设计制作网站logo与banner
6月10日-6月11日用photoshop制作出网站首页设计
图，一比一的比例定下网页首页样式6月11日-6月12日设计子页面效果图
6月13日-6月19日用dreamweaer进行网页制作。