依依旅游网站项目规划与设计

依依旅游网站项目规划与设计目录一、项目背景 11、选题的目的和意义 12、课题研究的主要简介 1二、网站开发平台 1三、网站建设日程表 2四、站点地图 2五、线框图 31、主页布局 32、子页布局 3六、设计规范及网页UI设计 31、设计愿望 42、确定网站主题 53、确定网站形象 54、确定网站风格 55、确定网站内容 5七、主要页面的详细设计图 6八、网站测试 81、测试准备 82、用户界面测试 83、功能测试 84、兼容性测试 9九、网站推广与维护 91.网站推广 92、网站维护 9PAGE9一、项目背景1、选题的目的和意义随着计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。除此之外，人们还会在网上进行商务交易、下载信息、有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，旅游网站也不例外。旅游网站为基于WEB应用程序，并以互联网为传播媒介来实现旅游信息发布.共享的平台。本网站包括通过这些模块实现旅游信息共享，为游客提供详细、及时、准确、高效的信息服务。同时对旅游网站的开发原理、网站的功能特点和设计方案进行了介绍。2、课题研究的主要简介将要做的是一个旅游网站，该旅游地区专为客户做网站设计的，因此建设网站的目的主要有两个：一是使浏览者或潜在的游客迅速了解该地区的大部分旅游景点或历史文化及相关的资料，这就要求网站的文字要简练，尽量减少大篇幅的文字叙述，项目效果图要精彩，当然网页的页面效果也要漂亮，以使浏览者或潜在的游客感觉到旅游网站的设计水平高；二是使浏览者或潜在的游客迅速了解该地区对景区业务的一般操作流程，以便能够与旅游公司方便快捷地进行联系和沟通，减少不必要的中间环节及由此带来的麻烦。二、网站开发平台功能模块技术和软件平台操作系统Windows8设计稿、图形处理PhotoshopCS6动画设计制作FlashCS5网页制作平台Dreamweaver网站开发语言HTML,CSS,JavaScript，asp网站测试平台Chrome，Firefox三、网站建设日程表完成整个项目所需时间为三个月，其中各项规划任务如下表所示：时间任务内容3月9日-16日拟定项目3月17日-23日制定初步项目计划4月6日-19日网站初步框架4月20日-5月1日网站内容具体丰富5月2日-5月10日总结反思，网站细节完善5月11日-24日计划微调，网站用户体验感测试5月25日-6月7日网站装饰再加工，CSS布局，JS语言,后台数据库设计6月8日-6月15日最终测试四、站点地图1、旅游系统模块介绍满足以上需求的管理系统主要包括以下几个模块。旅游数据维护模块基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。旅游业务模块基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。数据库管理模块在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。旅游信息查询模块信息查询模块主要用于查询景点的信息和游客的预定信息。下图所示表示了旅游开发管理系统的功能需求：2、旅游数据维护模块数据维护模块包括如下图所示的几个方面：修改更新景点信息：系统管理员可以更新和修改景点信息。更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。添加景点信息：系统管理员可以添加景点及景点信息。删除景点信息：系统管理员可以删除景点及景点信息。3、旅游业务模块旅游业务模块包括一下几个方面：注册登陆后，更改个人信息查询信息：游客查询景点使用信息及景点概括信息。预定取消景点：游客预定景点票。酒店预订：游客可一根据情况预定酒店。出行方式：游客可以根据自己的情况选择出行方式。4、数据库管理模块数据库模块包括一下一个方面：游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。景点信息管理：景点信息包括景点的名称，代号，概况等。酒店信息管理：包括酒店名称，地址，规格等。出行信息管理：出行方式，火车票，租车信息等。预定信息管理：景点票，酒店，车票信息。五、线框图1、主页布局2、子页布局图片图片导航主要介绍模块介绍版权设计六、设计规范及网页UI设计依依旅行这个网站是运用了HTML静态网页技术，和Dreamweaver软件相结合实现的。页面间通过网页链接，实现具体所要查找的路线，可以方便用户的需要做出选择，给人们带来了极大地方便。1、设计愿望系统的功能需求包括一下几个方面游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。游客登录后还可以进行各种订单的退订，个人信息的修改。系统管理员可以查看游客的预定请求和取消预定的请求。系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。2、确定网站主题建立旅游网站要有一个清晰的网站布局。比如说，导航条要不要？很多人说那东西人人在做，就显得太俗没个性，难显示出新潮。但导航条之所以有那么多人在用，是因为它给浏览者一个明确的布局，便利人们查找本身所需的信息。从某种角度上说，大家都在用的东西就说明它确实被大家所接受。要清楚网站做出来是给每一个人普通用户看的。网站还要经常更新，给人以新意。作为网页设计者，不能一味的只追求个性的表现，还必需兼顾到用户和客户的习惯，在表现本身的风格的同时，在功能上使用户更加便利。3、确定网站形象网站形象的设计可以从网站的LOGO、网站的色彩、网站的字体宣传语等这些方面着手。图6.1Logo设计打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形.动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。4、确定网站风格风格是抽象的，指网站的整体形象给浏览者留下的综合感受。这个“整体形象”包括网站的LOGO、网站的色彩、网站的字体、网站的标语等许多因素。网站是可以平易近人的、生动活泼的，也可以是严肃专业的。但不管是在色彩、技术、文字、布局、还是交互方式上，只要能由此让浏览者明确的看出这是你的网站所独有的，这就形成了一种风格。本网站的搭配主色为：白、淡蓝、绿、三种颜色。白色代表纯洁、纯真、朴素、神圣、明快。淡蓝色代表热情、活泼、热闹、温暖、幸福、吉祥。绿色代表希望、生命、纯洁、万物复苏，充分代表了一个企业应有的气质和形象，给客户留下深刻的印象。5、确定网站内容（1）旅游数据维护模块基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。（2）旅游业务模块基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。（3）数据库管理模块在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。（4）旅游信息查询模块信息查询模块主要用于查询景点的信息和游客的预定信息。七、主要页面的详细设计图1依依旅行系统首页注：此时因系统未登录，所以只可以查看详情，若进入景点点击预定和留言或者点击出行方式和酒店预订则跳转到2登录界面2依依旅行系统登录界面当输入用户不存在时跳转到当输入用户存在，密码输入有误时跳转到当输入用户存在，密码正确时跳转到33依依旅行系统登录界面若及点击退出则回到1首页界面。4依依旅行系统注册界面第一步：输入用户名，当用户名已存在时当用户名不存在时当密码两遍输入不相同时当密码两遍输入相同时5依依旅行系统修改个人信息界面点击修改修改后点击保存6依依旅行系统修改个人密码界面当前密码输入有误时：新密码两遍输入不同时：新密码两遍输入都正确时时：7依依旅行系统常用游客信息界面添加游客8依依旅行系统支付信息界面9依依旅行系统订单信息界面景点订单信息火车票订单信息飞机票订单信息租车订单信息酒店订单信息分别可以进行取消订单操作10依依旅行系统预订信息界面可以选择出行日期，出行人数点击预订后对信息进行确认，并计算总价格若积分大于总价格：预订成功若积分小于于总价格：11依依旅行系统出行方式界面火车票飞机票租车分别可进行预订积分充足，与积分不足的情况同景点预订剩余票数不足时：12依依旅行系统酒店预订界面13依依旅行系统退出界面八、网站测试1、测试准备测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据初始化。2、用户界面测试主要测试导航条、内容、颜色、背景、图像、返回等。3、功能测试主要测试站点中的链接等。链接测试：目的是检查各个URL所联接的页面是否正确。表单测试：目的是检查每个表单与程序是否正确联接，能够正确地发送用户请求。4、兼容性测试主要检验应用能否在不同的客户端使用。如苹果（iOS系统的）用户，经常使用chrome，Firefox等浏览器的用户是否都能正常使用。九、网站推广与维护1.网站推广（1）微信公众平台、朋友圈、微博、QQ空间推广（2）论坛推广我们可以注册几十个论坛，每个论坛注册若干个帐号，把签名设为自己的网站及团队图标。发表热门内容，自己顶自己的帖子。目前我们应用的论坛包括校内的极速之星、外网的百度贴吧、天涯论坛、豆瓣等等网民较为聚集的地方。（3）电子邮件推广我们会像宜家一样让用户进行自愿注册会员，浏览者自愿留下他的邮箱地址，定期或不定期的发布一些电子刊物