2.网站建设基本知识

一、网站建设的定义：网站建设是从营销角度立意并根据网站定位进行的一个网站建设的完整过程，其中包括了前期网站定位、需求分析等战略性调研确立，中期去注册域名、租用空间、设计网站页面、编写网站代码、网站备案

一、网站建设的定义：

网站建设是从营销角度立意并根据网站定位进行的一个网站建设的完整过程，其中包括了前期网站定位、需求分析等战略性调研确立，中期去注册域名、租用空间、设计网站页面、编写网站代码、网站备案、开通网站和后期的网站维护、网站推广等一系列过程，这个过程需要市场调研人员、网站策划人员、美术设计人员、WEB 程序设计人员和网站推广人员去共同完成。

二、网站建设的作用：

网站是展示企业自身形象、发布企业产品信息、企业联系网上客户的新平台，最大的作用就是帮助客户从网上带来客户，拓展企业营销模式，增加企业生存渠道。

三、网站建设的流程： 一、网站定位：必须清楚制作网站的用途，比如：形象宣传、产品展示等；

二、域名注册、域名备案；

三、租用空间：用于存放网站程序和数据库文件的空间； 四、网站策划：根据网站定位分析网站的功能和需求；

五、网站设计：根据网站需求设计网站页面；

六、网站开发：根据网站需求编写网站代码；

七、网站测试：根据网站需求测试每个功能模块代码是否正确；

八、开通网站：上传网站程序至服务器，开通网站；

九、网站推广：让你的网站可以在百度里面被搜到；

十、网站维护：定时更新网站信息。

四、网站建设对公司的好处

每个企业有自己特定的产品/服务，网站的内容理应围绕企业的核心业务设置。企业网站不应当只是一个摆设，网站是最有用的营销工具之一。当然，只有在网站可以满足用户需要信息的前提之下，网站的营销功能才能真正发挥作用。那么用户需要什么信息呢？

这个问题是做网站规划首先要考虑的，首先必须分析可能的访问者有哪些，然后有针对性地设计相关内容。一般来说，一个企业网站主要的访问者有几类，即：直接用户、经销商、设备和原材料供应商、竞争者等。前两类访问者是公司的现有用户和潜在用户，也是网站内容应该重点满足的对象。至于供应商，除去那些具备B2B 功能的综合性电子商务网站来说，大多数以信息发布为主的企业网站很少顾及到，因此，也不是一般企业网站的重点内容。至于竞争者，来访的目的无非是了解你公司的新动向，或者网站设计水平如何，是否有值得借鉴的地方，对此，在发布有关内容时应该给予适当的“防备”，而不是让竞争者满载而归。

既然公司的现有用户和潜在用户是网站的重点照顾对象，那么就要认真分析他们需要什么信息。以一个电视机生产企业为例，一个用户/潜在用户访问某企业网站的目的大致有几种：看看有什么新产品、对比不同规格产品的性能和价格、与其它品牌的同类产品进行对比、查询本地销售商和保修地址等等，如果可以进行网上订购，用户自然也希望了解与此相关的信息，比如订货方式、支付手段、送货时间和费用、退换商品政策等。因此，这些内容应该作为网站的重点。

说起来如此简单，似乎应该是再明白不过的道理，但是，很多网站在内容设计上“跑题”的现象却时常发生。即使在电子商务已经比较发达的美国，企业网站设计不合理的状况也十分明显，在中国，也许就更显得不足为怪了。

一、 树立公司形象，扩大业务宣传。

包括公司总体介绍，如公司规模、公司结构、公司产品、公司文化、公司理念、经营宗旨、经营目标、价值观、远景规划、公司曾经所获得的荣誉、公司现在在研究的一些新产品、公司未来的发展趋势、公司的产品或服务所具有的与众不同的特点和市场定位等等。另外也可附加一些公司的优质服务等等。公司资料不仅包含文字资料，也包含一些图片资料，比如公司建筑图片，公司员工图片，特别是公司产品图片等等，使得公司更逼真，更具有说服力地展现在客户面前。尽可能让客户对公司了解的更全面，更细致。

二、 收集客户反馈，加强客户服务。

通过公司的网站 ，可以建立统一的资料发送和接收系统，增强了安全性、稳定性、及时性，保证客户的利益。提高了服务质量，并能以一种快捷、方便的方式

提供公司及其产品的信息和客户所需的服务。运用先进的传播扩展手段，增大公司的用户数量。大大提高了商务通信速度，扩大了通道的功能。拉近了公司与客户的距离，增强了与客户的关系。公司可全天候24小时地服务我们的客户 ，与我们的客户保持售后联系，倾听客户意见，回答客户经常提出的问题，并可以及时的收到客户各种反馈信息，及早发现问题、解决问题。

三、 网上市场调查，开展网络营销。

通过网站实现缩短推出新产品和打开新市场的周期。发布公司的产品销售活动，最大程度满足客户需求，以达到开拓市场、增加盈利的目的。公司将自己的产品信息及经销商信息发布在网站上，各客户根据情况可申请加入该公司的销售网，也可直接通过网站订单系统向公司下销售订单；公司收到订单后对其进行确认，然后为客户提供资料。开展网络营销的内容主要有：

1、产品信息：将公司销售的资料在网站进行宣传介绍，并按照产品结构进行分类，以利于客户查阅购买。

2、客户信息：主要用于收集和管理销售客户的相关信息，便于对客户的推荐和跟进，以促进公司的销售活动。

3、 销售订单：实现公司和客户之间销售订单的网上提交及管理。

4、 经销商信息：将公司销售业务办公室及主要经销商的电话、地址、传真、业务人员姓名、负责领域或产品项目公布在网站上，以促进销售。

四、 建立信息数据库，实施电子商务。

建立公司完整的信息数据库，一个对内，一个对外。对内，在公司内最大限度的达到对信息资源的利用和共享，进行对信息的保存、搜索、查看、再利用等；对外，让客户尽可能多的了解公司性质和业务特征，将信息进行分类，便于客户搜索和查看。另外，访问者通过网站了解公司的资料，如果有订阅的意向，可以在线提交资料订单，管理者可以根据条件查看、检索、管理订单，并反馈到营销部门，及时的与制订订单的客户取得联系，实现简单的电子商务。

五、直接实现网络销售

好的企业网站不但对企业的形象是一个良好的宣传，同时可以辅助企业的销售，甚至可以通过网络直接帮助企业实现产品的销售。网络营销基本上已实现网上信

息发布、网上订货、网上结算，甚至网上配送的网络营销活动。直接促进了企业与客户直接见面，消费者可以直接从网上直接搜集到真实的第一手市场信息，同时也可以进行多方分析，哪一个企业是我们所需要的。给买卖双方都带来了直接的经济利益。

五、网站建设市场分析 (1). 网站建设市场发展简述

第一代网站建设技术：运用一般的网页制作软件，把一些平面页面效果转化成网页，然后把网页链接起来成为一个企业网站。采用“第一代网站建设技术”制作出来的企业网站，由于更新以及修改网站内容均需专业人员，维护麻烦，网站修改以及增加网页均需支付费用，导致企业经常不更新其网站内容，失去了建设网站的意义；同时由于纯静态页面没有交互性，使得客户不能很好的与企业沟通。

第二代网站建设技术：是指在第一代网站建设技术基础上，针对网站的某一个功能采用一些数据库管理模块（如新闻发布、产品发布等），网站的后台对这些个别的功能模块进行管理。采用“第二代网站建设技术”制作出来的企业网站，在一定程度上摆脱了第一代网站建设技术在网站内容更新困难上的缺点，适合对于网站日常更新维护频繁，对网站各功能模块有独特需要的大型企业网站，但由于需要对企业的不同建站需求进行定制开发，所以价格一般也较高，一般中小企业难以承受。

第三代网站建设技术：2003年初以来出现了第三代网站建设技术――智能建站系统。网站用户通过智能建站系统能够很方便快捷地管理自己的网站，自己定义网站的框架内容，并能够随时升级网站的功能，且解决了每个客户都需要的网站前台界面个性化的需求。使用智能建站系统进行企业网站开发建设，能够适应大多数中小企业对于网站建设的一般需求，开发周期短，更新维护便捷，是中小企业建设网站的理想选择。

第四代网站建设技术：是指在第三代网站建设技术基础上，针对程序和域名有独到的理解。也是ＷＥＢ２. ０的一个新关键，在程序上符合人性化，在设计上追求感官化，在域名上领悟一体化，并将引导客户实现网络营销，不仅仅只是建立一个摆设。

(2). 网站建设市场前景

近几年来，网站建设业务一直呈快速上升势头，行业市场越来越大。就国内情况而言，沿海发达省市比中西部省市市场需求要大，业务普及工作也很到位，许多行业形成了竞相建设企业网站，开展网络营销的局面。

新技术的应用将促使企业网站建设更具魅力。随着技术融合与发展，许多在其他行业热门应用的技术如视频、三维动画、虚拟现实等技术都已经实现向互联网上移植，未来的不久，他们就会出现在企业客户网站上面；新的网络编程语言（.net 技术）和服务器CDN （内容发布网络）技术也将使网站结构更紧密，访问更流畅，更能适应新的要求。

网络营销服务将同网站建设融为一体，提供一体化服务。企业客户现在已不再满足于做一个网站，然后自己开展网络营销活动，网络公司还要为企业客户制定具有针对性的网络营销策略并实施，让企业网站真正发挥作用，为客户带来实在的效果。这对网络公司提出了更高的要求，网站建设从业者必须要加强自我学习和提高，才能适应这一要求。

个性化的个人网站、面向个人的主题网站等多种形式的个人网站建设服务现在已经初露端倪，个人网站建设服务将成为新的业务增长点。

什么是网站建设服务商

网站建设服务商就是提供域名注册，空间租用，网站开发与网站建设有关的企业组织。国内从事网站建设业务的企业有很多，几乎每个网络公司都在开展网站建设业务，只是业务所占比重各有不同。

第一类，行业门户网站。许多行业门户网站，在其VIP 会员服务项目当中，包含了为VIP 企业会员提供网站建设的服务，像阿里巴巴网站，慧聪网等公司，吸引了大批行业类的企业注册成为他们的VIP 会员，获得包括网站建设和维护在内的多种服务项目。行业门户网站的企业建站服务占到所有企业网站建设服务市场的 20；

第二类，网络综合应用服务公司，提供包括网络基础应用服务（如域名、主机、邮箱）和网络增值应用服务（如网站建设和推广）等业务在内的综合应用服务公司，企业网站建设是重要业务之一，业务总量占到所有企业网站建设市场的40。 通过网络综合应用服务业务的宣传与拓展，在业界具有良好的形象和口碑，提供的网站建设服务也普遍为客户所接受。

第三类，专业网站建设服务公司，以网站建设业务为公司主要业务，突出个性化制作和客户长期跟踪服务，业务总量占到所有企业网站建设市场的40。

网站建设前期准备工作 网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。在设计网站前，必须先准备好以下工作：

1. 网站框架频道

网站频道就是网站的大框架，也就是主体部分，比如：首页，公司简介，新闻动态，产品展示，在线留言，联系我们等，这是标准的企业网站的内容。如果你有特定的框架，请您一一列出，这样方便我们设计。

2. 网站风格要求

您必须知道您网站的目的，是以广告形式、还是仅给现有的老客户观察？是功能型的，还是展示型的？风格定位要准确，功能型的是，网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。那在美工上面，设计上就得有强烈的视觉感了。这种网站一般属于：美容业、女性用品、服饰等。

3. 网站的针对对象

在设计网站前，您必须告诉我们您的网站所针对的人群、区域、国家等。如果能提供某种行业的更好，这样我们在设计上就会针对这种人群的浏览习惯特别定制您的网页。

4. 网站的预算

如果您对您的网页不清楚，没经验，不要紧，您最好告诉我们您所最大程序所承受的设计费用，我们可以全程为您策划。

一、网站风格/创意

风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等„。如：我们觉得迪斯尼是生动活泼的而IBM 则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。

创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如中国现车交易网(2005年此站已经消失) 就是一个很好的案例，它把车的外形融入到网站中，使它脱颖而出。

二、网站LOGO

Logo 顾名思义就是站点的标志图案，logo 最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo 的设计过程中一般有以下三种思路：1. 直接以网站网址作为logo 。2. 根据网站提供的产品/服务特点展开logo 设计。3. 以传递网站运营商的经营理念为特色。

三、视觉流程

人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优

选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。

四、网页框架与布局

网页布局大致可分为“国”字型、拐角型、“T ”字型、“L ”字型、综合框架型、Flash 型、变化型，在这里就不做一一论述了。其实在我们做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等„这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。

1． 分辨率

网页的整体宽度可分为三种设置形式：百分比、象素、象素 百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2． 合理广告

在目前一些网站的广告（弹出广告、浮动广告、大广告、banner 广告、通栏广告等等„）让人觉得很烦琐，根本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息, 适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等„

3．空间的合理利用

很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。

并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，即使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。

4．文字编排

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

4.1文字图形化

文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。

4.2强调文字

如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。

五、网站配色

1. 用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深) ，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2. 用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop 里按ctrl shift I)再进行微小的调整。整个页面色彩丰富但不花稍。

3. 用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。

4. 灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，在使用时把握量避免网页变灰。

在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景) ，以便突出主要文字内容。

企业网站建设注意事项： 1. 对每一个超级链接点击之后采用新开窗口还是直接跳转，必须认真对待。如果用户点击一个link 之后是要放弃当前页面开始新的体验，则应用直接跳转。如果用户点击link 是要了解更多的信息，但是当前页面的信息仍然有用，则应新开窗口。

2. 在每一个用户可能需要帮助的地方提供帮助信息或帮助按钮。完善的帮助系统是一个产品，网站成功很重要的因素。

3. 区别对待你用户中的菜鸟和大虾，对于菜鸟有简单易上手的教程和循序引导，对于大虾应有快速开始体验的绿色通道。

4. 对每一个功能使用的词语要慎重措辞。易懂，清楚描述提供的功能含义。不要让过于" 酷" 的词语吓跑用户。

5. 是否有良好的快速的Bug 反馈机制和投诉渠道，并且对bug 与投诉及时反应。不要让这些问题石沉大海，没有回应。同时注意，尽量不要使用email 这样的反馈机制，开发一个良好互动的反馈系统是有必要的。让其他用户可以看到另外的用户的提问和解答的情况。

6. 了解你的用户群习惯，Office ，Windows 的操作习惯无疑是他们最熟悉的，所以，Word 式的编辑器，Windows 式的操作界面对大多数用户来讲往往会是最友好的。当你不清楚的用户的喜好的时候，多搞简短的问卷调查来帮助你改善提高往往是有效的。