旅游网站的设计与实现

旅游网站的设计与实现[java毕业论文下载]

忻州旅游网站的设计与实现

 

摘  要:为了使人们了解忻州,让忻州的旅游业更好的向前发展,促进忻州与世界的联系,设计和建立了忻州旅游网站。本文介绍了忻州地区的历史文化,从食、宿、行、游、娱几个方面给大家一个全方位的展示,并实现了站内、站外搜索及留言板等功能。就网站的具体制作过程,利用了网页的基本制作工具和ASP技术,并提出了对网站进行测试和维护的方法。

关键词:旅游信息; HTML; FrontPage; ASP; 网站建设; 网站维护

 

1引言

 

在当今全球信息化大潮中,互联网(即因特网——Internet)异军突起,给20世纪末的人类社会增添了无限的活力,成为现代社会生活中一道亮丽的风景线。互联网带给人们的不仅仅是技术,而是一种以信息为标志的崭新的生活方式。旅游业,作为一类对信息和信息技术依赖性很强的产业,将如何适应信息革命的挑战,未来的旅游业如何发展,都是旅游工作者们需要思考的问题。信息是旅游业的基础,旅游业的信息密集性(Information —Intensive)是推动信息技术在旅游业中广泛应用的关键所在,信息化是旅游业发展的强大推动力。随着经济的发展,人们生活水平的提高,旅游活动已经成为人们生活中的重要组成部分。旅游者在做出旅游决策前,需收集一些与目的地有关的旅游信息,比如当地的旅游发展状况、景区景点分布、旅游活动项目、活动时间及旅游目的地的通达性、气候、交通、住宿、消费、旅游的最佳路线等。因此,为了更好地开发利用旅游资源,吸引更多的旅游者前来观光旅游,开发和建立旅游网站,为旅游者和与旅游相关的行业和部门提供全面的旅游信息服务不仅是必要的,而且是势在必行的[1]

随着Internet的普及,旅游者可以对旅游目的地进行预游(网上旅游),这样可以了解旅游目的地的各种情况,还可以通过网上预订事先安排好旅游活动。个性化的旅游和多极化的旅游得到了淋漓尽致的发挥,越来越多的网民利用这种简单便捷的方式了解旅游信息。因此,网站的建设已成为展现个人或公司风采的重要手段。网页制作工具例如FrontPage、Dreamweaver可以方便快捷地制作出自己喜爱的网页。WEB技术的发展已不再局限于仅仅提供大量信息服务,它能够使网页具有良好的交互性,由最初的静态HTML发展到动态网页技术DHTML,CGI实现了真正的动态网页,脚本语言与ASP技术后来居上并大有取代CGI的趋势。从制作与开发技术上讲,采用的开发工具有ASP、PHP、JSP等,随着技术的发展,制作技术和系统功能日趋完善,但仍然有着相当大的发展空间。

目前我国旅游业的发展潜力在于供给市场规模不断扩大,个性化旅游日益明显。一方面,旅游人数在逐步增多;另一方面,旅游散客比例将增加,这就对网站的设计与实现提出了更高的要求。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2网站设计的技术基础

 

2.1网站规划 

良好的规划是进一步工作的基础,在网站建设的开始时对站点进行详细的规划组织是非常必要的。网站的整体策划及其开发是一个重要的环节,也是网站成功与否的重要因素。网站的规划是对网站功能、结构、内容、外观等方面的总体规划,需要从多方面收集和整理资料。

2.1.1确定建设网站的目标

从某种意义上说,网站的命运取决于客户的满意程度,因此,要开发一个优秀的网站,首先要明确该网站是为谁服务的,要满足人们的何种需求。

2.1.2收集资料和准备素材

建设网站的首要条件是根据网站所要展示的内容,尽可能多地从各个地方去收集和整理资料;其次,为了更好的反映这些内容,需要准备一些素材,比如图片、图标等;最后,组织内容进行设计和分类,完成整体规划。

2.1.3确定网站风格[2]

确定了站点的整体风格,也就决定了网站内容的表现形式,包括网页所采用的布局结构、颜色、字体、标志图形、图像等方面。Internet上的网站风格主要有以下两种:

(1)信息式  

(2)画廊式

采用什么样的风格,只要能找到文字与图像和其他网络媒体的平衡点,给访问者想得到的信息或是感受,最终吸引访问者,就是成功的网站。忻州旅游网站的风格采用信息式,为客户创造价值。

2.2网站的设计

要想建立一个优秀的网站,内容是非常重要的,但好的内容没有一个好的形式,同样吸引不了很多的读者。在网站规划过程中,已确定了网站的风格,但网站风格的具体实现要以网站主题和内容来决定,给访问者一个风格统一、结构一致的页面显示,让人感觉到整个网站内容清晰、不杂乱。

2.2.1设计页面的布局

在设计页面前,首先确定页面中要放置什么内容,包括导航栏、文字、图像或其它多媒体信息的详细数目,选择排版技术,如表格、框架等。

2.2.2网页中的颜色

在网页制作过程中,通过设置文本颜色,背景颜色,链接以及图像中的颜色,可以构造出很多布局效果,一定要保持一致性和注意可读性。

2.2.3文字、图像、动画的使用

浏览网页就像看杂志一样,文本的堆积令人乏味,有时几张图片、动画的出现不但可以将枯燥的语句形象化,而且给人留下深刻的印象。

2.3网站的建设

在网站建设初期,需要考虑两方面问题:第一,网站内容和主题的定位;第二,站点的结构布局,特别是主页的设计,主页设计的好坏,直接决定了访问者的数量。

2.3.1创建站点和主页的设计

最好的Web站点是那些目标明确,组织合理,信息简洁,并且不会让用户等待很长时间信息就会出现在屏幕上的站点。主页的作用好比一本书的封面,是为了吸引用户浏览你的网址内容。因此,主页的设计应醒目、令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂,应具有良好的创意,色彩搭配、页面风格要保持一致,富有吸引力。

2.3.2其它网页的设计

在一个网站中,为了使表现的内容和主题达到统一,非主页的页面设计也是相当重要的,要以主页的风格为主,保持“总体协调,局部对比”。

2.3.3整理站点

当网站建设基本完成后,应该对网站的内容进行组织和分类。比如,可以将不同内容和形式的网页、图片分类管理,这样不仅可以使已有的内容更加条理清楚,而且有助于今后对网站的更新和维护。 

2.4测试与发布

将所有网页制作完毕后,就可以将网站发布到Internet上。不经过测试和没有维护功能的页面不能称之为成功的网页,所以,在发布之前必须对网站进行测试,包括测试页面显示的细节因素和页面中的超链接。所谓发布站点,实际上就是将用户在客户端创建的站点的全部文件复制到已选择好的Web服务器上的过程。借助FrontPage2000的强大功能使得在Internet上发布站点变得轻而易举。

2.5网站的维护

在网站开发过程中,不要认为一旦网站投入运行,网站的建设工作就已经完成,我们只能说网站已投入运行,而永远不能说它已被完全建好。网站不同于其它媒体,网站可持续的时间是不确定的,随着时间的推移,它们所使用的开发工具、技术都有待更新。

2.5.1测试网络

网站发行之后,首先必须由自己测试一下网站连接的正确性。因为在网络传输过程中会发生很多不可预料的错误,如数据传输错误、丢失文件、文件名字错误、网页之间的超级链接发生问题等。

2.5.2网页的日常维护[8]

(1)维护的第一项内容是网站每一页内容的运行情况,如果经常为网站升级,当新内容一经发布,就要对其进行检查。

(2)应该对网页上的导航设备进行不间断地维护。

(3)要进行后台维护,包括检查文件和目录结构;检查以保证所有脚本程序和其他文件的路径是一致的;检查网页装载的文件大小;重新安排旧代码的格式,使其符合新内容所采用的标准。

(4)当新的浏览器版本或HTML标准面世后,要测试网站在新的软件下是否依然运行良好。

2.5.3网站的宣传推广

建设好一个站点,最需要做的事情就是尽快通过各种宣传手段,提高网站的知名度,让人们来浏览。宣传网站的方法有很多:向亲朋好友推荐;在搜索引擎登记;在新闻组和BBS上作宣传;参加广告联盟;参加网站排行榜;在报刊杂志上发表文章;利用电子邮件传递方式把网址发送到互联网用户的信箱中。

2.5.4网站的优化与更新[9]

网站的吸引力主要靠内容的不断更新和网站功能的不断优化,一般来说,要做到:

(1)记住用户的意见;

    (2)经常查看访问日志文件;

    (3)用好的图片与图像;

    (4)校验链接;

    (5)及时剔除过时的页面;

    (6)提高URL的使用效率;

    (7)创建帮助链接;

    (8)时时保持新鲜感;

    (9)向他人学习。

2.5.5网站的备份与恢复

网站在制作完成后,应该为之保存一个安全的备份信息,这样在发生意外的时候可以成功的恢复站点,不至于使网站信息完全丢失。备份时首先要制定备份策略、备份的介质、备份的频率、备份信息的可恢复性等。 

2.6制作网站的工具

2.6.1 FrontPage和HTML

FrontPage是Microsoft公司推出的网页制作工具,是一种所见即所得的图形化界面的网页编辑器。它对一个Web站点有很强的控制能力,可以统一Web站点内页面的外观和风格。它的Web管理功能也很强大,用户可以通过图形的方式观察和调整站点的结构。无论是对于业余爱好者而言,还是对专业设计人员而言,FrontPage都是 足够强壮稳定的[4]

HTML英文全名Hyper Text Markup Language,是构成Web页面的基本元素。HTML不是一种编程语言,而是一种“标注语言”,HTML产生的文档为超文本文档,最直观的体现是可以用鼠标操作在文档间跳转。

HTML文件是由一系列字符串来描述文件中的信息和功能的,可由下列三部分组成:

(1)标记:是HTML的基本元素,可以说一个HTML文件大部分都是由字符信息加上一些标记呈现出来的。

(2)文字与图形资料:是指要提供给浏览信息的人阅读的内容。

(3)统一资源定位器URL。

HTML文件是一种纯文本格式的文件,包括头部(head)和主体(body)两大部分。文件的基本结构为:

〈HTML〉

  〈HEAD〉

    〈TITLE〉网页的标题〈/TITLE〉

  〈/HEAD〉

  〈BODY〉

     网页的内容

  〈/BODY〉

〈/HTML〉

其中文件头对文件的整体属性进行定义,提高了文档的可读性。文件体表达文件的功能,由带有标记的文本组成。

完全使用标记符对文本进行编辑很不方便,因此,出现了许多“即看即所得”的网页编辑工具。其中应用较广泛的FrontPage和Dreamweaver,使编辑的页面更加自由、美观而富于动感。

2.6.2 Flash和Photoshop

网页创作人员希望做出的网页与众不同,而且美观。他们最大的愿望就是创作一个自认为很独特的主页,既能体现个性,又能随时更新。而精美的图片设计,可使自己的网页增辉,会让人过目不忘。下面列出了二种网页图像制作工具 :

Flash是目前最流行的一种Web矢量动画软件。Flash图形是压缩的矢量图形,而且采用了网络流式媒体技术,突破了网络带宽的限制,可以在网络上迅速传输,用它可以制作一种扩展名为.swf的动画文件,这种文件可以插入HTML里,也可以单独成为网页,还可以制作出.jpg、.gif的图像文件,它制作的文件所占空间小,有利于网上传输。在忻州旅游网站中,插入了许多Flash 制作的动画和图像,增强了网页的形象性和美观性[5]

Photoshop是一个专业的图形图像处理软件,功能强大,能够实现各种专业的图像处理。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3忻州旅游网站的设计与实现

 

3.1整体规划

3.1.1确定建设网站的目标

忻州旅游网站的目标是满足用户(包括中国人,海外华人,国际友人)对旅游信息的需求,了解忻州地区的历史文化知识,提供一些旅游新闻,旅游常识,常用信息,让旅游变得更轻松,用忻州美丽的风景和热忱的服务吸引更多的中外游客。

3.1.2收集整理资料

网站最终的发展前景是由信息的数量、及时性和有用性等决定的,因此,充足可靠的信息源是必不可少的。忻州旅游网主要展示的是忻州地区的旅游信息,包括旅游发展状况、景区景点分布、气候、交通、人文、住宿、旅游的最佳路线等。

3.1.3准备素材

准备素材,应该准备网站设计阶段的所有大量素材,包括图片、动画、多媒体信息等。它们有的是自己制作的,如网站的名字、网站的横幅等,都是用Flash动画软件制作;也有的是从网站上下载的,例如网站中大量的景观图片。

3.1.4内容规划和分类

资料和素材准备好后,就应该对这些内容进行组织、整理。旅游者在旅游过程中所涉及到的食、宿、行、游、娱在忻州旅游网站中都充分的展现出来。网站主要包括“旅游概览”、“旅游景观”、“旅游饭店”、“旅游线路”、“旅行社团”、“民族风俗”、“特色产品”、“诗文游记”、“留言板”九大板块。

旅游者关心的是与自己旅游活动相关的吃、住、行、游、购、娱方面的信息和内容,面向旅游者的旅游信息内容如下[6]

(1)景点景区信息:景区的名称、交通状况、景区景点的宣传手册、音像资料、图像资料、分布图、景区的景点构成、开发状况和特色景点、门票价格、最佳游览季节、不同游览路线、景区和相邻景区的通达性,景区景点的旅游管理机关名称、地点、联系电话。

(2)宾馆饭店信息:宾馆饭店的位置、级别、特色菜、服务项目、服务设施、收费标准、联系电话、宾馆饭店与景区景点的空间联系。

(3)娱乐信息:娱乐中心、影剧院、歌舞厅、音乐厅、健身房、休闲广场的分布、营业时间、联系电话、交通的便利状况。

(4)购物信息:旅游地的旅游纪念品、当地的特色产品,大型商场、超市购物中心、购物街等各自的特色和分布。

(5)交通信息:旅游地的旅游交通图,旅游区的车站、码头、机场、港口的分布,车次信息及与世界各地的联系,停车场、汽车修理店等信息,售票网点的分布和预定、预售信息。

(6)其它相关信息:旅游目的地气象气候资料,当地风俗习惯,节日庆典,宗教活动,医院与药店分布情况,公安报警点及电话号码,失物招领中心及联系电话等信息。

3.2网站的设计

网站要取得成功,一定要有先进的理念,先进的思想和独特的创意。

3.2.1页面布局

网页的布局设计变得越来越重要,访问者不愿看到只注重内容的站点。在忻州旅游网站中,选择了以“表格”为主的排版技术,分三栏,用表格来确定网页内容的位置,如3.1图:

 

 

 

 

 

 

 

 

 

 

 

3.2.2网页色彩

色彩是人类视觉最敏感的东西。网页色彩处理的好,可以锦上添花,达到事半功倍的效果。忻州旅游网站以橙色为主色调,橙色象征着温暖、和平、生机、祥和,再以蓝色、绿色、紫色作为搭配,从而使网站的整体感觉很舒适、和谐,既不会显得过于凝重,也不会显得过于华丽。

3.2.3文字、图像和动画的使用

文字和图片是任何一个网站最基本的要素,二者比例要适度。文字太多,会降低网站的吸引力,图片太多,会使浏览速度下降。在设计过程中,考虑到速度因素,插入了用Flash制作的.swf动画,这样将不会使网页过于沉闷。

3.3网站的建设

在网站建设初期,需要考虑两方面问题:第一,网站内容和主题的定位;第二,站点的结构布局,特别是主页的设计,主页设计的好坏,直接决定了访问者的数量。忻州旅游网站大部分是由静态网页组成的,但是为了增强网页的交互性、自动更新、因时因人而变的特性,又增加了一部分动态网页,例如留言板、搜索引擎、网上调查。

下面就是网站的具体制作过程。

3.3.1创建站点

(1)启动Microsoft FrontPage2000。

(2)打开“文件”菜单,选择“新建”子菜单,单击“站点”命令,如3.2图所示:

 

 

 

 

 

 

 

 

 

 

 

(3)在站点名称一栏中输入“web”,选择保存路径,单击“确定”按钮。

(4)问你是否产生本地站点,确认后,系统工作。

3.3.2主页布局设计

主页的作用好比一本书的封面,是为了吸引用户浏览你的网址内容。因此,主页的设汁应醒目,令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。根据事先对网页的设计,考虑怎样在FrontPage2000中实现它,也就是布置图片和文本在网页中的位置。就拿忻州旅游网来讲,主页面如图3.3:

 

 

 

 

 

 

 

 

 

 

 

 

主页上的图形应力求简朴,避免耽搁用户的时间。图像的内容应有一定的实际作用,切忌虚饰浮夸。注意图画可以弥补文字的不足,但并不能够完全取代文字。主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其它地点的信息,尽量使漫游过程不费吹灰之力。

3.3.3制作网页标题和页面导航栏

网页标题是每个页面都应该具有的部分,网页的标题可以是文字,也可以是图形。标题要设计得既醒目、有特色,又要符合网站的内涵。页面导航是网页制作中不可缺少的部分之一。网络用户可以通过页面导航方便的找到他需要的内容,从而达到浏览整个网站的目的。

本网站是将网页标题和页面导航同放在一个表格内,步骤如下:

(1)打开“表格”菜单,选择“插入”,出现“插入表格”对话框,填好三行一列数,单击“确定”插入一个表格。

(2)将光标定位在第二行内,拆分为两列,调整大小,在第一列内插入网页标题.swf动画,第二列插入网页横幅.swf动画。

(3)将光标定位在第三行内,插入一行多列表格,在第一列内输入导航题目,如“首页”。选定“首页”,单击右键,弹出菜单,选择“超链接”菜单项出现链接文件对话框,输入链接“首页”的文件名,单击“确定”。

(4)在其它单元格内重复上述操作,最终完成导航条制作。忻州旅游网站中每一个页面都有很全面的导航条,如图3.4:

 

 

 

 

 

 

 

3.3.4制作页面主体

网页的主体部分集中了网页的大部分信息,是页面的核心,主要完成本网站信息的发布。制作该部分主要使用表格,进行文字和图片的编辑以及链接的设置。制作方法基本同上。

为了更好地方便访问者浏览信息,使内容得到统筹规划,在忻州旅游网站的制作过程中还使用了框架排版技术,在“诗文游记”的界面中充分使用了这一技术,将不经常变化的内容规划在一起,将经常更新的内容放在一起。如图3.5:

 

 

 

 

 

 

 

 

 

 

 

3.3.5制作页面其它部分

页面其它部分是对页面整体效果的补充,它们并不是必须的,但有了它们会使网页功能更完善。比如可以增加地区导航、旅游常识、常用信息等。

3.3.6其它网页的设计

在忻州旅游网站中,主要模块如旅游景观、旅游饭店、旅游社团、民族风俗和特色产品等,这些网页的设计在总体风格上都以主页为主,布局上出现了一栏式和两栏式的结构,从而使得网站内容的表现形式灵活多样,方便访问者浏览和查询所需信息。

旅游景观提供给访问者一个分类信息的界面,包括佛教圣境、温泉度假、芦芽灵沼、紫寨边关、忻定风光、其它景点六大板快,通过点击感兴趣的类别转到相应的景点信息介绍页面,如图3.6,图3.7所示:

 

 

 

 

 

 

 

 

 

 

民族风俗和特色产品是两个具有强烈人文色彩的模块,以淡蓝色为背景,可以充分感受到忻州地区的风土人情。在“特色产品”模块里,为了使表现内容更加突出,采用了两栏式的布局结构,如图3.8所示:

 

 

 

 

 

 

 

 

 

 

 

旅游网站的设计与实现[点击下载]

如需要全部源码,联系QQ:2812491287如需要全部源码,联系QQ:2812491287

评论