一、门户网站建设
旅行社网站是旅行社传播信息和对外服务的窗口，是多方信息沟通的主要渠道。旅行社在网站上发布产品信息、推广新产品、进行产品交易和提供客户服务等，不仅有利于旅行社进行产品宣传和销售，还有利于树立旅行社的品牌形象。
视频3-2：旅行社门户网站
（一）了解网页的基本概念
1.超文本标记语言
HTML是Hyper Text Markup Language的缩写，全称为“超文本标记语言”，是一种专门用于WWW的编程语言，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容，如文字如何处理，画面如何安排，图片如何显示等。
一个网页对应多个HTML文件，用它编写的文件的扩展名是“.html”或“.htm”，是可供浏览器解释浏览的文件格式，可以使用微软自带的记事本、写字板或专用的FrontPage、Dreamweaver等编辑工具来编写HTML文件。使用HTML编写的文件之所以被称为超文本文件，是因为其页面内除文本外，还包含图片、链接、音频甚至视频等部分。
HTML是一种简单、通用的标记语言，它允许网页制作人建立文本与图片相结合的复杂页面，无论使用的是什么类型的计算机或浏览器，这些页面都可以被网上的任何人浏览。整体结构分为＜head＞头部内容和＜body＞主题内容。
2.网页及网页中的元素
在设计网页之前，必须先认识一下构成网页的基本元素。只有这样，才能在真正的设计工作中得心应手，并根据需要合理地组织和安排网页的内容，从而达到期望的目标。
网页（Web Page）是通过WWW发布的包含文本、图片、声音和动画等多媒体信息的页面，它是网站最基本的组成单位。众多的网页有机地集合在一起，就组成了网站。
一个网页实际上就是一个普通的文本文件。在IE浏览器中打开一个网页时，单击“查看”菜单下的“源文件”，就会打开一个记事本窗口，显示该网页源文件的内容。
一个网站的第一个网页称为主页（Home Page）。主页是所有网页的索引页，通过单击主页上的超链接，可以打开其他的网页。正是由于主页在网站中的特殊作用，人们也常常用主页指代所有的网页，将个人网站称为个人主页，将建立个人网站、制作专题网站称为网页制作。网页中的基本元素包括站标、文字、图片、动画、音频和视频、超链接、表格、表单、导航栏、其他元素等。从这个意义上说，网页是一种可以在WWW上传输，能被浏览器识别、翻译并能显示的特殊文件。
图3-1是中旅旅行官网的首页，在这个网页中，包含了多种网页基本元素。下面将详细介绍。
图3-1 中旅旅行官网
图3-2 途牛旅游网官网截图
（1）站标
站标也叫LOGO，是企业网站的标志，作用是使人看见它就能够联想到企业。因此，网站LOGO通常采用企业的LOGO。LOGO通常采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多时候采用图文结合的方式，如驴妈妈和途牛的企业LOGO。
（2）文字
文字是网页的主体，负责传达信息。文字一直是最重要的信息载体与交流工具，网页中的信息以文字为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但能准确地表达消息的内容和含义。为了克服文字固有的缺点，人们赋予了网页中文字更多的属性，如字体、字号、颜色、底纹和边框等，通过格式的区别，突出显示重要的内容。此外，用户还可以在网页中设计各种各样的文字列表，来清晰地表达系列项目。
（3）图片
图片在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用，在网页中使用GIF、JPEG（JPG）和PNG等格式的图片，其中使用最广泛的是GIF和JPEG两种格式。
图片是网站中非常重要的一部分，但是如果网页中的图片过多，不仅会影响整个网页的视觉效果，而且会降低网页的加载速度，可能会因为网页加载过慢导致错过潜在的消费者。因此，插入的图片不适合过大、过多或格式过于复杂。
（4）动画
在网页中使用动画可以有效地吸引浏览者的注意，许多网站的广告都做成了动画的形式，使用动画可以输出更多的内容。
动画是动态的图形，添加动画可以使网页更加生动。常用的动画格式包括动态GIF图片和Flash动画，前者是用数张GIF图片合成简单动画；后者采用矢量绘图技术，生成带有声音效果及交互功能的复杂动画。
（5）音频和视频
音频是多媒体网页中的一个重要组成部分。支持网络的音频文件格式很多，主要有MIDI、WAVE、MP3和AIF等。网页制作人员在使用这些格式的文件时，需要考虑的因素包括用途、文件大小、质量和浏览器差别等。不同浏览器对于音频文件的处理方法是不同的，彼此之间很可能不兼容。一般来说，不要使用音频文件作为背景音乐，那样会影响网页的下载速度，可以在网页中添加一个打开音频文件的链接，让音乐变得可以控制。
在网页中也可以插入视频文件，视频文件能使网页变得精彩生动。网页中支持的视频文件格式主要有Realplay、AVI和DivX等。
（6）超链接
超链接是一种允许同其他网页或站点进行连接的元素。各个网页连接在一起后，才能真正构成一个网站。“链接”是指从一个网页指向一个目标的连接关系，“超”是指这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件（多媒体文件、文档或任意文件）、一个程序，或者是本网页中的其他位置。
当浏览者单击超链接时，目的端将显示在浏览器上，并根据目的端的文件类型以不同方式打开。例如，当指向一个AVI文件的超链接被单击后，该文件将在媒体播放软件中打开；当指向一个网页的超链接被单击后，该网页将显示在浏览器上。
（7）表格
在网页中，使用表格可以控制网页中信息的结构布局，精确定位网页元素，使网页元素整齐美观。控制网页中信息的布局方式包括两种：一是使用行和列的形式来布局文本、图片以及其他的列表化数据；二是使用表格来精确控制各种网页元素在网页中的位置。
（8）表单
表单类似于Windows程序的窗体，可将浏览者提供的信息提交给服务器程序进行处理。表单是提供交互功能的基本元素，如问卷调查、信息查询、用户申请及网上订购等，都需要通过表单进行信息的收集工作。
使用超链接，浏览者和站点便建立起了一种简单的交互关系，表单的出现使浏览者与网站的交互关系上升到一个新的高度。
根据表单功能与处理方式的不同，通常可以将表单分为用户反馈表单、留言簿表单、搜索表单和用户注册表单等类型。
（9）导航栏
导航栏是网站内多个页面的超链接组合，也是网站中所有重要内容的概括，可以让浏览者在最短的时间内了解网站的主要内容。
导航栏是在规划站点结构、开始设计主页时必须考虑的一项内容。导航栏的作用就是要让浏览者在浏览站点时，不会因为“迷路”而终止对站点的访问。在设计站点中的网页时，可以在站点的每个网页上显示一个导航栏，这样，浏览者就可以方便快捷地转向站点的其他主要网页。网页导航栏示例见图3-3。
图3-3 途牛旅游网官网导航栏
图3-4 携程旅行官网截图
(https://www.daowen.com)
图3-5 飞猪旅行官网截图
一般情况下，导航栏应放在网页中较为醒目的位置，通常是在网页的顶部或一侧。导航栏既可以是文本链接，也可以是一些图片按钮。
（10）其他元素
网页中除了以上几种元素之外，还有一些其他元素，包括悬浮按钮、Java特效和Ac-tiveX等各种特效。这些元素使网页更加生动活泼、乐趣无穷，不仅能点缀网页，而且在网上娱乐、电子商务等方面有着不可忽视的作用。
综上所述，网页设计的技术复杂性比传统媒体要复杂得多，但总体来说，文字和图片是构成网页的基本元素，因此掌握页面排版和图片处理是非常重要的。
【案例3-1】
康辉旅游——出发，遇见更好的自己
中国康辉旅游集团有限公司（以下简称“康辉”）总部设在北京，是国家特许经营中国公民出境旅游、大陆居民赴台湾旅游的组团社，也是中国旅行社协会副会长单位。
历经30余年发展，康辉已成为全国大型骨干旅行社之一。康辉业务全面覆盖出境游、入境游、国内游、赴台游、邮轮旅游、签证、机票代理、定制旅游、差旅服务、会展商务等业务。2016年开启互联网线上销售业务，2017年正式更名为“中国康辉旅游集团有限公司”，是中国综合旅游服务运营商之一，也是中国旅游用户最多的企业之一。
康辉旗下拥有300余家子、分公司，超过3000家的门店遍布全国，年营业收入逾百亿。康辉经过不断地提升与发展，在消费者心目中树立了良好的品牌形象。
案例思考：浏览该网站，你认为建设旅行社网站时应该注意哪些地方？
（二）旅行社网站设计
1.网站域名设计
优秀的旅游网站域名能够起到营销的效果，一个简单好记的域名能够方便旅行社的推广宣传，可以用网站全名或者拼音来构成，如中青旅遨游网、中旅国旅官网等。
2.定位网站主题和名称
网站主题定位需要体现出旅行社的特色，内容需要精巧。在制作网站时，很多时候想把旅行社相关信息全部呈现出来，但是这时的网站往往给人的感觉缺乏亮点，不能起到吸引消费者的效果。
网站的题材要与旅行社的内容有关。例如，旅行社的名称、旅行社的相关知识、旅行社的相关机构、旅行社的相关活动等。同时，题材的选取也要与所属旅行社的实际相结合。
3.设计旅行社网站首页
全面规划好网站首页，首页是否成功关系到整个网站设计的成败。人们往往看到首页就已经对一个网站有了结论。能否吸引浏览者，首页的设计起关键作用，只有好的首页才能使浏览者继续浏览网站。因此，结合旅行社风格，精心设计制作首页是非常重要的。
（1）版面布局
以凯撒旅游网站为例，在编排网站版面前，必须要事先明确客户的目的，并深入去了解、观察、研究与设计有关的方方面面。主题鲜明突出，让人一目了然才能实现版面构成的最终目标。明显的在线咨询功能也是必要的。版面离不开内容，而且要体现内容和主题思想，用以吸引读者的注意力。
例如，凯撒旅游网站版面将主营业务直接明显地展示出来，包含参团游、机票、签证、凯撒定制等服务项目，以及在线客服与服务热线栏目，方便旅游者查看。
（2）色彩搭配
设计旅行社网站的标准色，也就是网站的主题色，需要注意色彩搭配。网站给人的视觉冲击首先来自标准色，标准色彩的确定是旅行社网站建设的重要一步。不同的色彩搭配会产生不同的效果并影响访问者的情绪。通常说来，标准色彩必须选择能体现旅行社网站主题形象和内涵的色彩。例如，携程以蓝白色为主，飞猪以黄色为主，微软视窗采用红、蓝、黄、绿四种色块，这些好的设计使人觉得很贴切、和谐。标准色彩一般用于旅行社网站的标志、标题、主菜单和主色块，其目的是给人以整体、统一的感觉。其他色彩也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。
（3）细微之处见功力
旅游网站影响用户体验的细节众多，而且不同类型的旅行社网站制作也要具备分析和规划，其中需要关注以下细节内容。
网站主导航、定位导航、栏目导航设置要合理。具体有如下要求：
①标签式导航是公认使用习惯的主导航，可以参考阿里巴巴和淘宝的导航条；
②很多旅行社网站栏目分类，为了方便用户及时了解自己身处哪个页面，设计定位导航时，当前页面名称可以采用加粗字体；
③栏目导航的设计要注意，如果一个栏目下还有分类，则进入某个类时要有明显标志示意再分类；
④网站的LOGO最好始终保持在同一个位置上，并且链接到首页。
网站的导航主要包括主导航、副导航、面包屑导航、底部导航和网站地图导航五种类型，网站中的导航通常也包括顶部、侧边、底部、隐藏和滚动几种形式。
另外，也需要根据实际需要，完善网站的搜索和查找功能。
（4）考虑不同的浏览器和分辨率
不同的系统、浏览器和分辨率条件下的网页分辨率要求不同。需要注意的是，分辨率应该最低照顾到800×600的用户（一般分辨率在800×600的情况下，页面的显示尺寸为780px×428px；分辨率在1024×768的情况下，页面的显示尺寸为1007px×600px），所以页面最宽不要超过780，不建议用户横向拉宽页面。
（5）设计好旅行社网站的宣传标语
将旅行社网站的精神和目标用一句话甚至一个词来高度概括，并作为旅行社网站的宣传标语。比如：携程旅游——让旅行更幸福，飞猪——Hi最近想去哪里玩。标志、色彩、字体和标语是旅行社网站建设的关键，设计并完成这几项，旅行社网站将会脱胎换骨，提高整体形象。
（6）确定旅行社网站栏目和版块
旅行社网站如同写一篇关于旅行社的文章，只有提纲清晰，才能主题明确、层次鲜明；在图纸上设计好框架，结构才能合理。网站结构不清晰、目录庞杂，会使浏览者看不明白，也会使得网站管理员在扩充、维护网站时出现困难，网址废除。
旅行社网站栏目安排应做到以下三点：
①尽可能删除与旅行社无关的栏目；
②尽可能将网站最有价值的关于旅行社的内容列在栏目上；
③尽可能方便访问者浏览和查询。
旅行社网站板块设置要求各版块之间要相对独立、相互无联并且内容要围绕站点主题。接着旅行社网站的目录结构和链接结构需要确定下来。
拓展案例3-2：春秋旅游网
网站的目录是指建立网站时创建的目录。目录的结构是一个容易被忽略的问题。大多数网站没有进行合理的规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，还有以后内容的扩充和移植都有着重要的影响，所以建立目录结构时也要仔细安排。