1、目 录1引言 .12网站设计的技术基础 .32.1网站规划 .32.2网站的设计 .32.3网站的建设 .42.4测试与发布 .42.5网站的维护 .42.6制作网站的工具 .63忻州旅游网站的 设计与实现 .83.1整体规划 .83.2网站的设计 .93.3网站的 建设 .103.4“忻州 旅游网”简介 .154结束语 .17参考文献 .18Abstract .19致谢 .20忻州师范学院计算机科学与技术系本科毕业设计（论文）1忻州旅游网站的设计与实现摘 要：为了使人 们了解忻州，让忻州的旅游业更好的向前发展，促进忻州与世界的联系，设计和建立了忻州旅游网站。本文介绍了忻州地区的历史文化，从食
2、、宿、行、游、娱几个方面给大家一个全方位的展示，并实现了站内、站外搜索及留言板等功能。就网站的具体制作过程，利用了网页的基本制作工具和 ASP 技术，并提出了 对网站进行测试和维护的方法。关键词：旅游信息; HTML; FrontPage; ASP; 网站建设; 网站维护1 引言在当今全球信息化大潮中，互联网（即因特网Internet）异军突起，给 20世纪末的人类社会增添了无限的活力，成为现代社会生活中一道亮丽的风景线。互联网带给人们的不仅仅是技术，而是一种以信息为标志的崭新的生活方式。旅游业，作为一类对信息和信息技术依赖性很强的产业，将如何适应信息革命的挑战，未来的旅游业如何发展，都是旅游
3、工作者们需要思考的问题。信息是旅游业的基础，旅游业的信息密集性（Information Intensive）是推动信息技术在旅游业中广泛应用的关键所在，信息化是旅游业发展的强大推动力。随着经济的发展，人们生活水平的提高，旅游活动已经成为人们生活中的重要组成部分。旅游者在做出旅游决策前，需收集一些与目的地有关的旅游信息，比如当地的旅游发展状况、景区景点分布、旅游活动项目、活动时间及旅游目的地的通达性、气候、交通、住宿、消费、旅游的最佳路线等。因此，为了更好地开发利用旅游资源，吸引更多的旅游者前来观光旅游，开发和建立旅游网站，为旅游者和与旅游相关的行业和部门提供全面的旅游信息服务不仅是必要的，而且
4、是势在必行的 1。随着 Internet的普及，旅游者可以对旅游目的地进行预游（网上旅游） ，这样可以了解旅游目的地的各种情况，还可以通过网上预订事先安排好旅游活动。个性化的旅游和多极化的旅游得到了淋漓尽致的发挥，越来越多的网民利用这种简单便捷的方式了解旅游信息。因此，网站的建设已成为展现个人或公司风采的重要手段。网页制作工具例如 FrontPage、Dreamweaver 可以方便快捷地制作出自己喜爱的网页。WEB技术的发展已不再局限于仅仅提供大量信息服务，它能够使网页具有良好的交互性，由最初的静态 HTML发展到动态网页技术 DHTML，CGI 实现了真正的动态网页，忻州师范学院计算机科学
5、与技术系本科毕业设计（论文）2脚本语言与 ASP技术后来居上并大有取代 CGI的趋势。从制作与开发技术上讲，采用的开发工具有 ASP、PHP、JSP 等，随着技术的发展，制作技术和系统功能日趋完善，但仍然有着相当大的发展空间。目前我国旅游业的发展潜力在于供给市场规模不断扩大，个性化旅游日益明显。一方面，旅游人数在逐步增多；另一方面，旅游散客比例将增加，这就对网站的设计与实现提出了更高的要求。忻州师范学院计算机科学与技术系本科毕业设计（论文）32 网站设计的技术基础2.1网站规划 良好的规划是进一步工作的基础，在网站建设的开始时对站点进行详细的规划组织是非常必要的。网站的整体策划及其开发是一个重
6、要的环节，也是网站成功与否的重要因素。网站的规划是对网站功能、结构、内容、外观等方面的总体规划，需要从多方面收集和整理资料。2.1.1确定建设网站的目标从某种意义上说，网站的命运取决于客户的满意程度，因此，要开发一个优秀的网站，首先要明确该网站是为谁服务的，要满足人们的何种需求。2.1.2收集资料和准备素材建设网站的首要条件是根据网站所要展示的内容，尽可能多地从各个地方去收集和整理资料；其次，为了更好的反映这些内容，需要准备一些素材，比如图片、图标等；最后，组织内容进行设计和分类，完成整体规划。2.1.3确定网站风格 2确定了站点的整体风格，也就决定了网站内容的表现形式，包括网页所采用的布局结
7、构、颜色、字体、标志图形、图像等方面。Internet 上的网站风格主要有以下两种：(1)信息式 (2)画廊式采用什么样的风格，只要能找到文字与图像和其他网络媒体的平衡点，给访问者想得到的信息或是感受，最终吸引访问者，就是成功的网站。忻州旅游网站的风格采用信息式，为客户创造价值。2.2网站的设计要想建立一个优秀的网站，内容是非常重要的，但好的内容没有一个好的形式，同样吸引不了很多的读者。在网站规划过程中，已确定了网站的风格，但网站风格的具体实现要以网站主题和内容来决定，给访问者一个风格统一、结构一致的页面显示，让人感觉到整个网站内容清晰、不杂乱。2.2.1设计页面的布局在设计页面前，首先确定页
8、面中要放置什么内容，包括导航栏、文字、图像或忻州师范学院计算机科学与技术系本科毕业设计（论文）4其它多媒体信息的详细数目，选择排版技术，如表格、框架等。2.2.2网页中的颜色在网页制作过程中，通过设置文本颜色，背景颜色，链接以及图像中的颜色，可以构造出很多布局效果，一定要保持一致性和注意可读性。2.2.3文字、图像、动画的使用浏览网页就像看杂志一样，文本的堆积令人乏味，有时几张图片、动画的出现不但可以将枯燥的语句形象化，而且给人留下深刻的印象。2.3网站的建设在网站建设初期，需要考虑两方面问题：第一，网站内容和主题的定位；第二，站点的结构布局，特别是主页的设计，主页设计的好坏，直接决定了访问者
9、的数量。2.3.1创建站点和主页的设计最好的 Web站点是那些目标明确，组织合理，信息简洁，并且不会让用户等待很长时间信息就会出现在屏幕上的站点。主页的作用好比一本书的封面，是为了吸引用户浏览你的网址内容。因此，主页的设计应醒目、令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂，应具有良好的创意，色彩搭配、页面风格要保持一致，富有吸引力。2.3.2其它网页的设计在一个网站中，为了使表现的内容和主题达到统一，非主页的页面设计也是相当重要的，要以主页的风格为主，保持“总体协调，局部对比” 。2.3.3整理站点当网站建设基本完成后，应该对网站的内容进行组织和分类。比如，可以将不同内容和形式的
10、网页、图片分类管理，这样不仅可以使已有的内容更加条理清楚，而且有助于今后对网站的更新和维护。 2.4测试与发布将所有网页制作完毕后，就可以将网站发布到 Internet上。不经过测试和没有维护功能的页面不能称之为成功的网页，所以，在发布之前必须对网站进行测试，包括测试页面显示的细节因素和页面中的超链接。所谓发布站点，实际上就是将用户在客户端创建的站点的全部文件复制到已选择好的 Web服务器上的过程。借助FrontPage2000的强大功能使得在 Internet上发布站点变得轻而易举。忻州师范学院计算机科学与技术系本科毕业设计（论文）52.5网站的维护在网站开发过程中，不要认为一旦网站投入运行
11、，网站的建设工作就已经完成,我们只能说网站已投入运行，而永远不能说它已被完全建好。网站不同于其它媒体，网站可持续的时间是不确定的，随着时间的推移，它们所使用的开发工具、技术都有待更新。2.5.1测试网络网站发行之后，首先必须由自己测试一下网站连接的正确性。因为在网络传输过程中会发生很多不可预料的错误，如数据传输错误、丢失文件、文件名字错误、网页之间的超级链接发生问题等。2.5.2网页的日常维护 8(1)维护的第一项内容是网站每一页内容的运行情况，如果经常为网站升级，当新内容一经发布，就要对其进行检查。(2)应该对网页上的导航设备进行不间断地维护。(3)要进行后台维护，包括检查文件和目录结构；检
12、查以保证所有脚本程序和其他文件的路径是一致的；检查网页装载的文件大小；重新安排旧代码的格式，使其符合新内容所采用的标准。(4)当新的浏览器版本或 HTML标准面世后，要测试网站在新的软件下是否依然运行良好。2.5.3网站的宣传推广建设好一个站点，最需要做的事情就是尽快通过各种宣传手段，提高网站的知名度，让人们来浏览。宣传网站的方法有很多：向亲朋好友推荐；在搜索引擎登记；在新闻组和 BBS上作宣传；参加广告联盟；参加网站排行榜；在报刊杂志上发表文章；利用电子邮件传递方式把网址发送到互联网用户的信箱中。2.5.4网站的优化与更新 9网站的吸引力主要靠内容的不断更新和网站功能的不断优化，一般来说，要
13、做到：(1)记住用户的意见；(2)经常查看访问日志文件；(3)用好的图片与图像；(4)校验链接；(5)及时剔除过时的页面；忻州师范学院计算机科学与技术系本科毕业设计（论文）6(6)提高 URL的使用效率；(7)创建帮助链接；(8)时时保持新鲜感；(9)向他人学习。2.5.5网站的备份与恢复网站在制作完成后，应该为之保存一个安全的备份信息，这样在发生意外的时候可以成功的恢复站点，不至于使网站信息完全丢失。备份时首先要制定备份策略、备份的介质、备份的频率、备份信息的可恢复性等。 2.6制作网站的工具2.6.1 FrontPage和 HTMLFrontPage是 Microsoft公司推出的网页制作
14、工具，是一种所见即所得的图形化界面的网页编辑器。它对一个 Web站点有很强的控制能力，可以统一 Web站点内页面的外观和风格。它的 Web管理功能也很强大，用户可以通过图形的方式观察和调整站点的结构。无论是对于业余爱好者而言，还是对专业设计人员而言，FrontPage都是 足够强壮稳定的 4。HTML英文全名 Hyper Text Markup Language，是构成 Web页面的基本元素。HTML不是一种编程语言，而是一种“标注语言” ，HTML 产生的文档为超文本文档，最直观的体现是可以用鼠标操作在文档间跳转。HTML文件是由一系列字符串来描述文件中的信息和功能的，可由下列三部分组成：(
15、1)标记：是 HTML的基本元素，可以说一个 HTML文件大部分都是由字符信息加上一些标记呈现出来的。(2)文字与图形资料：是指要提供给浏览信息的人阅读的内容。(3)统一资源定位器 URL。HTML文件是一种纯文本格式的文件，包括头部（head）和主体（body）两大部分。文件的基本结构为：HTMLHEADTITLE网页的标题/TITLE/HEADBODY忻州师范学院计算机科学与技术系本科毕业设计（论文）7网页的内容/BODY/HTML其中文件头对文件的整体属性进行定义，提高了文档的可读性。文件体表达文件的功能，由带有标记的文本组成。完全使用标记符对文本进行编辑很不方便，因此，出现了许多“即看
16、即所得”的网页编辑工具。其中应用较广泛的 FrontPage和 Dreamweaver，使编辑的页面更加自由、美观而富于动感。2.6.2 Flash和 Photoshop网页创作人员希望做出的网页与众不同，而且美观。他们最大的愿望就是创作一个自认为很独特的主页，既能体现个性，又能随时更新。而精美的图片设计，可使自己的网页增辉，会让人过目不忘。下面列出了二种网页图像制作工具 ：Flash是目前最流行的一种 Web矢量动画软件。Flash 图形是压缩的矢量图形，而且采用了网络流式媒体技术，突破了网络带宽的限制，可以在网络上迅速传输，用它可以制作一种扩展名为.swf 的动画文件，这种文件可以插入 H
17、TML里，也可以单独成为网页，还可以制作出.jpg、.gif 的图像文件，它制作的文件所占空间小，有利于网上传输。在忻州旅游网站中，插入了许多 Flash 制作的动画和图像，增强了网页的形象性和美观性 5。Photoshop是一个专业的图形图像处理软件，功能强大，能够实现各种专业的图像处理。忻州师范学院计算机科学与技术系本科毕业设计（论文）83 忻州旅游网站的设计与实现3.1整体规划3.1.1确定建设网站的目标忻州旅游网站的目标是满足用户（包括中国人，海外华人，国际友人）对旅游信息的需求，了解忻州地区的历史文化知识，提供一些旅游新闻，旅游常识，常用信息，让旅游变得更轻松，用忻州美丽的风景和热忱
18、的服务吸引更多的中外游客。3.1.2收集整理资料网站最终的发展前景是由信息的数量、及时性和有用性等决定的，因此，充足可靠的信息源是必不可少的。忻州旅游网主要展示的是忻州地区的旅游信息，包括旅游发展状况、景区景点分布、气候、交通、人文、住宿、旅游的最佳路线等。3.1.3准备素材准备素材，应该准备网站设计阶段的所有大量素材，包括图片、动画、多媒体信息等。它们有的是自己制作的，如网站的名字、网站的横幅等，都是用 Flash动画软件制作；也有的是从网站上下载的，例如网站中大量的景观图片。3.1.4内容规划和分类资料和素材准备好后，就应该对这些内容进行组织、整理。旅游者在旅游过程中所涉及到的食、宿、行、
19、游、娱在忻州旅游网站中都充分的展现出来。网站主要包括“旅游概览” 、 “旅游景观” 、 “旅游饭店” 、 “旅游线路” 、 “旅行社团” 、 “民族风俗” 、 “特色产品” 、 “诗文游记” 、 “留言板”九大板块。旅游者关心的是与自己旅游活动相关的吃、住、行、游、购、娱方面的信息和内容，面向旅游者的旅游信息内容如下 6：(1)景点景区信息：景区的名称、交通状况、景区景点的宣传手册、音像资料、图像资料、分布图、景区的景点构成、开发状况和特色景点、门票价格、最佳游览季节、不同游览路线、景区和相邻景区的通达性，景区景点的旅游管理机关名称、地点、联系电话。(2)宾馆饭店信息：宾馆饭店的位置、级别、特
20、色菜、服务项目、服务设施、收费标准、联系电话、宾馆饭店与景区景点的空间联系。忻州师范学院计算机科学与技术系本科毕业设计（论文）9(3)娱乐信息：娱乐中心、影剧院、歌舞厅、音乐厅、健身房、休闲广场的分布、营业时间、联系电话、交通的便利状况。(4)购物信息：旅游地的旅游纪念品、当地的特色产品，大型商场、超市购物中心、购物街等各自的特色和分布。(5)交通信息：旅游地的旅游交通图，旅游区的车站、码头、机场、港口的分布，车次信息及与世界各地的联系，停车场、汽车修理店等信息，售票网点的分布和预定、预售信息。(6)其它相关信息：旅游目的地气象气候资料，当地风俗习惯，节日庆典，宗教活动，医院与药店分布情况，公安报警点及电话号码，失物招领中心及联系电话等信息。3.2网站的设计网站要取得成功，一定要有先进的理念，先进的思想和独特的创意。3.2.1页面布局网页的布局设计变得越来越重要，访问者不愿看到只注重内容的站点。在忻州旅游网站中，选择了以“表格”为主的排版技术，分三栏，用表格来确定网页内容的位置，如 3.1图：3.2.2网页色彩色彩是人类视觉最敏感的东西。网页色彩处理的好，可以锦上添花，达到事半功倍的效果。忻州旅游网站以橙色为主色调，橙色象征着温暖、和平、生机、祥和，再以蓝色、绿色、紫色作为搭配，从而使网站的整体感觉很舒适、和谐，既不会显图 3.1 版面设计
