网站建设论文

天津电子信息职业技术学院 暨国家示范性软件职业技术学院课程设计报告课程名称： 企业门户网页制作实训 实训内容： 旅游网站建设系 别： 软件技术系专 业： 软件技术专业班 级： 游戏软

天津电子信息职业技术学院 暨国家示范性软件职业技术学院

课程设计报告

课程名称： 企业门户网页制作实训 实训内容： 旅游网站建设

系 别： 软件技术系

专 业： 软件技术专业

班 级： 游戏软件S10-1班

指导教师： 徐 丽

学生姓名： 于战鹏 学号： 34

设计时间： 2011年12月19日至2011年12月23日

摘要：

本论文是关于我个人网站的设计, 首先我先从网站设计和制作的概念、网站构建的整套思路流程出发, 然后通过自己的个人Web 作品来说明并演示一个完整的网站制作过程。本论文网页设计有一条主线, 就是说明网站的策划、设计、维护的全过程。本论文的每一章都是网站建设的一个步骤, 理论和实践相结合。既有理论、又有实例, 把每一章的实例合在一起, 就构成一个大实例。

本论文主要分为四个方面：一、网站策划、制作的整个流程的阐述; 二、具体页面的构思和实现过程、设计技巧的灵活使用; 三、自己个人网页设计作品展示; 四、总结和回顾。

在个人Web 作品制作过程方面, 我们小组详细用上面的设计流程来设计自己的个人主页, 应用了包括：用Dreamweaver 对网页进行排版、用Fireworks 给图像" 减肥" 、用Photoshop 做网站标志、用Flash 进行网页装修、用CSS 规划网页色彩。还包含设计的关键技巧：内容, 页面设计, 布局,HTML 格式, 连接, 通则等等。

关键字：网页三剑客 Photoshop 咪咪旅游网

目录：

第一章..................................... 前言

第二章..................................... 网站策划及流程

2.1...................................... 构建此网站基础

2.2...................................... 整体流程图介绍

第三章..................................... 具体构思

3.1...................................... 首页及导航

3.2...................................... 网站的具体功能

3.3...................................... 网站的整体风格

第四章..................................... 个人作品展示

4.1...................................... 首页色彩

4.2...................................... 网站LOGO 设计

第五章..................................... 总结

5.1...................................... 心得体会

第六章...................................... 参考文献

一、前言：

随着互联网在我国越来越普及，网上购物、网上支付等概念已渐渐成为现实。不仅如此，旅游借助互联网，能够解决众多传统旅游业不能解决的适应游客行、吃、住、游、玩一体化的要求，同时也由于旅游业作为一个整体的商业生态链，涉及旅行服务机构、酒店、景区等等，利用互联网可以将这些连成一个统一的整体，进而可以大大提高服务的水平和业务的来源。一方面，互联网为传统旅游业提的机遇和运作水平的手段，另一方面，为了满足不同游客对不同景点及景区的需求，通过互联网也能够令这些有特殊要求的游客了解更多关于自己想要知道的景区特点、环境、注意事项甚至提前做好开支的预算。

在个人Web 作品制作过程方面, 我详细用上面的设计流程来设计自己的个人主页, 应用了包括：用Dream weaver对网页进本论文是网站建设, 如果准备投身网页制作行业, 就会知道Dream weaver的大名, 它是一种专业化的网页创作工具, 它采用所见即所得编辑方式, 通过特有的行为, 模板, 时间线等技术, 能够快速高效地创建极具表现力和动感效果的网页, 使网页创作过程变的简单无比。本论文的实例我就采用Dream weaver来制作网页的。

首先我先从网站设计和制作的概念、网站构建的整套思路流程出发, 然后通过自己的个人Web 作品来说明并演示一个完整的网站制作过程。本论文网页设计有一条主线, 就是说明设计网站的策划、设计、维护的全过程。本论文的每一章都是网站建设的一个步骤, 理论和实践相结合。既有理论、又有实例。把每一章的实例合在一起, 就构成一个大实例。本论文主要分为四个方面：一、是网站策划、制作的整个流程的阐述, 二、是具体页面的构思和实现过程、设计技巧的灵活使用。三、自己个人网页设计作品展示。四、总结和回顾。第五部分：参考文献。

在网页设计的背景和工具介绍方面, 介绍了网页设计的背景和设计的开发工具。目前最流行的制作工具是网页“三剑客”,即，Dreamweaver ，Fireworks ，Flash 。

在网站流程方面, 主要从设计意念、规划设计, 艺术性处理原则出发, 同时对网站总体策划、网站布局策划、网站资料的收集、网站目录结构的规划做了说明。

二 、网站策划及流程

2.1 网站构建的基础

1、建设网站前的市场分析

随着中国全面步入小康社会，中国民众的生活水平也日益提升。越来越多的民众在闲暇时间喜欢这样或那样的活动来放松自己。而外出旅游就是其中最大的一项活动。旅游，根据时间的长短以及投入资金的不同，所去的地方也大不相同。

举一个例子，北京，作为中华人共和国的首都城市，作为中华民族上下五千年的历史见证的城市，吸引着众多国内外游客的目光。它有着独特的历史魅力，比如那见证着大清王朝鼎盛至极的清故宫、颐和园等古老建筑。有着见证着中国近代屈辱史的圆明园遗址。有着气势磅礴堪称中国龙脉的八达岭长城和居庸关长城。不仅如此，在有着浓厚的历史韵味的同时它也不缺乏着新时代城市所具备的青春活力。七九八一条街上的酒吧长廊，是北京夜生活鼎盛的表现。鸟巢、水立方那独特的造型凝聚着中国人民的智慧结晶。王府

井大街众多品牌专卖店，比起法国巴黎也毫不逊色。如此璀璨的一个城市，每天国内外的游客当然接踵而至。那么计划去一次北京要如何计划呢？时间长的、不缺少资金的当然没有这个问题，但是对于那些短时间旅游甚至没有太多资金的游客来说，没有好好计划的一次出游最后一定会是带着遗憾而归的。因此，制定不同的旅游线路并将这些线路对应不同的需求、不同类别的游客是必须得，这也将是我们咪咪旅游网站的一大特色，哪怕一个景区，也会出现至少三种对应不同人群的旅游路线。

再比如，“住”这一方面，全球经营一体化使酒店业客源更加丰富, 市场更加广阔. 高新科技的进步和发展, 导致人们的社会关系, 思想观念, 生活方式不可避免地处于变化之中. 这就给酒店业制造了新的竞争载体, 通过网络宣传企业形象, 开展网上预订客房, 让客人了解酒店的的硬件及软件设施, 选择他们需要的服务, 进行远程预订, 最终为酒店带来更多的客源. 而酒店与顾客通过网上的交流, 进而提供更为人性化个性化的服务, 这比打价格战要高明得多. 高明的竞争是独辟蹊径, 让人难在摹仿. 在新的竞争条件下, 酒店业开始探询如何建立新优势和获得高于平均水平的利润率新出路. 显然, 酒店, 饭店能否上网已经成为消费者选择酒店的一项重要内容. 酒店上网可以解决诸多人为不能解决的问题, 比如客户关系管理, 顾客资料的更新, 分析和统计. 所以，我们旅游网站甚至会将该景区周围的酒店都详细的介绍给我们的游客，供他们根据自己的喜好、需求进行挑选。、

2、市场优势

我们将会在在许多内部管理上都体现出了独特的优势，比如在酒店入住的 这一方面:

（1）让客人充分了解入住酒店, 建立一个宣传平台, 变被动为主动, 就像当初酒店业者在客房设立卫生间一样;

（2）优先推荐那些已经建立酒店CRM 管理系统的酒店, 因为这些酒店能够更好的进行分类, 统计, 整理顾客资料, 甚至提供个性化服务, 让客人选择适合自己的收费服务, 如给顾客过生日.

（3）事先对酒店内部进行考察, 该酒店是否实现管理科学化, 能否及时准确地捕捉顾客的需求, 提供相应的服务, 比如小酒吧的饮料食品。

（4）能否适时查看房间动态, 及时准确的向客人提供服务, 及时准确的核算客人的消费.

（5）因为我们本身就是学生群体，所以对学生群体出游所设计的旅游路线一定会是性价比相当高的路线，相对于其他旅游网站，我们的经济型路线一定会是含金量最高的线路，让大家花最少的钱玩最开心的。

综上所述，一个关于旅游的网站建设出现在我们脑海中。

2.2 整体流程图的介绍

流程图解说：

首先是扉页部分，吸引游客的目光。 导航中分别表述几个板块：

（1）首页：介绍全国各景点新动态及热门旅游路线

提供最新的旅游线路，会员登录, 畅销线路排行。 （2）天津市：介绍天津著名景点及风味小吃。

（3）河北省：重点介绍河北全省境内著名旅游之处，并可以提

前定购车票。

（4）河南省：分别将重点介绍洛阳及开封两座古城。 （5）安徽省：重点有合肥和阜阳俩地的风土人情。 （6）江苏省：扬州、苏州两座南方美地。 （7）新 疆：边域的风土人情。

（8）关于我们：我组设计人员的信息。

三、具体构思 3.1 首页及导航

（一）首页设计

页头:准确无误的标识咪咪旅游站点网站和标志。

页面:应是各大栏目导航, 最新推荐地区景点展示, 最新供应, 求购, 代理, 合作信息, 最新加入会员, 最新行业资讯。

（二）导航设计

导航系统是有效连接网站各处的工具, 它有效的分类网站内容并指向它所代表的内容. 是通过超文本链接或图片链接, 使浏览者能够在网站上自由前进或后退, 而不会让浏览者使用浏览器上的前进或后退.

6、咪咪旅游网站导航项目：

⊙首页

①网站简介

②发展历程

⊙省市推荐

主要为大部分人群推荐几个不错的省市，分别为河南省、河北省、天津市、安徽省、江苏省以及新疆这些地区的重点景区和推荐旅游路线。进行景区展示, 对感兴趣的人可以跟网站服务人员进行联系。

⊙关于我们

主要公布网站建设及维护者的个人信息。

3.2 网站具体功能

（一）首页：

前台实现功能

（1） 新用户注册

（2） 密码修改功能

（3） 特色游

（4） 网站的最新动态

（5） 游记攻略

（二）次页：

将会依次介绍几个重点旅游省份的特色景点，游记攻略，酒店预订功能以及特色旅游线路查询。

3.3 网站的整体风格

网站定位：

一、地区性：此网站面向中国全体互联网网民

二、权威性：及时更新，并亲自对网站上所表述景区、景点进行定位分析，务必确保网站所写的内容准确、真实。

三、网站风格：以大众化为主，争取适合全部中国网民浏览，功能上一大众化方式进行操作页面设计在适应大众化的特色同时加以我们自己的特色。 网站设计

网页设计作为一种视觉语言, 特别讲究编排和布局, 虽然主页的设计不等同于平面设计, 但它们有许多相近之处. 版式设计通过文字图形的空间组合, 表达出和谐之美.

多页面站点页面的编排设计要求把页面之间的有机联系反映出来, 特别要处理好页面之间和页面内的秩序与内容的关系. 为了达到最佳的视觉表现效果, 设计时考虑到整体布局的合理性, 使浏览者有一个流畅的视觉体验.

制作咪咪旅游网站时应做到以下几点:、

第一, 网站的主页应能够给游客们比较强烈和突出的印象, 要突出咪咪旅游的特点和风格。

第二, 网页结构设计合理, 层次清楚.

为了将丰富的含义和多样的形式组织成统一的页面结构, 形式, 语言必须符合页面的内容. 灵活运用各种手段, 通过空间, 文字, 图形之间的相互关系建立整体的均衡状态, 产生和谐的美感. 点, 线, 面相结合, 充分表达完美的设计意境, 使顾客可以从主页得知自己应查的方向.

第三, 网页内容应全面, 尽量涵盖普遍游客所需的信息.

第四, 页面的链接应方便浏览, 传输速度和图片的下载的速度快, 应注意避免死链接, 调不出图形等情况存在.

网站的页面设计：采用绿色、天蓝色红色为基调，突出网站的青春活力性，并给人以自然清新的气息感觉。网站首页的风格尽量简单统一，让大多数上网者易于接受，清晰明了的布局会更加使人记住我们的网站。

网站制作技术：以先进的Javascript 、Flash 、Firework 等工具进行开发。

网站内容开发：网站内容生动活泼，简明扼要，方便快速浏览，具有旅游潮流的风格，我们将采用流行的CSS 、FLASH 、Javascript 等进行网站的静态和动态页面设计，动态的按钮，活动的小图标，优美协调的色彩分配将会给浏览者留下难忘的印象，以此来增加浏览量和点击率。

四、个人作品展示

4.1 首页及网站的整体色彩

采用绿色、天蓝色红色为基调，突出网站的青春活力性，并给人以自然清新的气息感觉。网站首页的风格尽量简单统一，让大多数上网者易于接受，清晰明了的布局会更加使人记住我们的网站。

网站内容生动活泼，简明扼要，方便快速浏览，具有旅游潮流的风格，我们将采用流行的CSS 、FLASH 、Javascript 等进行网站的静态和动态页面设计，动态的按钮，活动的小图标，优美协调的色彩分配将会给浏览者留下难忘的印象，以此来增加浏览量和点击率。

4.2 网站LOGO 设计

在我们小组里，我主要负责的就是网站美工及一些文字编辑，而网站美工中最重要的就是设计网站LOGO 标志，上图就是我所设计的网站LOGO 标志。我所选用的色彩是草绿色和暖橙色为主体的颜色，草绿色的咪字给人以清新而富有活力的感觉，让经常在办公室伏案工作的人们产生轻松的感觉，令他们加大对大自然的亲近之情，而后三个字采用暖红色则是希望带给他们一种家的温馨的感觉，好让他们对我们的网站有着一种温馨的感觉，再下次需要旅游这方面的咨询的时候能够马上在脑海中浮现出我们咪咪的身影。

五、总结

5.1 心得体会

以前我虽然也做过做网页，不过是在博客上，那里提供了摸板，只需要自己在里面添舔改改就行了，对一些代码我在上课之前更本就看不懂，现在好了，虽然我不是很会，但是可以看懂一些了，也能改一些代码了。尽管如此，但是我的编写代码水平还是不如我们小组的其他同学，所以我主要还是负责美工以及文本编辑这方面的工作，通过这次小组合作我更知道了个人的力量永远是渺小的，如果没有小组其他成员的协助，我也不可能完成这次的实训的作业，所以，在今后的学习生活中我会努力提升自己，积极配合其他同学，大家共同进步。

六、参考文献

1、胡崧．最新html&css标准教程[M]．北京：中国青年出版社，2007

2、傅连仲. 网页设计与制作教程. 北京：清华大学出版社,2007

3、庆秋辉. 网页制作教程与上机实训. 北京：机械工业出版社,2008

4、于筱荔、姜巧玲. 网页设计与制作. 北京：人民邮电出版社,2008