旅游网站说明书

2008-2009学年第一学期

网站设计报告书

系 别： 经济与贸易系 班 级： 电商0701班 学 号： 200711345117 姓 名： 蒙 龙 梅 指导老师： 张 容

二00八年十二月

旅游网站说明书

一 设计目的

本来没想过去做一个网站，听老师说了之后就起了这个心我要做一个自己喜欢的网站，里面呢，就放自己最喜爱的东西，而且自己从大一的时候就开始接触FLASH,FIREWORKS..这些设计网站的东西积累了那么长时间也应该让他们发挥发挥作用了。我做的是关于旅游方面的网站，想让人们了多了解旅游方面的知识，知道现在的最新旅游动向，可以查询一小部分的旅游路线。

二．设计工具

Dreamweaver是Macromedia公司的出品的一款\"所见即所得\"的网页编辑工具。与 Frontpage不同，Dreamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。 Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。。因此，说Dreamweaver是高级网页制作的首选并不为过。

Flash是Macromedia公司所推出的软件，目前最新的版本为MX版，它是专门用来设计交互式多媒体动画的软件，它可以为你的网页加入专业且漂亮的交互式按钮及向量式的动画图案特效，它是目前制作网页动画最热门的软件。FLASH的动画绘图方式是采向量方式处理，这样图案在网页中放大或缩小时，不会因此而失真，而且可依颜色或区块做部份的选择来进行编辑，这是与其它绘图软件所不同的地方且最新的版本可加入MP3格式的音乐，不但音质直逼音乐CD，容量却只有CD的十分之一，非常适合应用于网络上。

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。

我用的是Dreamwaver来设计的，在今年的时候我们才开始学习Dreamwever才开始学习制作网站的。开始的时候仅仅是接触一些里面工具的简单用法。例如：层，他就可以随便移动，表格呢就用起来方便一些，不用老担心东西会对不齐，会到处乱跑；而框架呢，就可以将一些东西固定起来不变，同时在它旁边的框架变动以些东西。各有各的优点各有各的好处。可以根据自己的需要选择自己要用的工具在里面可以插入一些图片而且它的兼容性蛮强，像一些jpg,gif呀等等，甚至有一些在外面打都打不开的图片在Dreamwever里面却拖进来就能用。真的是太奇特了，还可以插入一些FLASH动画或是短片。还可以插入一些音乐，边看边享受….有的图片不合乎你的需求你就可以在Fireworks中进行编辑在里面你可以将图片变大变小这些基本的操作之外，还可以见将它进行羽化可以将你想要的东西换背景 ，可以将图片进行一些特效处理….等等。

三 设计内容、主题

1．主题

本来想做一个星座的网站，但是在老师那里一看好像有蛮多同学都写是这一方面的内

容，所以就放弃了。后来就想做一个周易算卜方面的网站。这个总该没人做了吧！而且感觉上蛮好玩的！但是最后还是放弃了，因为资料不太好找。最后就选了旅游这个主题。我既喜欢而且素材应该也蛮好找！做出来应该也很漂亮的。就这样我就开始做我自己喜欢的旅游网站了。

2．内容

确定好了主题之后我就开始想我网站的内容了，经过我和我们寝室人的共同商量之后决定在首页这个一级页面的后面选择了旅游常识，各地路游景点，各地旅游美食，各地旅游节，还有最具代表性的红色旅游这几个二级页面。然后在首页放了最新的旅游路线和我最喜欢的十大景区。

进入页 首页 旅游常识 旅游景区 推荐景点 推荐路线 怎样在夜间估计距离 怎样在旅游中观测气象 怎样在旅行中科学负重 旅游六要素 离家旅游前的准备工作 巴松措 黑龙潭 黑松岩 林芝巴松措 吉林雾凇 可可西里 各地旅游美食 红色旅游 各地旅游节 水煮鱼 牦牛火锅 老鸭煲 爆炒乌鸡 香菜圆子 炒清虾仁 泡菜牛肚丝 傣味拼盘 遵义会址 飞夺泸定桥 桂林旅游节 天津妈祖文化旅游节

三 各模块及功能说明

在做网页的过程中我用了模板，层，表格等一些工具。开始根本没想过用模板，开始的时候不怎么会用，老出现错误。后来就问了同学学会了模板的用法，就觉得好方便，不用每个页面都复制粘贴一些一样的东西。做好模板之后就可以直接拿来用，而且不用老想有的地方改放一些什么东西。而且还可以直接在模板里面进行连接。很方便。我还用了表格放一些图片，放图片的时候就比层方便多了不用一个一个的排版，对齐。其他的地方我一般就用的是层可以到处移动，这方面就比表格方便多了。

网站模板

四 界面说明

1． 首页

首先为了使它更像一个网站，我就插了一些广告在最上面，然后就放了人们旅游是最应该了解的旅游常识，并且旅游常识可以直接连接。在最上面反本站的导航分别放了旅游常识，路游景点，旅游美食，旅游节，还放了和近期人们所关心的与12.9运动相关的红色旅游更好的方便了页面之间的转换。在首页我还插了导航条，当你把鼠标移上去按上去的时候，图片都会变动，增加了审美效果。

首页

2．二级页面

（1）旅游常识

在二级页面中我插入了一些旅游的小贴士如： 怎样在夜间估计距离 ；怎样在旅游中观测气象；怎样在旅行中科学负重；旅游六要素；离家旅游前的准备工作。让我们在欣赏网站的同时了解旅游中必备的知识 （2）旅游景点

我把漂亮的风景照经过精选之后，放了我觉得能最吸引大众眼球的巴松措；黑龙潭；黑松岩；林芝巴松措；吉林雾凇；可可西里等地方的图片希望大家都喜欢。 （3）各地旅游美食

在旅游中吃穿住用行都是必备的，所以我在这个页面中为大家介绍了很多美食：牦牛火锅；老鸭煲；水煮鱼；爆炒乌鸡；香菜圆子；炒清虾仁；泡菜牛肚丝；傣味拼盘。在旅游的过程中不仅一饱眼福而且还能一饱口福。希望大家觉得在这次旅游中钱花的不冤枉。在本网站中看到的美景也是如本网站说的那样令人向往。 （4）红色旅游

有很多人都想看一看放生时的情况，于是我在我的网站中不仅放了像遵义这样的基地还放了飞夺泸定桥这些场景的璧雕，让人们在浏览经去的时候能深深的感到的那种为国家不顾一切的牺牲精神。 （5）各地旅游节

我们去旅游的时候最关心的就是个不同地方的节日，因为在这些节日的时候往往能够显示一个地方的风俗习惯，在我的网站中为大家介绍了桂林旅游节；天津妈祖文化旅游节。向大家展示了东南地方的习俗。

二级页面

3．三级页面

在三级页面中主要是用来对本网站做一个更细致的说明。对一些景点进行详细的说明，例如所在地以及大家所关心的价格问题，一些地方的门票各地路线的详细资料等。也在美食的三级页面中插入了一些美食的基本做法，如果大家有心去不怕麻烦的话，这样就可以在家里自己动手吃到自己想吃的东西。

三级页面

五 设计分析

在做这个网站的过程中我也遇到了蛮多的麻烦，比如：最开始的时候模板不会用就觉得做得特别麻烦，后来学会了之后就开始慢慢的觉得模板其实很好用的。做一个模板可以应用到整个网站之中，连接很方便，有什么不满意的地方直接改动模板其他各个应用模板的页面就可以跟着改变。

一开始做网页的时候觉得层更方便，相放哪儿就可以放在那里。后来在页面做多了之后要插入图片了，层就不是很好用了。于是我想插入表格试试看，结果就被我发现表格在这方面比层要好用多了，因为表格可以将内容固定在框内，不会让做的效果和浏览的不一样。

在插入图片的过程中有的图片没有我想要的效果，于是我应用了Fireworks，对图片进行了处理，增加了各个图片的效果，使我的网站更有趣，让他朝着我想要的方向发展。

我觉得我的网站做的蛮漂亮的，尤其是我的首页，是我最喜欢的。而且网站中的每个连接都能够畅通无阻，而且我的网站的每个图片也都是我精挑细选的，在我的网站中更能体现各个的特点。我的网站丰富多彩内容全面，在旅游中的吃穿住用行都进行了详细的介绍。这些都是我网站中的优点，至于我网站中的缺点我觉得，最主要就是我的二级页面做得不够多。

希望在自己下次做网站的时候能吸取这些经验和教训，也希望老师在看我网站的过程中能给我一点意见。我会更加努力，再接再厉，做出更好更美的网站。