《第五章 旅游电子商务网站建设.doc》由会员分享,可在线阅读,更多相关《第五章 旅游电子商务网站建设.doc(24页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第五章 旅游电子商务网站建设【本章内容】:本章主要介绍旅游网站的建设流程和建设要点,将网站建设主要分成了四个重要环节:网站策划、网站建设规划、网站实现、网站运营及管理进行详细地阐述,在吸取网站开发经验基础上,针对各环节中应注意的问题进行了逐条分析阐述,以达到实用的目的。【知识目标】:通过本章的学习,要求掌握旅游电子商务网站策划书的作用,掌握网站的策划要素,理解网站策划应注意的问题,熟悉旅游电子商务网站建设的准备工作,掌握网站建设规划的要点,熟悉网站如何申请域名,了解服务器的架设,熟悉网站的开发技术,了解网站的运营和事务管理以及网站的评估。【能力目标】:通过本章的学习,要求能够编写旅游电子商务网
2、站的策划书,并能够根据策划书,制定网站建设规划,指导网站的建设,同时能够完成网站的运营和事务管理以及网站的评估。【关键概念】: 网站策划书;网站结构图;域名申请;Alexa 旅游电子商务网站携程旅行网携程旅行网(),简称携程网,是目前中国最大的旅游专业电子商务网站,网站在建设时提供的电子商务服务主要包括:1)酒店预订:携程网拥有中国领先的酒店预订服务中心,为会员提供即时预订服务。其合作酒店超过28000家,遍布全球134个国家和地区的5900余个城市。2)机票预订:携程网拥有全国联网的机票预订、配送和各大机场的现场服务系统,为会员提供国际和国内机票的查询预订服务。目前,其机票预订已覆盖各大航空
3、公司的绝大多数航线,实现国内47个城市市内免费送票,实现异地机票,本地预订、异地取送。3)度假预订:携程网倡导自由享受与深度体验的度假休闲方式,为会员提供自由行、海外团队游、半自助游、自驾游、签证、自由行PASS等多种度假产品。4)商旅管理:于2007年7月推出在线商旅管理系统,其商旅管理业务面向国内外各大企业与集团公司,以提升企业整体商旅管理水平与资源整合能力为服务宗旨。5)特惠商户:为VIP会员的商务旅行或周游各地提供更为完善的服务。在全国15个知名旅游城市,携程网拥有3000多家特惠商户,覆盖生活各方面。6)旅游资讯:由线上交互式网站信息与线下旅行丛书、杂志形成立体式资讯组合。5.1 网
4、站建设流程概述建设旅游网站是旅游行业开展互联网电子商务活动的基础,所以创建旅游网站时首先要明确网站的建设目的、网站主题、服务对象、经营模式、赢利模式等,这些内容应在网站的策划书中进行透彻分析,并在策划书的指导下,对旅游网站的功能进行分析和建模,确定开发工具、服务器类型和管理方式,最后具体实现。在实现过程中,根据要求可以完全自主开发,也可以利用现有的程序进行修改,或直接购买专业公司的整体解决方案,对以上实现方法给出指导意见和优缺点分析。建设旅游网站的具体流程如下: 1)目标规划旅游网站的目标规划是要确定网站的服务对象和服务类型,一般应考虑下面问题:l 服务对象:描述旅游网站服务的对象,包括已知对
5、象和潜在对象。l 网站目的:为服务对象提供的服务。l 开发目标:建网站的规模、功能和形式等。l 应用领域:网站提供的信息所属的应用范围。l 规格描述:具体网页的信息内容、链接设置和人机界面等。l 实现要求:建设网站所需的开发要求、软硬件环境等。2)系统分析完成目标规划后,应进行系统分析,听取用户想法、吸取类似网站经验,合理进行取舍和创新。一般系统分析包括的内容如下:l 对网站主题意义的分析。l 对网页框架内容的分析。l 对制作者已有资源的分析。l 对网站软硬件环境的分析。l 对网站可能访问者的分析。3)系统设计系统设计是网站建设的关键,其主要任务是网页内容的设计。在实际设计中,一般系统设计与系
6、统分析常常是交迭进行的,包括的主要内容是:网页的结构、外观、栏目、导航与链接等设计。4)网站实现 网站实现包括WWW服务器的实现和网页的实现。前者主要是对不同操作系统的网络服务器软件的安装、调试等,后者主要是运用专业网页工具制作具体的网页。5)网站发布网站发布是将修改、调试后的网页安装到网络服务器上,以开始网站的运行。6)网站调试网站发布后要对网站进行全面的测试,包括网页运行是否正常、程序运行是否正常等等,该试运行阶段应对网站的各种问题进行纠正。7)维护与管理网站正常运行后还应对网站进行长期的维护与管理,其主要工作是及时更新网页信息,及时回复访问者留言,不断采用新技术对网站进行升级,保持网站的
7、访问速度、信息丰富和外观精美等。以上七个步骤是建设一个旅游网站一般应遵循的过程。在实际工作中,可以根据实际情况进行具体设计。在该流程中,网站策划、网站建设规划、网站实现和网站运营及管理等属于重要环节,需要网站建设者重点分析和设计。5.2 网站策划网站策划为网站建设规划提供一个整体框架,在网站建设过程中有据可循,在具体实施过程中,按部就班,避免日后返工和重复投入,提高网站的运营效率和节约投资成本。5.2.1 网站策划书内容建设一个旅游网站,不是赶时髦或者标榜企业的实力,重要的是让网站真正发挥作用,使网站成为企业传递信息,开展营销活动的有效手段。所以,网站策划书不但是要策划一个网站的具体细节,更要
8、策划一个网站的市场定位、赢利模式、运营模式等等重要环节,一个完善的旅游网站应具备的功能:品牌形象、产品业务介绍、信息发布、顾客服务、顾客关系、网上调查、网上联盟、网上销售等,旅游网站策划应主要考虑以下几方面内容:1)网上预订服务网站策划书应针对旅游企业和个人的不同需求,开发适合旅游网站特色的预订功能,如旅游网站具有酒店、票务、旅游线路等旅游产品和服务的预订系统,如携程旅行网提供的先进酒店预订、机票预订和度假预订服务。2)个性化服务网站策划书应能提供个性化服务功能,即从旅游用户的特点出发,针对他们的不同需求,为旅游企业和个人提供量身定做的旅游产品和服务,从吃、住、游、行、购、娱等旅游六大要素方面
9、,满足他们的个性化需求。3)旅游信息服务旅游行业是信息密集型行业,所以对于旅游网站,能够提供丰富的旅游信息服务非常重要。旅游网站的主要价值在于灵活地向用户展示旅游产品和服务信息,达到顾客对旅游产品和服务深入了解的目的。旅游产品的信息含量较大,好的旅游网站应尽量周全地展示旅游产品所有的周边信息,如旅游线路途径的地点信息、图片以及多媒体信息等。下面结合实例e览华夏旅游网()来说明旅游信息服务对于旅游网站功能的重要性。e览华夏旅游网的定位很明确,打造中国第一专业景点服务旅游网。目前除了一些众所周知的旅游景点外,相当部分的旅游景区都面临着客流量停滞不前甚至越来越少的状况,他们希望通过某种渠道为景区带来
10、更多的客源,旅游网站自然是不可缺少的宣传平台之一,而现在众多的旅游网站对景区的介绍都只是停留在表面功夫,泛泛而谈而体现不出景区特色。而e览华夏旅游网对景点信息的挖掘就能满足顾客的期望:在网上能够获得顾客最想要的信息,这样顾客很有可能就成为该网站的常客。只要旅游者想在e览华夏旅游网上了解有关目的地的信息,就能满足他的期望。5)在线交易服务根据网站定位和赢利模式的不同,大中型旅游网站一般具有旅游信息咨询交流版块、旅游B2C商务预订版块、旅游B2B电子商务交易版块,或者以其中某个版块为主。携程旅行网是在网上开展在线交易的典型案例,它向超过1500万会员提供集酒店预订、机票预订、度假预订、商旅管理、特
11、惠商户及旅游资讯在内的全方位旅行服务,实现了旅游产品的网上一站式服务。携程旅行网提供的在线交易服务主要有:酒店预订、机票预订、度假预订、在线广告和在线支付等。6)网站维护网站策划书中应考虑到能够让旅游网站维护人员方便地维护更新网站信息,例如:设计旅游网站新闻更新系统、旅游网站产品发布系统、旅游网站邮件宣传系统等。5.2.2 网站策划要素 网站策划十大要素:1)市场定位策划市场定位策划是网站策划的基础性工作,只有对此策划明确后,才能大胆投资。要做好市场定位策划,首先要究竟要做什么类型的网站,是综合门户、行业门户、专业网站还是企业网站、个人网站,是做社区、娱乐、工具还是资讯、电子商务(B2B、B2
12、C、C2C) 网站。其次了解游客上网的目的、上网做什么、上网的习惯等等。最后挖掘市场需求的基本点,适应市场的需求,进而引导市场需求,完成市场定位的策划工作。2)赢利模式策划明确了市场定位,就要确定网站的主要利润来源、服务对象、服务价值,用什么方式让上网者开心地进行网上商务活动,这就是对网站的赢利模式进行策划。3)运营模式策划网站的运营模式,就是网站完全自主开发,还是委托专业的IT公司整体管理。这包括团队的组建、网站的开发、网站的测试、网站的推广、网站的市场拓展等等。4)成本预算策划这是网站策划的关键。成本预算策划就是创建一个网站需要的投资费用以及这些费用分配使用的方方面面。主要是充分考虑一级栏
13、目的数量、维护方式、预期目的,运营难度、后续服务手段等等成本因素。5)收益评估策划收益评估策划是利用科学的方法对网站投入运营后的未来收入进行分析,主要是分析市场的容量、网站产品的定价、收费模式的定位、后续服务的定位等工作。6)网站系统策划网站系统策划是将整个网站按创建步骤描述并表达出来,使整个网站各功能独立、内容清晰、系统简单。7)网站数据库策划网站数据库策划要考虑随着社会的进步,网站功能的增加、系统的升级等等,使数据库的构架能够灵活扩充,适应旅游行业发展的要求。8)网站功能策划网站功能策划就是整个网站的功能构架、描述和设计,以及整个网站功能的系统性操作流程的设计。9)网站内容策划网站内容策划
14、就是对整个网站的内容进行定位,突出网站内容的核心部分,将用户吸引到网站的核心服务项目上。10)网站页面策划网站页面策划就是如何做到让搜索引擎更多的收录和关注,如何让网页符合网民的习惯、如何让网页打开速度更快、如何使维护耗费的人力和时间更少、如何降低服务器的负荷等,让网站页面实用而不花俏。5.2.3 网站策划应注意的问题在网站策划时需要注意的问题:1)注意根据客户需求进行栏目规划网站策划时,尽可能挖掘客户的需求,汇集客户的现有需求和潜在需求,据客户需求进行栏目规划。2)明确建设网站的目的 在创建网站前,应明确客户通过互联网要达到什么目的。 3)网站的精确定位 根据以上客户的需求和建网目的,分析出
15、网站的定位。定位分析要精确概括,不要过于复杂。4)了解目标客户 了解目标客户群体,是为了引导、规范企业的受众群体,了解客户群体的心理特征,便于策划出客户需要的、喜欢的网站,而实现个性化的服务,为日后网站的品牌、界面的友好、网站的知名度打下基础。 5)了解客户的运作资源 在进行网站策划前应尽量详细了解客户的人力、财力等运作资源,根据资源情况形成网站的运作模式,使产品适合企业的策划方案。 6)明确网站面向的区域 通过搜索引擎了解国内外同类型网站的发展现状,即它们的发展方向、商业模式、专业应用,以及aleax排名和流量分析,明确网站面向的区域,可以规范出网站的推广方式、网站的框架内容和表现形式,例如
16、可以制定桂林本地旅游特色的栏目来聚集人气。 7)其它应注意的细节l 尊重用户的浏览习惯:在设计网站时有一些潜规则,如:导航一般横排在页面最上方、会员注册一般在左上角、联系方式一般放在最下边、新闻类或者重要的资讯列表放在网页的上边等等。在网站策划时,应考虑尊重用户的这些浏览习惯。l 流程的简捷:策划网站的信息浏览、信息发布、注册、管理等流程时,要注意使用户操作尽量简捷:一是用户填写的资料越少越好,如果实在需要用户提供详细资料,可以让客户先填写必要的资料,再填全其他的信息,或者把需要填写的信息分成23页,以免客户产生反感;二是用户使用时能够清楚明了,即在用户可能不明白的地方加以解释和引导。l 注意
17、导航的使用:在设计网站或者栏目时要注意导航的使用,即网站中的任一页面都能回到相应的页面,用户清楚当前页面所在的位置,用户能快速链接到相关的内容等。在重要页面上点击详细页面时,最好用弹出方式,以免用户直接关闭网站。l 注意网站内容的丰富:在网站策划时,注意对各栏目收集丰富的内容吸引浏览者,否则网站再漂亮,没有内容,也无人光顾。l 注意网站明确的主题:任何网站都应有一个主题,使网页的内容围绕主题展开。l 注意网站主色调和风格的统一:网站主色调能体现企业的文化或精神,产生良好的视觉效果;虽然网站由很多网页组成,但网站作为一个整体,必须有一个统一的风格。l 注意与客户的互动性:网站一定要让用户能够参与
18、进来,才能更好的留住客户。所以网站策划时,一定要设计与客户互动的工具,能及时、快速解答客户的问题,增进与客户的关系。l 页面设计和技术开发要利于网络推广:一个网站的格局会影响网站在搜索引擎中的排名,数据提取、查询方式、图片的数量等会影响网站的速度。所以在设计栏目时,要注意与美工和技术人员的协调和沟通,既要使网页的美观和功能不影响推广和用户浏览,又要突出网站众多复杂内容的主次和重点。l 设计后要注意对网站或栏目测试:网站制作完成后,要注意对各种功能测试多遍,尤其是登陆前和登陆后的功能变化等。5.3 网站建设规划在建设网站之前,需要对网站进行一系列的分析和设计,然后根据分析的结果提出合理的建设方案
19、,这就是网站的规划与设计。 一般应遵循以下三个原则:1)最大限度地满足用户需要。2)最有效地进行资源利用。3)使用方便,界面友好,运行高效。网站设计应根据实际情况确定具体的设计方法,常规的设计方法有: 1)自顶向下的设计方法所谓自顶向下,就是从整个网站的“根”,即常说的首页开始设计,向下一层一层地展开。采用这种方法要求建站者对整个网站的内容比较了解,对整个网站的大体轮廓比较清晰。这种设计方法的优点是能在总体上统一整个网站的风格,使网站的组织结构比较合理。通常是在一开始就做出一个“模板”,作为以后开发时网页页面设计的基础,以保证整个系统用户界面的版面风格和功能设置的一致性。2)自底向上的设计方法
20、自底向上的设计是指先设计树状信息结构的各个子节点,然后通过归纳,设计他们的树干节点,最后完成对根节点的设计。 该方法适合于建站者在开发初期对整个网站的总体结构和布局未考虑成熟,而对具体的网站页面的信息和服务很有把握的情况。采用这种设计方法的优点:网站的各个部分可以根据网站内容作因地制宜的设计,而不必拘泥于条条框框,较为有风格。3)不断增补的设计方法 这是在网站投入运行后常用的方法,是一种需求驱动的设计方法。当出现某种信息服务的需求时,就立即设计相应的信息服务页面。随着需求的增加,不断地增加网页,不断地调整和相互链接,在短时间内建立起网站。采用这种设计方法的优点是减短规划分析期,效率较高。 实际
21、设计中,这三种方法一般是相互穿插进行的。例如整个网站可以用自顶向下的设计方法,而网站的某一部分则可以采用自底向上或不断增补的设计方法来实现,反之亦然,并无定法,完全看设计者的具体情况。 5.3.1 建设准备工作1)市场调研与竞争对手分析在正式开发和建设一个旅游网站前,须先清楚网站服务的目标客户,了解不同群体的不同喜好,针对网站的访问群体选择网站要发布的内容、设置网站的功能等,进行网站定位。在确定了目标客户以后,网站设计者才能确定设计风格和思路。比如针对年轻群体,旅游网站版面设计要生动活泼、时尚前卫。对竞争对手的分析,主要研究网站运营战略意图、竞争对手网站的收入模式、营销模式、网站推广模式等,从
22、中找到竞争对手的优势和劣势,采取差异化的竞争策略,取得网站经营的成功。2)设计好网站的功能设计好网站所要达到的目的:是作为宣传工具,还是要配备需要的网站功能,比如是否需要建立数据库,是否需要对客户资源进行管理,是否需要建立网上营销订购系统,是否需要建立物流管理配送系统,是否需要网上支付系统等等。3)确定网站主题和实现技术确定网站主题包括确定网站的结构和栏目。网站主题要和旅游企业形象识别(CI)相符合,根据网站的目的和功能,设计网站的风格,确定是否需要安装程序,如论坛、社区、留言薄等。对不同模式的网站确定不同的实现技术,有些网站只需要HTML和CSS编码实现,有的网站则要采用PHP或者JSP来完
23、成,还有的是用ASP结合其它技术来实现。4)网站内容的准备Internet上拥有海量信息,一个旅游网站要想从中脱颖而出,在网站设计前,应根据网站展示的内容收集大量的相关资料,并进行分类整理,同时准备丰富的辅助素材,如清晰的图片、图标、动画等。5)网站规模旅游网站可大可小。大的网站如Travelocity有成千上万的页面,而且每天都有很多页面被更新;小的网站可以小到只有一个介绍页面和一个电子邮件地址。重要的是根据企业的特点和投入的规模来确定网站的规模。对于旅游门户网站,越大越好。只有规模够大,内容够多,才能有足够的访问量,才能吸引广告商的投入和旅游企业的参与,因为旅游门户网站主要是依靠广告收入和
24、B2B交易佣金或出租频道来获取利润的。对于一般的旅游企业比如旅行社和饭店,因为投入的人力和物力有限,网站建设应该追求有效性而不是规模。这里的有效性是指网站发布的时效性,网站内容和功能的完整性和在线运作的有效性。而片面追求规模,往往会延迟网站的发布时间及内容与功能的完整性,推迟发布而贻误战机,而内容与功能的不完整会破坏企业形象。5)域名的选择与使用域名的选择要与注册商标相符合,选择一个容易记忆、令人印象深刻的域名对网站的品牌化和持续经营非常有利。从搜索引擎优化的角度来看,以com、net、gov、org结尾的域名要强于其它诸如ws、biz、info为后缀的域名。6)确定网站托管和网站建设方式确定
25、网站托管是采取虚拟主机还是独立服务器方式。确定网站建设方式是自建还是委托专业网站制作公司代理制作。7)编写正式网站规划书 在完成上述准备工作后应编写正式的网站规划书,网站规划书可以保证网站建设顺利进行,作为网站建设管理监督的参考,同时可以提交给专业网站制作公司,以指导网站的设计。5.3.2 网站建设规划要点1)网站形象定位一个优秀的网站在确定主题和名称后,需要进行网站的形象定位。网站形象定位就是对网站形象进行战略设计,使其在浏览者心目中占有独特的、有价值的位置。网站形象定位明确、有创意,浏览者才会感到网站有特色,形成稳定的群体。随着网络的快速发展,旅游企业在Internet上拥有自己的站点和主
26、页将是必然趋势,网上形象的树立成为旅游企业宣传产品和服务的关键。而网站形象的定位通过对企业形象识别(Corporation Identity ,简称 CI)的设计,给浏览者从视觉上展示统一的企业网站形象,通过网站主题、页面风格、层次关系等表现出网站的CI设计理念,非常有助于网站的宣传推广。例如:著名携程网的统一标志、色彩和产品设计,给浏览者深刻的印象。下面从标志、色彩、字体、标语等方面对网站形象CI的设计提出参考建议: 设计网站的标志(logo):设计网站的标志,它集中体现站点的特色和内涵,浏览者看见logo就联想到对应的网站。标志可以是中文、英文字母,也可以是符号、图案、标志,它们的设计创意
27、来自网站的名称和内容,例如:携程网用英文字母ctrip组成的图案,体现了旅游品牌网站的创意。 设计网站的标准色彩。网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,所以确定网站的标准色彩是相当重要的。网站的标准色彩要能体现网站的形象和主题,一般网站的标准色彩不超过3种,主要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。例如:携程网用蓝色作为标准色彩,让浏览者觉得网站活泼、稳健、亲切、和谐。 设计网站的标准字体。标准字体用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现网站的与众不同和特有风格,可以根据需要选择一些特别字体。例如,为了体现专业可以使用粗
28、仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。一般非默认字体只能设计成图片,因为浏览者的电脑里可能没有安装这些特别字体。 设计网站的宣传标语。用高度概括的一句话或一个词体现网站的精神。2)网站结构图常见的网站逻辑结构有三种:(1)线型结构:将多个网页按照一定的先后顺序链接起来,形成一个线性关系(见图5-1),常用于需要按步骤进行的栏目上。例如,网上订购酒店的流程是按照:选择酒店、确认房间、填写订单、生成订单四步来完成。主页网页1网页2网页3网页4图5-1 线型结构(2)层次型结构:是按照网页之间的包含关系组织而成,像一颗倒置的树(见图5-2)。层次型结构简单而且直观,能将所有
29、的内容划分得非常清晰且便于理解。但是层次深度最好不超过35层,否则就会带来不良的影响。网页网页网页网页主页网页网页网页一级标题二级标题图5-2 层次型结构(3)网络型结构:是指多个网页相互之间都超链接的一种结构,这些网页可以是层次结构上的任意网页,但是因为内容上的相关性而链接在一起(见图5-3)。这种结构使用户能方便地在网页之间切换,但同时也带来超链接数庞大的问题,所以网站中需要谨慎使用网络型网页网页网页网页图5-3 网络型结构3)网站内容收集和整合Internet上拥有海量信息,一个旅游网站要想从中脱颖而出,要考虑网站包含什么内容。在网站设计前,应根据网站展示的内容收集大量的相关资料,并进行
30、分类整理,同时准备丰富的辅助素材,如清晰的图片、图标、动画等。旅游网站除发布企业产品和服务信息外,还应尽可能多地提供一些免费信息,如天气预报,城市指南,旅游常识,游记相册等,以增加访问者在网站停留的时间和再次光顾的理由。资料和素材收集好后,就要将这些材料合理组织和安排到相应的栏目和具体的网页中。另外,网页上的文字段落要短小、口语化,使人一目了然,符合人们的阅读习惯。4) 网站栏目规划(1)栏目规划的步骤栏目规划实际上就是要建立网站的逻辑结构,不仅包括整个网站的层次结构,而且还要为每一个栏目或子栏目设计合理的逻辑结构,并确定哪些是必需的栏目、哪些是重点栏目等,通常按照以下几步来进行: 确定必需的
31、栏目。在栏目设计时,首先根据建站目标和功能设计,参考其他同类的网站,确定一些必需的栏目。对于旅游网站来说,景点介绍、旅游线路、酒店预定、机票预定以及旅游资源、旅游服务等常见栏目通常是不可缺少的。除此之外,网站还应该包括帮助栏目,其目的是为了帮助用户了解这个网站的背景、性质、目的、功能以及发展历程等,了解如何更好地对网站进行访问,了解网站建设的最新动态等。具体到旅行社网站,一般应有关于我们、景点介绍、酒店查询、机票查询、精选线路、在线预订、旅行指南、游人游记等栏目,有的还按照不同游客类型设置商务旅游、休闲旅游、自助旅游、出境旅游等栏目;对于饭店类主页,一般有酒店介绍、地理位置、各类客房、餐饮服务
32、、娱乐设施、在线预订、访客留言等栏目。然后再设计功能性栏目,如网站地图、搜索引擎、FAQ、留言板、聊天室、邮件列表等,可根据网站规模来做取舍。 确定重点栏目。在确定必需栏目后,就要确定重点栏目,也就是从必需的栏目中挑选出最为重要的几个栏目然后进行更为详细的规划。对于旅游网站,它的目的是为了更好地推销自己的旅游产品和服务,那么旅游产品和服务的介绍就作为重点栏目,还需设立价格信息、网上定购、产品动态、售后服务等相关栏目。 建立层次结构。这是一个渐进的过程,即从上而下一级一级地确定各层的栏目。首先确定必需的栏目,然后对其中的重点栏目进行进一步的规划,确定它们所必需的子栏目,以此类推,直至不需要再细分
33、为止。将所有栏目及其子栏目连在一起就形成了网站的层次结构。 设计每个栏目。层次结构只是对网站的栏目进行了总体的规划,我们还需要对具体的栏目或者子栏目进行更为细致的设计。首先是对栏目的目的、服务对象、内容、资料来源等的描述,让设计者对这个栏目有一个准确、清晰的认识。其次是设计栏目实现的方法,即设计这个栏目的网页构成、各个网页之间的逻辑关系、各个网页的内容、内容的显示方式等方面的问题。最后还要设计这个栏目和其他栏目之间的关系,即找出各个栏目之间可以共享和相关的内容,并将它们链接起来。栏目的设计要简洁明了,逻辑性强。很多网站使用图片栏目,提升美感,这样往往会网页影响下载速度。其实,对于中文网站来说,
34、没有必要使用图片栏目,因为中文方块字对于网页排版来说有先天的优势,可以用“四字栏目法”用文字构造整齐划一、美观大方的菜单栏目。(2)栏目规划举例栏目规划最便捷的方法就是参考同类网站,采纳共同的栏目,去掉不适合的栏目,添加特色的栏目,形成一个栏目清析、主题突出、具有个性的网站。以桂林旅游网站()为例,见图5-4是桂林旅游网站的栏目规划。网站首页桂林概况形象宣传历史文化民俗风情名人游桂林5A景区5A景区5A景区推荐景区星级宾馆非星级宾馆旅游县宾馆家庭旅馆个性之居感知桂林首页桂林景点首页桂林酒店首页我游桂林首页桂林活动首页预订服务服务机构市民出游首页桂林论坛首页图5-4 桂林旅游网站的栏目规划(3)
35、网站文件夹结构的设计文件夹结构又称为物理结构,它设计解决的是如何在硬盘上更好地存放包括网页、图片、动画、数据库等各种资源在内的所有网站资源。设计一个清晰的文件夹结构,可以使网页的设计达到事半功倍的效果。文件夹结构的设计一般遵循以下原则: 根据网站的栏目规划来设计文件夹结构。一般对一个栏目对应地创建一个子文件夹,子栏目的网页就存在父栏目对应的文件夹中。 建立独立的图片子文件夹。一般把网页所用的全部图片统一存放在一个文件夹里,以便于图标的共享。如果图片很多,该文件夹最好也能分类创建不同类别的子文件夹。 文件夹的层次不要太深。 尽量不要使用中文文件夹名。 因为站点对Internet所有用户是开放的,
36、因此必须考虑到使用非中文操作系统的客户也能正常访问站点,所以文件夹名最好使用英文。 数据库文件单独存放。因为数据库文件安全要求较高,所以最好存放在HTTP所不能访问到的文件夹中,以避免恶意用户通过HTTP方式取到数据库文件。例如,桂林旅游网站根据栏目规划设计的相应文件夹结构如图5-5 所示。图5-5 桂林旅游网站文件夹结构5)导航栏设计网站导航是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容,一般导航可分为两类:纵深型和横向型。 所谓纵深型,就是导航能顺着根节点告诉访问者他所在的位置,如果采用纵深式的导航栏,页面布局一般如图5-6桂林旅游网站纵深型导航栏。导
37、航栏一般放在页面顶端或底端的信息提示区。所谓横向型,就是把某一节点下同一层的所谓节点并列列出,使访问者可以在同一层方便的跳转,通常是在网页的某一固定位置列出第一层的所有节点文件夹,页面布局一般如图5-7桂林旅游网站横向型导航栏。 图5-6桂林旅游网站纵深型导航栏图5-7桂林旅游网站横向型导航栏6)网站美术设计 风格设计网站的风格设计是指配色方案、字体选择、装饰效果、菜单样式、导航按钮等等。良好的网站风格设计会给浏览者留下深刻的第一印象,是浏览者对网站整体形象的综合感受,它没有一个固定的模式可以参照。例如网易的风格是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的,这些网站给人们留下的感受不同
38、。而旅游网站的风格一般力求清新自然、明快活泼,最好是选择明亮一些的背景,活泼一点的小装饰图片等。本书对网站的风格设计总结了以下几点共参考:l 在每个页面放网站的的标志。 l 突出网站的标准色彩:文字的链接、背景色、边框等色彩尽量与标准色彩一致。 l 突出网站的标准字体:在关键的标题、菜单、图片里使用统一的标准字体。l 设计一条朗朗上口的宣传标语:放在醒目的位置。l 使用统一的语气和人称:让浏览者认为是同一设计者的作品。 l 使用统一的图片处理效果:比如,阴影效果的方向,厚度,模糊度都一样。 l 创造网站特有的图标:如在一个链接前的小图标,虽然很简单,却给人与众不同的感觉。l 使用自己设计的花边
39、、线条和点。 l 展示网站的荣誉和成功作品。 布局设计网页的布局是指在有限的屏幕空间中合理科学地安排各种要素,包括标题、菜单、广告条、导航按扭、公司标志(Logo)、脚标、正文内容等,其中正文内容需要排在第一位考虑。应该缩减导航栏和菜单的空间,公司的标志图形应出现在每页上,一般放在左上角。整个网站的设计风格和布局应保持一致性。网页的布局在建站开始就设计,可以统一整个网页的风格,我们称之为模板。 l 页面布局步骤:在设计页面布局之前,首先要确定这个网页主要面向哪种浏览器的配置,即主要在哪种计算机显示器的分辨率下进行显示。不同的用户可能使用不同的显示器和浏览器,所以一个网页在不同用户的计算机上显示
40、效果可能不一样。1024768像素是目前大多数显示器设置的分辨率,所以很多网站在设计时都针对种分辨率进行设计。第二步是确定网页的框架。通常可以根据导航栏来决定网页的框架。如图5-8艺龙旅行网的“关于艺龙” 栏目的网页()框架导航栏的位置设计。图5-8 艺龙旅行网的“关于艺龙”栏目的网页l 页面布局的基本方法:对于熟练的网页制作人员,得到网页的相关信息之后,可以很快在脑子里形成大概的布局,并且可以直接用网页制作工具开始制作。但是对不熟练的人来说,需要借助于其他方法进行网页布局。第一种方法是用手工的方式在纸上画草图,这种方法可以大概地描绘出网页的框架。第二种方法是用专业图像处理软件(如PhotoS
41、hop)来进行布局,利用它可以像设计一幅图片、一幅广告一样去设计网页的界面,然后再考虑如何用网页制作工具去实现这个网页。 l 页面布局的选用应考虑两点:一是页与页之间的切换是否方便,这涉及到编制动态网页时,使用JavaScript是否方便;二是要保证页面的主要信息区占页面的大部分。 色彩搭配网页的色彩搭配通常分两步,首先是根据网站的性质和服务对象的特征,为整个网站选取一种主色调。主色调指的是整个网站给人的印象最深的颜色,或者说除白色之外用得最多的颜色。其次,我们还要考虑用什么颜色去搭配主色调,比如背景色、文字颜色、导航条颜色、插图颜色等。色彩搭配是一项非常精细的工作,一种细节色彩搭配不好,就会
42、影响整个网页的色彩均衡。 网页的色彩搭配应遵循以下几个原则:l 色彩的合理性。网页的色彩要符合网站的特征,能够吸引浏览者的注意力,给浏览者留下深刻的印象,同时也要注意避免使用一些高亮度的色彩,以免产生强烈的刺激,使人眼睛容易疲劳。l 色彩的独特性。网页的色彩搭配应尽量展现网站的特色,要有与众不同的色彩,给浏览者留下深刻的印象。l 色彩的合适性。网页色彩的搭配和网站表达的内容气氛要相适应。l 色彩的联想性。不同色彩会使人的心理产生不同的联想,例如蓝色使人联想到天空,黑色使人联想到黑夜等。在网页色彩搭配时,充分考虑色彩的联想性,可以使浏览者产生更深的印象。在设计网页时,可以采用以下一些色彩搭配的技
43、巧:l 同一种色彩的应用。首先选定一种色彩,然后调整这种色彩的透明度或者饱和度,就会产生新的色彩。用于网页,这样的页面看起来色彩统一,有层次感。l 同一个色系的应用。简单地说就是在同一个色性(如暖色调的红色或冷色调的蓝色的系列色彩)里选择不同透明度或者饱和度的色彩进行对比,产生丰富的色彩变化。这种搭配方法比同一种色彩的搭配要明显些、丰富些、活泼些。l 对比色的应用。对比色指的是两种或两种以上色彩的对比。操作时先选定一种色彩,然后选择它的对比色。对比色的网页容易使人激动,比较适合于体育、节日等表示欢乐、运动等内容的网页设计,它使整个网页色彩丰富但不花哨。l 黑色的应用。黑色与其他色彩搭配时,可以
44、产生一种神秘、沉稳、富有艺术性的效果。所以在很多艺术网站中,黑色的使用率很高。但是对于初学者来说,没有十分的把握,尽量不要使用。对于初学者来说,对色彩的变化不能很好的掌握和应用,因此在网页配色中也容易犯的错误:l 色彩单调,没有活力,缺乏生机。在网页中加入一些图片,可以弥补感觉单调的缺陷,但图片不宜过多(一般l3个),起到画龙点睛作用即可(图片网站例外)。l 色彩紊乱,没有主色调。在网页中不要将所有颜色都用到,尽量控制在三种色彩以内。为了形成一种特色,网页应该定一个主色调,然后配以不同的辅色调,避免出现色彩单一的感觉。l 背景和前文对比不明显,前文不清楚,喧宾夺主,影响阅读。一般来说,背景和前
45、文应避免色彩的接近,也要避免高亮度文字与明亮的背景配合,绝对不要用花纹繁复的图案作背景,以免影响前文的阅读。网页的色彩搭配时,要考虑与网站主题相一致的风格和颜色,比如:做商务站点就必须用些沉稳的颜色(如橄榄绿,群青),在背景上可选用比较中性的颜色,在工具条的放置上可以稍微发挥点构思,在网页内容中,将颜色和风格统一起来,使人看起来感觉大气而不庸俗。做娱乐性站点就要以活泼的颜色强烈的对比效果突出整个站点的气氛,尽量使用暖色调,跳跃活泼的图案也可以引起别人的兴趣。合理的搭配和内容的相辅相成是形成整个站点的必须成分。在设计上还要必须能让用户感觉亲切人性化的特点,这才是能抓住客户的最佳方法。 5.4 网
46、站实现5.4.1 域名申请网站创建完成后,要进行域名申请。域名类似于互联网上的门牌号码,可以说是企业的“网上商标”,是互联网上企事业间相互联系的地址。好的域名有助于塑造旅游企业在网上的国际形象、是企业在Internet上的无形资产,域名在全世界具有惟一性,所以域名资源比较有限,先抢注者就有权使用。在申请域名时要结合企业的性质以及信息内容的特征,注意域名的选择应与注册商标相符合,应简洁、易记、具有冲击力。在域名注册时也要注意,现在有不少域名注册服务商在注册国际域名时,将域名的管理联系人等项目改为自己的公司的信息,那么这个域名实际上并不为你所有。外,还应该使这个名字。域名申请一般程序: 1)选择域
47、名注册服务商:可以是顶级域名注册商或者其代理服务商,尽量选择有实力的注册商或代理商。通过CNNIC授权的国内域名注册商进行国内域名的注册。2)查询自己希望的域名是否已经被注册。3)注册用户信息。4)支付域名注册服务费。5)提交注册表单,完成域名注册。5.4.2 服务器架设网站需建立在一台互联网信息服务器(Web服务器)上,用户可以通过浏览器访问其信息和内容。企业建设自己的Web服务器时需要投入很大资金,包括架设网络、安装服务器,运转时需要投入很大资金租用通信网络。因此,一般企业建设Web服务器时,都是采取服务器托管、虚拟主机、租用网页空间、委托网络服务公司代理等方式进行服务器架设的。5.4.3 网站开发技术1)网站编程语言(1)HTML语言 HTML概述HTML(Hyper Text Markup Language,超文本标注语言)是WWW上的专用语言。HTML主要特征是在文本中有HTML标注符。HTM