6网站建设流程

单击此处编辑母版标题样式,*,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,6.网站建设流程,1,【学习目标】,通过本章的学习，掌握网站建设的流程，明确网站建设过程中各个环节应注意的问题以及要做的具体工作。,【主要内容】,网站建设的前期准备。,网站筹划、设计与制作,选择ISP、申请域名、购置空间、发布网站,网站的更新、维护、平安问题。,网站的宣传、推广,2,6,网站建设流程,6.1 网站建设流程概述,6.2 客户需求调查及资料整理,6.3 网站筹划,6.4 网站制作,6.5 发布站点,6.6 测试站点,6.7 网站的维护与平安,6.8 网站的宣传,3,6.1 网站建设流程概述,网站建设需要按照一定的程序进行。网站建设及维护的全过程需要经过以下几个步骤：,1）客户需求调查,2)网站的总体筹划,3)网站样本设计,4)网站制作,5)网站测试及验收,6)网站的更新、维护及平安,7)网站推广,4,网站建设流程图,5,6.2 客户需求调查及资料整理,在网站建设开始时，首先要和客户很好地沟通，完整地、全面地收集和整理用户的各种相关资料，包括关于介绍客户的各种文字和图片资料、联系方式，分析和理解客户的需求，并请客户提出根本设计要求、根本功能需求，若能请客户提供他所喜欢的网站的类型及实例，对于网站建设的顺利进行将有很大的帮助。有经验的设计人员都会充分而准确地做好这一步。,6,6.3 网站筹划,网站筹划的好坏直接影响到网站运营的效果。其内容包括网站信息组织、网站导航设计、网站功能设计以及网站推广方案建议、网站的平安措施等内容。其重要任务就是把客户的需求信息很好地通过以上诸方面有机地表达出来，把网站的目标信息有效地传达给浏览者或潜在用户，从而到达最好的网站营销效果。,6.3.1 网站的风格和创意设计,6.3.2 网站的整体筹划概述,6.3.3 网站筹划中几个重要环节,7,6.3.1 网站的风格和创意设计,网站建设者的网站制作水平到达一定高度时，一个新目标是提高网站的整体风格及其创意的设计水平。,风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。“整体形象包括标志、色彩、字体、标语、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等因素。例如，“网易是平易近人的，“迪斯尼是生动活泼的，“IBM是专业严肃的，“CCTV是丰富渊博的。这些都是网站给人们留下的不同感受。,8,树立网站风格应从以下几方面考虑：,网站中所有元素包括网站名称、栏目名称、图片文字风格一致。,将站点的logo(标志性标识或图案)，尽可能的出现在每个页面上。使站点的色彩体系和协统一。包括文字链接、图片、背景色、边框等。,字体字型字号协调一致。关键标题、菜单都使用风格统一的字体。,在banner(横幅标语)里加一条朗朗上口的宣传标语，放在醒目的位置。,使用统一语气和人称。多人合作，也要让读者觉得像一个人一样。,统一的图片处理效果。比方，阴影效果的方向、厚度、模糊度。,创造特有的符号或图标。如在每个超链接前用一个符号或小图片。,9,创意,(idea),是网站生存的关键,常见的创意表达形式有：,(1),颠倒、变形、分割、对称、重复、变换色彩、变速闪动、变成立体；,(2),加局部效果、背景音乐、背景图画、绚丽夺目的文字图片；,(3),风格儿童化、年轻化、流行化；,(4),构造竞赛环境、打赌环境、起个绰号；,(5),加速、低价、打包、免费业务；,(6),还可以将以上各项延伸组合。,10,6.3.2 网站的整体筹划概述,网站筹划首先应该从以下几方面着手准确定位网站，为成功建设一个网站打下坚实的基础。,1)建设该网站的目的,2)设想中的网站规模,3)是否需要独立域名,4)主要的目标受众,5)基于明确的受众定位，确定网站设计特色,6)网站的推广建议,7)投资预算,11,6.3.3 网站筹划中几个重要环节,网站的主题和名称,网站的链接结构,确定网站的文件目录结构,确定网站的栏目,定位网站的CI形象,好的企业网站的衡量标准,网站筹划说明书的书写,12,网站的主题和名称,网站的主题就是网站的题材，是在网站设计开始时首先遇到的问题。选择题材最重要的依据是网站要宣传的中心内容。另外还要注意“小而精，不要涵盖太广、目标太高，应选自己擅长或者喜爱的内容。,网站名称，是网站设计很关键的一个因素。名字对网站的形象和宣传推广有很大影响。网站的名字要合情、合理、合法，不能使用反动的、迷信的、色情的、危害社会平安的词句。网站名称要易记，一个朗朗上口的名字会越叫越响亮，最好用中文名称，但也有些中英文混用或谐音是恰到好处的。网站名称的字数应控制在六个字(最好四个字)以内，便于其它站点友情链接。网站名称要有特色、有内涵，给浏览者更多的视觉冲击和空间想象，在表达网站主题的同时，能给人以品味的乐趣。,13,网站的链接结构,网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种根本方式：,(1)树型链接结构.这种链接结构类似计算机中磁盘文件的组织结构，首页链接指向一级页面，一级页面链接指向二级页面。浏览这种网站时，一级一级进入，一级一级退出。其优点是条理清晰，访问者明确知道自己在什么位置，不会“迷路；缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。,(2)星型链接结构.在这种链接结构中，每个页面相互之间都可以建立链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面；缺点是链接数目多而复杂，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。,这两种根本结构都只是理想方式，实际中，总是根据网站信息量大小，将两种结构结合起来使用，到达理想的效果。,14,确定网站的文件目录结构,网站文件目录是指网站创立时的站点目录，即站点文件夹。其结构好坏对浏览者没有影响，但对站点本身的上传维护、未来的内容扩充和网站移植有重要的影响。就像衣柜、书架，必须要分门别类、井然有序地存储站点内的所有文件。下面是关于目录结构的一些建议：,(1)在根目录下只存放首页。,(2)按栏目内容建立子目录。,(3)在每个主栏目目录下都建立独立的images目录，根目录下的images目录只用来存放与首页相关的图片。,(4)为了维护管理方便，目录的层次不要太深，不要超过3层。,(5)不要使用中文目录名，这是由目前的互联网环境决定的。,(6)不要使用过长的目录名。,15,确定网站的栏目,栏目的实质是一个网站的大纲索引，应该把网站的主题明确表达出来。网站栏目安排要注意以下几方面：,(1)紧扣主题,(2)设立最近更新网站指南栏目,(3)设立可以双向交流的栏目,(4)设立下载或常见问题答复栏目,16,定位网站的CI形象,所谓,CI(corporate identity),，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的、有创意的,CI,设计，对网站的宣传推广有事半功倍的效果。具体的做法是：,(1)设计网站的标志,(logo),(2),设计网站的标准色彩体系,(3),设计网站的标准字体,(4),设计网站的横幅,banner,17,好的企业网站的衡量标准,一个好的企业网站应具备以下几个特点：,(1)网站架构由以企业为核心的主题层次、内容分类、页面顺序等所组成。,(2)能表达出企业精神、理念以及文化。,(3)在筹划过程中兼顾企业产品营销理念和企业未来的开展规划。,(4)内容精炼、准确、及时更新。,(5)提供本行业的信息和动态，着眼于行业性的内容(如科普教育等)。这能使网站内容更为丰富，提高网站的档次和访问率，使浏览者对企业建立行业权威的印象。,18,编写网站筹划说明书应注意以下几点:,(1)网站筹划说明书中每个栏目应该风格统一,栏目概述：包括栏目定位、栏目目的、效劳对象、子栏目设置、首页内容、分页内容。这一局部索引作用，是对网站的整体把握。,栏目详情：包括各个子栏目的名称及其目的、效劳对象、内容介绍、资料来源、实现方法、有关问题、重点提示等。,相关栏目：其意义是通过各个栏目之间的联系，来加强网站的整体性，也是一种导航指示。,(2)参考网站。标明本栏目在设计时参考了哪些网站，或在制作时可以参考哪类网站,要说明参考网站的优点和不可取之处。不能只简单提供一个网址。,(3)附录。附录用以记录这个文档的历史修改正程和改正的内容。,19,6.4 网站制作,6.4.1 页面设计概述,6.4.2 首页设计,6.4.3 版面布局,6.4.4 网页导航设计,6.4.5 网站程序设计,20,6.4.2 首页设计,首页的设计是一个网站成功与否的关键。一般来说，对中小型网站的设计来说，首页设计和制作占整个制作时间的,40%,50%,。首页的设计大致要在以下这几方面下功夫：,(1),版面布局；,(2),色彩搭配；,(3),字体的设置；,(4),考虑不同的浏览器和分辨率；,(5),logo和banner设计；,(6),meta标签的重要性；,21,6.4.3 版面布局,版面，指的是浏览器看到的完整的一个页面，可以包含框架(Frame)和层(layer)。布局，就是将图片和文字排列分布在页面里，并力求内容组织合理、最适合浏览。常见的版面布局形式：,1)“T结构布局,2)“口型布局,3)“三型布局,4)比照或对称布局,5)POP布局,总之，布局既要考虑美观，又要考虑实用。,22,6.4.4 网页导航设计,网站的导航设计是对站点内部网页间的超链接组织的设计。导航设计应该注意以下几点：,1)到当前页的导航按钮应该使链接失效,2),不要在一篇短文里提供太多的超链接,3),超链接的字串长短适中,4),超链接颜色与叙述性文字的颜色呈现,5),在具有前后连续顺序的文件里提供必要的链接,6),在有段落标题的较长的文字页面内提供目录表与标题，提供页内超链接,7),暂时不提供超链接到尚未完成的页面,8),测试所有的超链接与导航按钮的真实可行性,23,6.5 发布站点,网站制做完成后，要让站点能够被访问，必须把文件传送到一台Web效劳器上，这就是网站的发布。,6.5.1 选择ISP,6.5.2 效劳器的分类及创立,6.5.3 购置域名,6.5.4 上传网站及上传工具介绍,24,6.5.1 选择ISP,ISP(Internet Service Provider)，即Internet效劳提供商，它能提供拨号上网效劳、网上浏览、下载文件、收发电子邮件等效劳。Web效劳器是一台与Internet相连接并运行效劳器软件的计算机。Web效劳器软件用超文本传输协议(http协议)为用户提供HTML文件效劳。如果你所在的公司或组织没有效劳器，就必须借助于Web存放效劳。ISP可以提供网站存放效劳。选择ISP，可以从下面几点考虑：,1)效劳商的资质,2)效劳品质,3)新技术的开发应用步伐,4)效劳基础设施条件,25,6.5.2 效劳器的分类及创立,效劳器是提供信息让别人访问的机器，通常又称为主机。必须每时每刻都连接在Internet上，拥有永久的IP地址。,有两种方法可以使用户拥有Web、Email、FTP等效劳器：自建主机。需要有水平较高的专业技术人员，要投入较大的资金购置软硬件，还要支付上不封顶的日常维护和线路通信费，建设周期较长。只适合作小型效劳器，因为一般的单位或个人，受环境(24小时运作的机房恒温恒湿空调系统)、硬件设施(例如：路由器、不间断电源系统等)及网络带宽限制，很难提供很好的网站效劳。,主机托管主机托管则经济、快捷、实用。主机托管业务可细分为独立主机托管与虚拟主机(Virtual Hosting)。,26,6.5.3 购置域名,要想在网上建立效劳器发布信息，必须注册自己的域名，通过域名指向你所购置的空间(即虚拟主机)，才能让别人访问到自己的网站。域名注册是在互联网上建立任何效劳的基础。域名注册的一般流程：,(1)查询选择域名。查询所选择的域名是否已被占用。,(2)用户资料确认。在线填写域名申请表并提交；,(3)购物订单确认。按照所选IS