《韶关在线游览旅游网站的设计研究,网站设计论文.docx》由会员分享,可在线阅读,更多相关《韶关在线游览旅游网站的设计研究,网站设计论文.docx(11页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、韶关在线游览旅游网站的设计研究,网站设计论文本篇论文目录导航:【】【】【】 韶关在线游览旅游网站的设计研究【】旅游网站毕业设计论文:韶关在线游览旅游网站的设计研究内容摘要:随着因特网的发展,旅游网站纷纷落户,促进旅游这个行业的大力发展。这类网站多以提供旅游资讯为主,网站信息内容呈现方式单一,以图文相结合的网页形式为主。该文以中国优秀旅游城市 韶关为素材收集对象,设计一个包含资讯、美食、虚拟游览景区等内容的韶关旅游网站,避免了信息内容呈现的单一。本文关键词语:旅游网站; 虚拟游览; 韶关;Design and Realization of Shaoguan Natural and Histori
2、cal Cultural Heritage Virtual TourGUAN Min-juan DENG Jin-lian HUANG Xian-bingDepartment of Instructional Technology, Shaoguan UniversityAbstract:With the development of the Internet, tourism websites have settled down, promoting the development of the tourism industry.This kind of website is mainly
3、to provide tourism information, the information content of the website is simple, mainly in the form of the combination of text and text.Taking shaoguan, an excellent tourist city in China, as the material collection object, this paper designs a shaoguan tourist website containing information, food,
4、 virtual tourist attractions and other contents, avoiding the single information content.当下旅游网站诸多,途牛、同城、携程等囊括大范围的网站,还有很多地方性的旅游网站。我们国家大部分的地方性旅游网站在开发初期,由于缺少对旅游行业和网络运营的了解,没有能找准切入点,使旅游网站建成之后缺乏特色与 卖点 ,往往照搬照抄其他旅游网站的现成形式,内容单一,景区介绍更是简单枯燥,一律的景点图片查看,景点历史介绍,攻略等。看再多不同的旅游网站皆是一样的内容,索然无味。韶关拥有国家级风景区丹霞山、南宗禅法发祥地南华寺、悠
5、久革命历史的文化遗址双峰寨等诸多出名景点,2021年接待旅游者人数4790万人次,旅游总收入453亿元。本网站独特的虚拟游览景区能够使游客如同身临其境般的游览玩耍了特色景点,游客能够通过本网站了解韶关各旅游景点,提早做好旅游准备工作,让游客有目的性的游览玩耍。1 旅游网站现在状况分析随着旅游业的发展和繁荣,旅游信息的需求量也随之增大,旅游网站则是成为人们获取各种旅游信息的首要窗口。各大旅游网站从景点的选择到旅行道路,从交通工具到酒店入住,从旅游攻略到当地资讯等人性化的服务为游客提供了比拟全面的旅游信息。但是单从网站内容分析各大旅游网站,内容具体表现出形式有各自的缺乏。网站首页设计过于复杂,内容
6、展览太多,导致栏目增设过于模糊,版面混乱;网站信息呈现方式单一,以图文相结合的网页极度缺少动画、音频等多媒体方面的信息展示。为了使游客能够具体地了解景区信息,同时又保持网站内容的简洁明了,本网站设计时注重首页清楚明晰简单,栏目的设置没有太多冗余。除此之外,颜色搭配造成的视觉效果也是网站建设的一个重重点。最为重要本网站独有的虚拟旅游韶关自然与历史文化遗产景区,以贴近真实的虚拟游览为一个多媒体展示形式,避免信息内容呈现单一的缺乏。2 韶关自然与历史文化遗产虚拟游览网站的设计与实现2.1 设计思路此网站是专门提供韶关信息的一个网站,涵盖了韶关特色美食、住宿、景区等人文信息。设计阶段最重要的是用户需求
7、调研、网站功能设计及网站的整体风格与色彩搭配,不同功能的网站整体风格和色彩搭配是不同的。鉴于该网站是给用户提供旅游出行信息的,因而,网站的风格和色彩较其他网站而言相对自由和明朗。详细流程如此图1所示。图1 设计流程2.1.1 用户需求层面分析此网站是给用户提供旅游出行信息,让用户愈加了解韶关,因而,网站栏目也主要是围绕着首页、大概情况、资讯、美食、住宿、景区这六个模块进行展开。华而不实,首页模块融合了其他模块的部分内容,阶段性地推荐相应的信息给用户。大概情况模块用来介绍韶关的整体信息,包括韶关的基本介绍、地理环境、自然资源以及人口民族等方面的信息,能够让用户在短时间内最大化地了解韶关。资讯模块
8、会更新韶关近期的新闻事件,用户能够在这里了解韶关的最新动态。美食和住宿两个模块里面收集了评价比拟高的特色食物以及住宿信息。景区这一模块包含了韶关各景区的相关介绍以及部分景区的遨游,用户能够在遨游区身临其境地游览景区。2.1.2 用户体验层面分析用户体验是用户在使用产品经过中建立起来的一种纯主观的感受,此网站愈加注重色彩和布局这两方面给用户带来的感观体验。基于色彩带给人们的心理错觉,此网站通过橙色这个主色和青色、紫色等辅助色之间的比照调和来具体表现出亮堂的色彩风格。明度较高的给人轻感,橙色代表亲切和阳光,因而用户在阅读页面的时候也能体验到放心与暖和的感觉。色彩多变的辅助色在一定程度上让整个页面愈
9、加年轻化;与此同时,不同于两边的扎眼的白色,安全区域用了浅灰色来作为背景颜色,能够在一定程度上减缓用户的视觉疲惫,加强用户体验的友好性。在布局方面,遵循 一切从简 的原则,尽可能减少页面内容太多而引起的杂乱现象。尽量使用图片和文字相结合,并且用不同色彩的变化以及文字与线条组合的方式进行区分不同模块内容,同时设置鼠标事件,通过鼠标事件实现的交互动态效果可增加用户体验的趣味性。2.1.3 制作步骤1网站定位基于 壮大旅游产业 的方针政策、社会观念与旅游市场大环境的前提,确定网站的核心目的、使用场合、使用群体以及整体风格。2资料收集根据网站定位以及用户需求进行相关内容的收集,再把收集到的信息按模块进
10、行分类。3草图使用Pencil工具进行草图的绘制。绘制经过中需要指明每个页面的详细功能,并根据 用户体验最优化 的原则确定好每个模块的详细内容,同时进行合理化的编排。初稿完成之后,还要检查导航的定位能否明确、模块内容是不是用户所需要的、二级栏目的分类合不合理以及栏目的内容能否与栏目的题相关。假如不符合上述要求,则需要再次进行调整。4效果图使用Adobe Photoshop来实现效果图。这个经过需要根据草图的大致排版,并且根据设计规范来进行设计。对于页面图片的处理,需要根据排版来进行大小以及比例的调整,同时还要处理在这个经过中带来的图片失真的问题。5编程用Visual studio来进行编程,首
11、先进行页面基本构造的编码。完成之后,用Adobe Dreamweaver来进行CSS样式以及JavaScript脚本的编写,然后引入到Visual studio中,实现修饰网页以及网页的动态功能,为用户提供更好的阅读效果。6测试与检查将编辑好的程序进行预览测试,检查能否会出现编译错误、页面跳转错误、点击按钮有没有反响、显示页面构造明显与效果图不同等情况,同时还需要将预览的网页保存成图片,然后与效果图进行测量比照,假如有出现不同的情况,则需要回到源程序找到错误源并进行修改。阅读器的兼容性也是需要检查的一项内容,有些阅读器可能无法显示部分图片,需要在源程序设置当图片无法显示的时候出现文字提醒,告知
12、用户这是相关图片。图2 网站主要栏目2.2 栏目构造栏目设计首先要明确设计网站的目的性和受众需求,其次栏目名称须高度概括栏目内容。此网站为游客提供韶关旅游信息,当地旅游信息概括为衣食住行。首页、大概情况、资讯、美食、住宿和景区这六个一级栏目简洁明了地介绍了韶关衣食住行,能够快速知足游客了解韶关的基本需求。一级栏目之下设计韶关风采、人口民族、特色美食、民宿、交通、遨游区等次级栏目,让游客从不同方面了解了韶关。而遨游区中的虚拟游览景点是本网站个性化的一个栏目,不仅有传统的景点历史介绍,还增加了一个遨游,丰富了网站多样性。2.3 技术难点UI设计阶段一直在克制的问题是界面的整体风格。整体风格是用户阅
13、读界面的第一印象,会直接影响到用户的视觉体验,因而在草图阶段确定好内容模块的排版。设计草图经过中需要解决的主要矛盾是美观与用户习惯之间的矛盾。全程根据艺术设计来进行模块内容的排版往往出现违背用户习惯的现象,进而导致用户体验感下降。好的排版在具体表现出视觉设计审美的同时还要能够最大化遵循用户习惯并优化信息架构,让用户能够以最优的途径到达目的地,进而降低网站的迷失度。效果图设计经过最难的地方是色彩搭配的问题,色彩搭配也是影响整体风格的一个非常重要的因素。用什么颜色、如何搭配使用色彩才能使界面效果最大化,这个又要基于人对于色彩的感悟,所以在这个经过的设计中要密切注意人与色彩心理学。编程实现前阶段的难
14、点就是静态布局和动态布局之间的衡量选择。静态布局使用的是绝对宽度和高度,能够根据设置的布局来显示在页面中,通过使用滚动条来阅读被遮掩的部分,同时不会出现兼容性的问题。而动态布局能够克制静态布局的弊端,实现网页的自适应调整,但在阅读器的兼容性上有一定的要求,且开发效率低下。当页面布局改变较大时,在一定程度上增加了CSS样式修改的难度。其次是页面跳转与同页面不同内容的转换之间的衡量选择。前者能够通过构造简单的代码实现页面跳转,但是对于多个页面同样框架的页面来讲,会造成代码冗余。而后者能够弥补前者的缺乏,通过JavaScript的显示隐藏事件来实现同页面不同内容之间的转换,但是与前者相比,后者在引入
15、样式的经过中有时候会出现引入失败问题。2.4 网站测试结果网站漏洞在网站开发的经过中是无法避免的,只能不断地通过网站测试来优化网站。由此可见,网站测试是保证网站质量的必要环节。部分测试结果如此图3、图4所示。韶关自然与历史文化遗产虚拟游览网站从功能、兼容性以及易用性这三个方面进行了一系列相关测试。在功能测试阶段,页面内容测试和链接测试是网站测试的基础。该网站内容表示出恰当,用户不会引起歧义。同时,网站提供的信息是经过大量的资料收集比照,信息准确。链接测试的环节,整体内容链接跳转正常,但在美食模块中点击部分美食的图片,会出现跳转到错误页面的情况;大概情况模块中点击二级标题切换内容没有反响,文章内
16、容的隐藏与显示也出现了问题。在兼容性测试阶段,采用了当前市场的主流阅读器,如IE、Firefox、Chrome等阅读器进行了兼容性的测试,测试结果并未显示异常。在易用性检测阶段,该网站从导航和界面进行了详细的研究分析。韶关自然与历史文化遗产虚拟游览网站导航架构特别清楚明晰,用户聚焦度较高,用户能够特别快速的通过导航定位到想要了解的信息点。同时,简洁的界面降低了网站的操作难度,加强了用户体验的友好性。图3 网站首页测试效果图4 景区虚拟遨游效果3 总结本研究利用当前最流行的Windows平台应用程序的集成开发环境Visual Studio、网页代码编辑器Adobe Dreamweaver、图片处
17、理的辅助工具Photoshop和草图工具Pencil来进行韶关旅游网站的设计与实现。该网站提供了大部分出行者比拟关注的信息,用户能够在里面集中阅读韶关相关信息,不用再分别搜索不同方面的内容,让用户在短时间内愈加全面的了解韶关。以下为参考文献1李时颖.UI设计中的色彩运用研究J.电脑知识与技术,2021,12(31):193-194.2修德旭.论UI设计中的色彩心理学运用J.艺术评鉴,2021(8):177-178.3廖国良.UI设计中用户交互体验的视觉思维分析及讨论J.佳木斯职业学院学报,2021(11):494,496.4吴军.网页设计的几大误区J.计算机与网络,2021,44(9):41.5王晓红.省级旅游网站建设现在状况研究J.当代情报,2020,34(12):90-94,112.6张志一,耿秀春.网站建设的总流程分析J.价值工程,2022,38(32):249-251.7朱雷.Web网站测试技术浅析J.辽宁师专学报(自然科学版),2020,14(4):27-29.