旅游网站的开发与设计摘要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。

Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。

因此网站建设在Internet应用上的地位显而易见。

网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。

给客户发最新产品介绍，发样品等等资料。

你现在还在用传真或给客户邮寄吗？公司新货上市了，想第一时间通知到所有卖家，电话一一通知吗？显然这些都是不行的网络就可以帮您简单快捷的实现。

您只需通过邮件或聊天工具就可发送资料，只要几秒钟。

新货上市，您只需将货品展现在企业网站上，所有客户都可第一时间看到，不管这个人在大洋彼岸还是亚洲或非洲的某个角落。

做生意——效率就是我们的竞争优势。

本文以“企业商业网站的设计与制作”为主题，运用了网页三剑客（ Dreamweaver、Fireworks、Flash）及Photoshop等工具，收集了大量与网页设计有关的素材进行设计，并使用了超链接、框架、代码等网页设计技巧。

人们也越来越依赖于网络上的信息，要想让更多的人了解你的企业，了解你的产品，扩大你的市场范围和份额，你必须了解和使用网络。

关键词：Internet；企业商业网站；网页三剑客目录前言 (1)第1章方案论证 (2)1.1 开发的意义和目的 (2)1.2 网页设计工具介绍 (2)1.2.1 FLASH概述 (3)1.2.2 Dreamweaver概述 (3)1.2.3 Fireworks概述 (3)第2章网站总体设计 (4)2.1 网站设计的基本步骤 (4)2.2 旅游网站的构思 (4)2.3 旅游网站模块结构 (5)第3章网站的具体设计 (5)3.1 网站首页的制作 (6)3.2 主页的制作 (6)3.2.1 动画的设计 (7)3.2.2 导航条的制作 (7)3.2.3 版权区设置 (8)3.3 各二级页面的设计 (8)3.3.1 短途休闲的制作 (8)3.3.2 长途度假的制作 (9)3.3.3 饮食天地的制作 (10)3.3.4 特别推荐的设计 (11)3.4 背景音乐设置 (12)第4章超链接设置以及调试运行 (13)4.1 超链接的设置 (13)4.2 调试运行 (13)结论 (15)致谢 (16)参考文献 (17)前言在经济飞速发展的今天，网络技术已成为丰富人们生活，拓展人类能力的创造性工具。

网络及其应用也通过各种方式，融入到我国各行各业中。

人们获取信息的方式越来越倾向于各类网站。

而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。

Internet是一个信息的海洋，通过它您可以得到无穷无尽的信息，其中有不同类型的书库和信息资料，网络还可以提供政府、学校和公司等机构的详细信息和各种不同的社会信息，这写信息包罗万象，几乎无所不有。

因此网站建设在Internet 应用上的地位显而可见。

阿里巴巴创始人马云说：21世纪，要么电子商务，要么无商可务。

电子商务真的如此必要，迫在眉睫吗？我们一起来谈谈为什么要做电子商务？做电子商务能给我们带来什么看得见的好处？无非就是网络宣传，网络下单，那么网站就是您企业在网络的第一张名片。

对于制作企业商业网页来说，要展示您的商品，关键就在于如何布置网站的内容。

本文从课题的设计出发，探索如何建立好一个静态的商业网站。

文中涉及到很多网页设计的具体方法和步骤，另外还介绍了部分网页设计的技巧及其运用。

由于对网站的设计还无法达到驾轻就熟，所以制作的效果还有很多的不足，望大家多多提议。

第1章方案论证1.1 开发的意义和目的阿里巴巴创始人马云说：21世纪，要么电子商务，要么无商可务。

电子商务真的如此必要，迫在眉睫吗？做电子商务能给我们带来什么看得见的好处？无非就是网络宣传，网络下单，那么网站就是您企业在网络的第一张名片。

全世界大约有十几亿人在访问互联网，其中中国就占大约3.6亿网民。

不管你是做什么买卖的，不管你的市场在国内还是国外，还是全球，这绝对是一个庞大的数字。

网民不仅人多，更是最具商务潜力的人群。

做生意当中的许多周折无非就是跟他人取得联系并建立关系。

精明的商人都知道，重要的不是你知道什么，而是你认识谁。

每逢佳会，大家都要互递名片，而偶然的会见有时能谈成大宗交易——这种事儿每个商人都能讲出几件来。

那么，如果你向几千个，甚至几百万个潜在客户和合作伙伴递出名片，并说这就是我所从事的工作，如果你需要我的服务，可以通过它跟我联系，这样将会产生何等效果也就可想而知了。

你的合作伙伴，在网上可以清晰知道你是干什么的做什么产品并可以非常迅速的找到你。

在网络上，你每天24小时都可以这样做。

企业要发展，广告、公关必不可少，这个您必须认同。

报纸豆腐干广告一天少则几千，多则上万。

户外广告，高速广告一年数十万还不一定有效果。

而网络一年只要几千，却获得无限生意机会。

拿辰忆设计零元建站服务来说，一个月只收取380元的网站托管费用，企业一旦上了网，您不仅能获得买家采购信息，您更可以将自己公司和产品信息发布到互联网，买家随时可以找到您。

最少的花费，却比任何营销手段都快捷、简便和经济。

客户一般是不会积极主动地向公司反馈信息的。

如公司在设计网站时，加入专门用于客户与公司联系的电子邮件和电子表格，由于使用极其方便。

一般客户还是比较乐于使用这种方式与公司进行联系。

因此，公司可以得到大量的客户意见和建议。

来改善自己的产品不足和对客服服务的不周全。

1.2 网页设计工具网页三剑客网页三剑客，顾名思义，是一套强大的网页编辑工具，最初是由Macromedia 公司开发出来的。

由Dreamweaver，Firework，Flash三个软件组成，俗称三剑客。

之所以称之为三剑客，很大一部分是因为这三种软件能相互无缝合作。

现在，制作网页，式：利用Flash动画，可以生成Flash特有的.swf格式文件，它也能转换导出其他格式的式：利用Flash动画，可以生成Flash特有的.swf格式文件，它也能转换导出其他格式的媒体文件。

图像或图像序列格式媒体文件。

图像或图像序列格通常由Fireworks导出切片、图片等，然后在Dreamweaver中绘制表格；较为流行的一种是在Fireworks中做好主要页面，然后导出，在Dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。

1.2.1 FLASH概述Flash是美国Macromedia公司所设计的二维动画软件，全称Macromedia Flash （被Adobe公司收购后称为Adobe Flash），主要用于设计和编辑Flash文档。

附带的Macromedia Flash Player，用于播放Flash文档。

现在，Flash已经被Adobe公司购买，最新版本为：Adobe Flash CS5，播放器也更名为Adobe Flash Player。

1.2.2 Dreamweaver概述Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。

使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。

对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。

Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver 便可完成，整体运用流程自然顺畅。

除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

1.2.3 Fireworks概述Adobe Fireworks可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。

Fireworks不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和Adobe Flash软件省时集成。

在Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。

然后直接置入Dreamweaver 中轻松地进行开发与部署。

第2章网站总体设计2.1 网站设计的基本步骤第一步是主页,它起到的是标题和目录的作用。

主页的设计非常重要，它给人公司的第一印象，因此代表的是企业的形象，网站整体性能的高低。

主页要在文件小、下载速度快、信息含量大的基础上，力求美观大方，主题鲜明，给人赏心悦目、一目了然的感觉，这样才能满足客户的各种需求，激起客户的兴趣，对网站进行进一步的访问。

第二步是信息采集与整理，主要是与网站主题相关的各类文字，图像或信息，在用一些动画和按钮来制作网页的点缀。

第三步定网页界面，主要由排版、目录结构和链接结构，是网站看起来清晰有条。

第四步确定网站的风格，主要包括CI、版面布局、浏览方式、交换性、文字等风格。

我对企业商务网站的主要风格运用白色，让网页给客户简洁,典雅，大气的感觉。

2.2 企业商务网站的构思我首先运用FLASH动画做标题栏，然后使用Fireworks制作按钮，将主页的字运用超链接到个子页面。

然后超链接分别连接各自的二级页面上。

然后运用模板工具，将总的模块划分为6个小模块，分别是首页，公司简介，产品展示，现货资源，客户留言，联系我们，然后将这6个模块运用超链接做好子页面。

网站的模块划分如下图：图2.2.1模块划分图2.3 企业商务网站模块结构本网站以“网站设计与制作”为主题，综合运用网页三剑客及Photoshop等工具，制作了一个共有15个网页的静态网站。

站内分别制作了：公司简介，产品展示，现货资源，客户留言，联系我们等多个版块，并在主页中以横版导航形式呈现出来。

下面分别介绍几个主要版块的设计思想和主要内容：（1）主页：主页通常会有整个网站的导航目录。

在标题栏上我会运用Flash在制作一个动画，来引导主题，然后运用超链接来制作导航条，划分出二级页面的内容，可以通过超链接链接到各个页面。

（2）公司简介：我主要用dreamweaver的模板工具把主页我需要的地方制成一个模板，然后用框架结构来超链接多个适合短途休闲的地方。

其中我运用到背景图片的设计然后点击左边的框架主题就能浏览到具体介绍的页面。

主要选到了乌镇、天目湖、千岛湖、狮子林、溱湖等几个热点风景区，运用代码添加背景音乐。

（3）长途度假：长途度假我依然选择运用框架结构来设计，标题栏运用flash来制作动画，我觉得选择框架既简单又能更加清晰的给游客一种一目了然的感觉。