旅游网站设计正文(共26页)

1、精选优质文档-倾情为你奉上旅游网站设计与建立鑫鑫旅行网系 别： 专 业： 年 级： 姓 名： 指导教师： 摘 要本文就旅游网站的设计与建立，以软件工程的方法对全过程进行了分析与研究，本文的主要工作集中在： 1.对WEB页进行概述，主要是对旅游网站的历史和发展作了回顾，并对WEB页的定义和特性进行阐述，并对网站设计过程中使用的工具和技术简单的介绍.2.对网站建设中提及的术语进行简单解释，并对网站的由来和发展进行讨论。3.对自己设计的网站从设计理念到制作的过程进行详细分析.4.使用Dreamweaver+Flash+photoshop 等软件的设计方式进行解析。5.就网站的设计与制作提出自己的观点

2、以及建议。关键词：网站；设计工具；设计方案；创意；风格 引 言随着Internet的蓬勃发展，人类已经意识到了网络的巨大用途。网络的实时性、无区域性成为吸引全世界人类的巨大诱惑力。如今Internet国际互联网已在我国普及，越来越多的社会团体、企事业单位，在互联网上建立自己的网站。社会的发展和科学的进步，上网成为越来越多人们的选择。随着国民经济的发展,旅游业也迅速的发展起来,它增进了中国人民同世界各国人民交往的友谊,而且促进了中国的对外开放,开辟了新的就业门路,对于提高民族素质等都有积极作用。因此我们应大力发展旅游行业,更应该利用网络这个传播工具来扩展它的影响力和传播速度及范围,来共享资源。网

3、络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。第1章 绪论1.1系统开发背景目前，随着科技的发展，时代的进步。传统的地图与广告已经远远不能满足人们的信息需求，在当今这个年代，人们更愿意的是从网络获得信息，快速而庞大的信息量是其他途径所不能媲美的，而现代旅游网站的产生必定能给人们带来无限的便捷，它是现代旅游人士所迫切需求的。自互联网Internet成为一种革命性的大众媒体以来，其发展速度之快令人惊叹。 而作为世界最大朝阳产业的旅游，当它与电子商务这一新兴模式相

4、结合时，其潜藏的商业价值表露无遗。根据CNN公布的数据，全球旅游电子商务已连续 5 年以超过 350%的速度发展,1999年度全球电子商务销售额突破1400亿美元， 其中旅游电子商务销售额突破270亿美元，占全球电子商务销售总额的1/5，占电子商务应用的最大份额；5年前全球就约有超过17万家旅游企业在网上开展旅游服务，享受过旅游网站服务的超过8500万人次。随着中国经济的高速发展和国民收入的提高，以及旅游业自身的日渐发展成熟，越来越多的人在旅游时选择了自助旅游的方式。据2004年中国国内旅游抽样调查，按旅游方式分组，传统的由旅行社组织的出游人数仅占104，而各种形式的自助旅游则已经成为现代旅游

5、业发展的主流趋势。这样，摒弃了跟团旅游全程导游陪同的高度规范化模式，人们在自主旅游决策过程中对旅游信息的需求也越来越迫切。与此同时，近10年来网络在中国蓬勃发展，从2001年来网民人数每年增长均在2000万左右，2006年6月已达123亿。各地、各方踊跃投资建设旅游网站以实现旅游产业信息化，网络也成为越来越多旅游者新的信息渠道甚至消费方式。1.2旅游网站的历史和发展我国旅游电子商务起步较晚，虽然在这些年取得了一定发展，但是由于电子商务的基础薄弱，各项配套设施和相关法律制度还不健全，主要是在借鉴国外旅游电子商务发展的经验和模式，在摸索中前进，经历了以下几个阶段：(1) 萌芽阶段(19961998

6、):我国旅游网站的建设最早可以追溯到1996年。1997年由国旅总社参与投资的华夏旅游网的创办是中国旅游电子商务预订网兴起的引人注目的先声。此后，各类旅游预订网站如雨后春笋纷纷建立，行业规模逐渐扩大。(2) 起步阶段(19992002):1999年5月，携程旅行网(简称携程)成立，可以说是这一阶段的一个标志。携程是一家吸纳海外风险投资组建的旅行服务公司，在当时被称为一个“没有门店的旅行社”，它将信息技术、现代运作管理理念与传统旅游业相结合，打造了具有极强竞争力的服务价值链，形成了全新的服务和业务模式。这种全新的模式和理念，拓展了旅游电子商务的发展模式，适应了旅游业的发展要求，对旅游业的发展起了

7、巨大的推动作用。(3) 发展阶段(20032004):该阶段以2003年携程在美国纳斯达克成功上市为标志，当时也是互联网全面复苏的时期。在这个阶段中，中国旅游电子商务市场还处于探索和摸索的阶段，携程上市客观上加速了我国旅游电子商务市场服务水平的提升。(4) 完善阶段(20052008):2005年我国第三方支付平台支付宝的出现，为解决网上支付这一瓶颈问题，提供了非常好的解决方案，更重要的是为消费者建立了网上支付的信心，旅游电子商务也开启在线交易的新纪元，特别是对于机票产品，越来越多的实现了在线支付。(5) 新探索阶段(2009至今):2009年1月，千橡互动以1850万美元收购e龙5,283,

8、202股流通股，占后者总流通股本的23.7%。千橡互动收购e龙这一事件表明，在中国旅游电子商务市场日益发展的前提下，web 2.0应用逐渐在探索与旅游业结合的有效模式，未来在盈利模式方面需要形成具有中国特色的突破点。1.3鑫鑫旅行网网站概述主要建立一个完整的旅游网站，突出旅游特点，有美观的界面设计。各景点相关酒店预订、各个景点路程与旅游方式的设计与查询、对个景点所需费用查询。 有一定数量旅游景点信息可供处理。网站的信息咨询平台可以成为一个浏览者、客户与旅游网站之间互动的流程、渠道。系统主要功能：1.用户功能模块：实现的主要功能包括新用户注册、老用户登陆。2.信息检索模块：该模块主要是方便用户对

9、本站景点和酒店进行相关检索。3.留言模块：该模块中用户可以发表自己的看法也可浏览其他用户的留言。4.酒店预定：该功能模块主要是客户浏览了相关资料后，可通过本模块的下拉一个预定定单。将个人信息及预定的酒店填写完整后提交表单。5.信息浏览：实现的主要功能包括查看站内公告、点击景点，酒店等的信息。第2章 开发工具及主要开发技术简介2.1 Dreamweaver简介是美国MACROMEDIA公司开发的集和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是在网页设

10、计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。DREAMWEAVER特点：1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。可视化编辑环境大量减少了

11、代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、内建的

12、图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。9、超强的扩展能力Dreamwe

13、aver还支持第三方插件，任何人都可以根据自己的需要扩Dreamweaver的功能，并且可以发布这些插件。2.2 简介Adobe 是一个由Adobe Systems出品的专业图像处理软件。与该公司的其它软件一样，Photoshop适用于Mac OS及Microsoft Windows两个操作系统，同时公司也发布了Unix操作系统上的版本。Google也正在透过Wine资助Linux版Photoshop的研究。Photoshop最初是由托马斯·诺尔（Thomas Knoll）和约翰·诺尔（John Knoll）这对兄弟于1987年制作的，但直到1990年后，这个软件才由Ado

14、be公司首次发布。Photoshop最初用于处理那些在当时价格不菲的扫描下来的图像。特性：Photoshop主要处理以像素（Pixels）所构成的数字图像。利用其广泛的编修与绘图工具，可以更有效的进行图片编辑工作。独特的历史纪录浮动视窗和可编辑的图层效果功能使用户可以方便的测试效果。对各种的支持更令使用者能够轻松创造出各种奇幻的效果。目前，Photoshop也正在被更多的用于处理图片。Photoshop的几个后续版本中捆绑了一个独立的软件ImageReady，加强了Photoshop对网络图像（主要是GIF图像文件）的支持功能。而在CS3中ImageReady被Fireworks所代替。Pho

15、toshop CS3允许用户更容易升级到最新的硬件平台，支持苹果的Intel为内核的系统。Photoshop被人们认为是最好的图像处理软件，但与著名的3D Studio Max一样，昂贵的价格使其难以普及。这也令Jasc Software公司的Paint Shop Pro，GIMP小组的GIMP和友立信息的Ulead PhotoImpact占领了相当的市场份额。为了争夺市场，Adobe发布了一个Photoshop的简易版本Photoshop Elements。虽然它对很多功能都作了限定，但继承了原软件的多数优秀功能，价格比Photoshop便宜不少。2.3 Adobe Flash 简介Adob

16、e Flash，前称Macromedia Flash，简称Flash，前身FutureSplash，既指Adobe Flash Professional创作程序，也指Adobe 。自从Macromedia公司于2005年12月3日被Adobe公司收购，Flash也就成为了Adobe旗下的软件。1、flash特性：(1)被大量应用于因特网网页的矢量文件格式。(2)使用矢量图形（Vector Graphics）的方式，产生出来的影片占用存储空间较小。(3)使用Flash创作出的影片有自己的特殊文件格式（swf）(4)该公司声称全世界97%的网络都内置（Flash Player）(5)是Adobe提

17、出的“富因特网应用”（RIA）概念的实现平台(6)Flash6之后版本纳入面向对象程序概念。与其他语言比较，不论是在、XML、PHP等各种平台上，都能更进一步的相互结合应用。(7)从用户体验的角度，是目前最好的前端技术。2、主要文件格式：(1)swf是Shockwave Flash的缩写，这是一个完整的影片档，无法被编辑。有时会被念作“swiff”或“swaif”。SWF在发布时可以选择保护功能，如果没有选择，很容易被别人输入到他的源文件中使用。然而保护功能依然阻挡不了为数众多的破解软件，有不少闪客专门以此来学习别人的代码和方式。(2)flaFlash的源文件，只能用Adobe Flash打开

18、编辑。2.4 HTML语言简介HTML（Hyper Text Markup Language 超文本置标语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径：1、手工直接编写（例

19、如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。2、通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。3、由Web服务器（或称HTTP 服务器）一方实时动态地生成。HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效

20、果会不一样。目前HTML语言的版本是2.0，它是基于SGML（Standard Generalized Markup Language）标准广义置标语言，是一套用来描述数字化文档的结构并管理其内容的复杂的规范）中的一个子集演变而来的。虽然下一版本的标准HTML3.0（也称为HTML+）正在制订之中，但其中某些部分的实验性标准草案已被广泛采用，大多优秀的Web浏览器（如Netscape等）都能解释HTML3.0中的部分新标记，因此在本章中介绍的一些HTML3.0新标记均已被多数浏览器所接受。2.5 ASP介绍ASP是Microsoft公司开发的Web服务器端脚本开发环境，利用它可以生成动态、高效

21、的web应用程序。ASP为VB Script和java script等脚本语言提供了一个运行环境，使开发人员可以在HTML代码中使用脚本语言编写程序。同时，ASP自身也提供了一些很好的命令和内置对象。ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。ASP所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 以下罗列了 Active

22、 Server Pages 所独具的一些特点： 1、使用 VBScript 、 JavaScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2、无须 compile 编译，容易编写，可在服务器端直接执行。 3、使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 4、与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript)

23、均在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。 5、Active Server Pages 能与任何 ActiveX scripting 语言相容。2.6 CSS简介CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加

24、简练，缩短浏览器的加载时间。1.层叠式表的特点：(1)便于页面的修改。(2)便于页面风格的统一。(3)减少网页的体积。2. 采用CSS布局相对于传统的TABLE网页布局而具有的优势： (1)表现和内容相分离：将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。 (2)提高页面浏览速度：对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。 (3)易于维护和改版：你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。第3章 网站开发过程及实现流

25、程根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：(1)首页：提供旅游信息。(2)精选路线：提供旅游线路及相关的费用。(3)酒店预订：需要用户提供个人信息以备预订酒店。(4)汽车租车：提供各种型号的汽车，以方便自驾游的游客使用。(5)风光相册：展示的是我们旅游线路地沿途风光。(6)会员中心：包括新用户注册、老用户登陆(7)关于我们：是对鑫鑫旅行网的简介。(8)留言板：该模块主要是方便用户和管理人员进行沟通和交流，用户可以发表自己的看法也可浏览其他用户的留言。3.2主页设计主界面是一个网站的门面，如同公司的形象，特别注重设计和规划。它是用户首先见到的

26、界面，它的好坏直接影响到网站的访问率。为此，我从以下几个方面对主界面进行了设计。1、在色彩搭配上，我用一种较明快的色彩为基调，配以相关的其他色彩，给用户一种鲜而不艳的美感。2、在字体选用上，大小适当，尽量使用常用字体，适当配用艺术字。3、在网页制作上，采用表格划分区域的手法，方便文字和图片的插入。4、在内容上，主界面内容充实而不繁杂，既体现本站特色，又能满足用户需要。5、在用户操作上，简化用户操作，删去那些空洞的环节。例如，“用户注册”只须填写简单信息即可。在主页的基础上我把主页中加入了可编辑区域，并另存为了模板。以后的页面都是在模板的基础上进行制作的。使用模板功能有助于用户设计出风格一致的网

27、页。通过模板来创建和更新网页，不仅可以大大提高工作的效率，而且维护网站也会变得更加轻松。鑫鑫旅行网首页如下图3-1：图3-1：鑫鑫旅行网首页3.3系统功能模块设计根据需求分析的结果，按照“低耦合、高内聚”的原则，本系统将划分为以下主要功能模块：用户功能模块；景点信息浏览功能模块；酒店预订/酒店信息查询功能模块；在线留言功能模块。网站功能模块图如下图3-2： 网站简介鑫鑫旅行网用户留言精选路线酒店预订汽车租车会员中心风光相册关于我们首页留言板浏览留言新用户注册老用户登陆酒店预订酒店查询信息提供旅游线路及收费自驾游供车旅游路上沿途风光图3-2：网站功能模块图1.用户功能模块实现的主要功能包括新用户

28、注册、老用户登陆。(1)用户注册。新用户首次访问本站，必须注册。(2)用户登陆。已注册用户在访问本站，必须先登陆后访问。登陆时需输入用户名和密码。主页会员中心查看服务条款填写、确认用户密码注册成功，返回 填写用户信息用户注册模块流程图如下图3-3：图3-3：用户注册模块流程图网站会员注册页面如下图3-4：图3-4：会员注册页面2.在线留言模块该模块主要是方便用户和管理人员进行沟通和交流，用户可以发表自己的看法也可浏览其他用户的留言。为了让旅游部门掌握各方面的反馈信息，本系统设置了留言簿模块。留言信息包括：留言的用户、留言时间及留言内容。(1)浏览留言：用户登陆后可以查看以前的留言。(2)发表留

29、言：用户必须填写好完整的信息后才可以留言，在本模块中我使用了ASP脚本语言，方便提醒用户填写完整信息内容。在制作留言板模块时，为使整个页面给人一种赏心悦目、条理清晰的感觉，我用到了CSS样式表。在当前网页设计中的CSS是一个必不可少的插件，它弥补了HTML对网页格式化功能的不足，简化了网页的源代码，避免了重复操作，减轻了工作量。CSS代码查看附录<Style.css>代码在线留言模块流程图如下图3-5：留言板留言/查看留言主页查看留言填写留言信息填写留言信息显示留言签写留言查看留言 留言返回 图3-5：用户留言模块流程图将CSS样式表加到页面中的方法：1、定义外部样式块对

30、象你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>.</STYLE>块对象。 定义方式请参阅样式表语法。示例如下：<html><head><title>文档标题</title><style type="text/css"><!-body font: 10pt "Arial"h1 font: 15pt/17pt "Arial" font-weight: bold; color: maroon

31、h2 font: 13pt/15pt "Arial" font-weight: bold; color: bluep font: 10pt/12pt "Arial" color: black-></style></head><body>正文内容</body></html>请注意，这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。2、内联定义 (Inline Styles)内联定义即是在对象的标记内使用对象的style属

32、性定义适用其的样式表属性。示例如下：<p style="color: sienna; margin-left: 20px">This is a paragraph</p>3、导入样式（Import Styles）与链入外部样式的功能基本相同，只是语法和实现方式上有差别<head><title>文档标题</title><style> import url(css.css);import url("css.css") ;/单引号也可以import css.css;import "

33、;css.css"/单引号也可以</style></head>以上几种形式都可以。网站签写留言页面如下图3-6：图3-6：签写留言页面3.酒店预定该功能模块主要是客户浏览了相关资料后，可通过本模块预定酒店定单。本模块我也使用了ASP脚本语言，用户必须将个人信息及预定的酒店填写完整后，才能进行预订。在制作酒店预订模块时我添加了表单，运用了大量的文本区域、下拉列表、单选按钮、按钮等，建立了一个较为详细的酒店预订表。酒店预定功能流程图如下图3-7：主页酒店预定填写预定信息检查信息是否正确并提交返回图3-7：用户酒店预定模块流程图网站酒店预定页面如下图3-8：图3-8

34、：酒店预定页面5.信息浏览实现的主要功能包括查看站内公告(最新公告及近期的所有公告)、点击景点，酒店，旅行社的信息，并且可以进行查询功能。（1）旅游新闻。通过“公告栏”可了解本站的最新信息，并可查看本站的近期的所有公告内容。（2）景点信息。通过景点页面进行各个景点的信息浏览和查询。（3）酒店信息。通过景点页面进行各个酒店的信息浏览和查询。（4）联系我们。通过简介让用户更加了解鑫鑫旅行网。第4章 结 论在做毕业设计之前，我对旅游网站系统的理解，是停留在感官和理论水平上的，是“纸上谈兵”，缺乏实际的软件开发经验。这次通过做毕业设计，完成了旅游网站系统的开发任务。在整个开发过程中，遇到了很多问题，但

35、“功夫不负有心人”，最终，问题都被一一解决了。对其中比较深刻的几点体会总结如下：1.刚开始时，我对旅游网站系统的认知很肤浅，对其工作原理，实现的方式，开发的原则和方法，没有一个明确、清楚的概念和思路。在指导老师的推荐下，我查阅了很多相关资料和文章，如ASP入门与提高、网络程序设计ASP等。2.完成从“大而全”到“小而精”的转变。当我确定了做该课题，开始进行系统分析、设计时，总是想把系统的每一个细节都在程序上体现出来，结果使我感到工作了太大、力不从心，感到无从下手。后来经过指导老师指点迷津，和自己的思考，抓住了本系统的主要功能，确定了软件开发的方向，使毕业设计工作得以顺利进行下去。在此次设计过程

36、中我也遇到了不少的困难，也从中感受到了自己学的知识深度还不够，只停留在表面，没有真正深入下去。在设计主页时就遇到了很多麻烦，首先就是要对界面结构的设计，怎样的界面才能吸引读者的眼球呢？这是我们所要考虑的第一要素，再接着就是对网站内容的充实和扩充，来增加网站的可读性。虽然做一个网站没有做一张网页那么容易，但是在这个过程中我把所遇到的问题通过问同学、问老师和自己找资料看一点一点的解决了，这也是很有成就感，很愉快的一件事。总之，经过几个月的努力，最终完成了旅游网站系统的设计与建立，完成了论文的写作。在这过程中，体验了其中的苦与乐，学会了如何面临困难，如何解决问题，学会了团结合作，达到了锻炼的目的。同

37、时，拓展了知识面，进一步加深了对Dreamweaver、Flash、photoshop软件的理解和认识。参考文献1 方春明,马路. Dreamweaver MX 2004 精彩设计百例M. 北京:中国水利水电出版社, 2004.2 尚俊杰. 网络程序设计ASP（第二版）M. 北京:清华大学出版社、北方交通大学出版社, 2002. 3 安雪梅. Adobe Photoshop CS 完全征服手册M. 北京:中国青年出版社, 2004.4 鲍嘉,卢坚. Dreamweaver MX 2004完美网页设计综合实例篇M. 北京:中国青年出版社, 2005.5 戴斌.旅行社经营管理J.旅游教育出版社,

38、2005.6 薛华成.管理信息系统J.清华大学出版社, 2001.AbstractIn this paper, the design and establishment of tourist sites, a software engineering approach to the whole process of analysis and research, this paper mainly focused on: 1 Overview of WEB pages, mainly on the history and development of tourism websites were

39、reviewed, and the WEB page describes the definition and characteristics, and website design tools and techniques used in brief. 2 Building on the site mentioned in a simple explanation of terms, and the origin and development of the site discussed. 3 On the website of their own design from design co

40、ncept to the process of making a detailed analysis. 4 Using Dreamweaver + Flash + photoshop software such as the design approach for resolution. 5 On the website design and production put forward their views and recommendationsKey words: the site; Design tools; Design project; Creative; style致 谢近三个月

41、时间的毕业课题设计是我大学生活中忙碌而又充实一段时光。这里有治学严谨而又亲切的老师，有互相帮助的同学，更有积极、向上、融洽的学习生活氛围。短短的时间里，我学到了很多的东西。不仅学到就更多的理论知识，扩展了知识面，提高了自己的实际操作能力；而且学会了如何去学习新的知识，学会了面对困难和挑战，学会了团结合作，互助互利。借此论文之际，向所有帮助、关心、支持我的老师、朋友同学，表达我最真诚的谢意。首先感谢指导老师。本论文是在老师耐心指导下多次修改完成的。在此，我对老师的耐心指导和帮助表达我最真诚的谢意，感谢老师在这几个月来所付出的努力。在这段时间里，我从老师身上，不仅学到了许多的专业知识，更感受到了她

42、工作中的兢兢业业，生活中的平易近人的精神。此外，她的严谨治学态度和忘我的工作精神值得我去学习。在此，请允许我对说一声：“老师，您辛苦了！”再次感谢您。非常感谢我的同学。当我在毕业设计过程中遇到问题和困难时，是他们给我提出许多关键性的意见和建议，使我对整个毕业设计的思路有了总体的把握，并耐心的帮我解决了许多实际问题，使我获益良多。同时，感谢三年来传授我知识的老师们，更要感谢我的家人及朋友对我学业上的支持和鼓励，感谢所有关心、帮助过我的人。总之，在以后的学习、工作、生活中我将更加努力，用自己的行动回报社会、学校、老师及同学。附 录<Style.css>代码TD FONT-SIZE: 1

43、2px; TEXT-DECORATION: none.b BORDER-RIGHT: #a04310 1px solid; BORDER-TOP: #a04310 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #a04310 1px solid; BORDER-BOTTOM: #a04310 1px solid.white FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none.white A:link FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: n

44、one.white A:visited FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none.white A:hover FONT-SIZE: 12px; COLOR: #ff9900; TEXT-DECORATION: none.white A:active FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none.filter1 FILTER: Glow(Color=ffffff, Strength=1).filter2 FILTER: Glow(Color=cc66ff, Stre

45、ngth=1).filter3 FILTER: Glow(Color=ffff00, Strength=1).filter4 FILTER: Glow(Color=#3349C6, Strength=1).filter5 FILTER: DropShadow(Color=#, OffX=1, OffY=1, Positive=yes).filter6 FILTER: DropShadow(Color=#, OffX=1, OffY=1, Positive=yes)IMG BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-B

46、OTTOM: 0pxA:link FONT-SIZE: 12px; COLOR: #; TEXT-DECORATION: noneA:visited FONT-SIZE: 12px; COLOR: #; TEXT-DECORATION: noneA:hover FONT-SIZE: 12px; COLOR: #66ccff; TEXT-DECORATION: underlineA:active FONT-SIZE: 12px; COLOR: #; TEXT-DECORATION: none.text FONT-SIZE: 13px; COLOR: #.dd BORDER-RIGHT: # 1px ridge; BORDER-TOP: # 1px ridg