第1章 中小型网站创建概述
【学习导读】
本章主要介绍网站创建的一些整体性的知识，如网站建设前期的准备工作，即网站建设技术的选用，网站建设的常用术语及技术等，重点要掌握网站创建的流程，网站建设的注意事项及相关术语。本章给读者建设一个网站的整体思路，使读者掌握网站建设的全过程。
【学习目标】
· 了解网站建设的常见技术。
· 了解网站运作的基本原理。
· 掌握网站创建的流程。
· 掌握网站策划的技巧。
1.1 网站建设的目的
在目前环境状况下，网站建设的目的是为各单位对外设立一个开放的窗口，让所有需要向外传播的信息全面展示在世界面前，以期得到外界的反馈和咨询，同时赢得更广泛的客户资源。
基于此目的建设的网站应该具备什么样的功能，以及采取什么样的表现形式，并没有统一的模式。一般来说，网站建设的经营战略、财务预算与当时的建站目的等因素有着直接关系。尽管每个网站规模不同，表现形式各有特色，但从经营的实质上来说，不外乎信息发布和宣传单位这两种基本形式。网站作为一种信息载体，主要功能定位于信息发布，包括公司新闻、法规信息、反馈信息等客户所关心的内容，多用于单位品牌推广以及沟通，这些内容也是所有网站所必需的基本内容。对于门户型网站，在网上经营进程中并非都一步到位，在真正开展电子商务之前，网站的内容通常也是以信息发布为主。
根据单位所在行业的特点和经营模式，可以有以下几方面。
1. 有利于提升企业形象
一般来说，企业建立自己的网站，不大可能马上给企业带来新客户、新生意，也不大可能马上大幅度提升企业业绩。企业网站的作用更类似于企业在报纸和电视上所做的宣传公司本身及品牌的广告。不同之处在于企业网站容量更大，企业几乎可以把任何想让客户及公众知道的内容放入网站。此外，相对来说，建立企业网站的费用也比其他广告方式要低得多。
企业网站一年的费用仅为3～4万，如企业在报纸上做广告，半个版面，几天时间就要花掉几十万。当然，网站和广告是两种不同的宣传方式，各有不同的作用，它们之间更多的是互相补充，而不是互相排斥。企业如拥有自己的网站，应在各种广告中尽量地推介该网站，并把具体的内容放入网站中。
2. 使公司具有网络沟通能力
在中国，人们对互联网络往往有所误解，以为电子信箱就是互联网络。我们见过不少公司，将电子邮件地址当成网站，并印在名片上。实际上，电子邮件只是互联网络中最常用，最简单的功能之一。互联网络真正的内涵在于其内容的丰富性，几乎无所不包。对于一个企业来说，其具有网络沟通能力的标志是公司拥有自己的独立网站，而非电子信箱。
3. 可以全面详细地介绍公司及公司产品
公司网站的一个最基本的功能，就是能够全面、详细地介绍公司及公司产品。事实上，公司可以把任何想让人们知道的东西放入网站，如公司简介、公司的厂房、生产设施、研究机构、产品的外观、功能及其使用方法等，都可以展示于网上。
4. 实现电子商务功能
你可以在网站上为你的企业实现电子商务功能。你可以在网站上发布以下内容。
A实时新闻发布系统：在线Web发布公司新闻及各种行业新闻、动态、船期等；
B实时报价系统（如运输行业）：海运整柜、海运散货、空运报价、拖车报价、快件报价，在线订舱系统（客户订舱→订舱接收→订舱反馈）、货物跟踪查询系统；
C在线下载系统：包括在线管理、在线发布等；
D电子商城系统：可以在网上开家自己的商店；
E客户留言板、在线调查、招聘系统、邮件列表、BBS论坛等。
5. 可以与客户保持密切联系
在美国，每当人们想知道某公司有什么新产品，新服务，或旧产品和服务有什么变化，甚至只是想知道该公司有什么新闻，他们都会习惯性地进入该公司的网站。因为外国公司已经习惯于把所有的新产品和新服务信息发布于网上，并且定期在网上发布有关公司的消息。中国公司与客户之间现在暂时还不习惯于这种联系方式，而中国企业的网站内容一般也隔较长时间才更新一次。但随着越来越多的公司在网上发布产品和信息，这种情况将会发生明显的变化。毕竟，已经有越来越多的公司具有网络能力，并逐渐习惯于用网络进行沟通。
6. 可以与潜在客户建立商业联系
与潜在客户建立商业联系是企业网站最重要的功能之一，也是为什么那么多的国外企业非常重视网站建设的根本原因。现在，世界各国大的采购商都是主要利用互联网络来寻找新的产品和新的供应商，这样做费用最低，效率最高。原则上，全世界任何地方的人，只要知道了公司的网站，就可以看到公司的产品。关键在于如何将公司网站推介出去。一种非常实用而有效的方法是将公司的网站登记在全球著名的搜索引擎（如yahoo，baidu，google等）上，并选择与公司的产品及服务有关的关键字，则可以使潜在的客户能够容易地找到公司和产品。这正是国际商业上通行的做法，而且被实践证明是十分有效的。
7. 可以降低通信费用
对于不少企业来说，每年的通信费用，尤其是涉及进出口的通信费用，是一笔庞大的费用。利用公司网站所提供的多个电子信箱，可以有效地降低通信费用，这是企业网站的一个很实际的好处（利用E-mail通信的费用仅为市话费用）。
8. 可以利用网站及时得到客户的反馈信息
客户一般是不会积极主动地向公司反馈信息的。如公司在设计网站时，加入专门用于客户与公司联系的电子邮件和电子表格，由于使用极其方便，相对来说，一般客户还是比较乐于使用这种方式与公司进行联系的。因此，公司可以得到大量的客户意见和建议。
1.2 有效的网站规划
知道了网站的用途后，我们即可进行网站内容的规划，在规划之前有一个概念很重要，为谁而战，为何而战，很多网站这一点都做得不是很好，以下举一个例子予以介绍。
据我们观察，在全世界普遍的一个通病，不管大网站、小网站，普遍都存在一个非常严重的问题，即网站的企划文案是最重要的，但网站中的内容，全然不顾客户的感受。
下面将以一个销售音响的公司进行介绍。
大部分的网站，在首页的主要链接项目如下：
公司简介 最新消息 经营理念 产品介绍 联络我们 回首页
当网友进来后，在最主要的页面，最重要的位置，滔滔不绝地向网友介绍本公司规模如何大、理念有多好、历史有多悠久、甚至做过什么好人好事、公司人员图片、厂房、设备等，或说我们的服务有多好多好。
如果这个网站是上市公司所有，为了给股东看的，那方向没错，但如果不是的话，你的公司有多大，理念有多好，关网友何事呢？东西都还没看到咧！大部分的网友是因你的各种广告或搜寻而来到这个网站的。
这样的网站，并非做给网友或顾客看的，而是做给自己看的，完全不理会来到你的网站的准客户感受，不尊重来到你网站的准客户。对网络行销而言，这是非常糟糕的一件事情，绝对不是网络行销的好方法。
网络跟传统市场最大的不同是，网络是开放的，你可以把它想象为无政府无制度可言的世界。你无法用原本的传统行销观念来控制市场，你必须与网友交流互动。这里的交流互动并非指你要架设留言版或讨论区，而是指你必须设身处地地了解每一位你的准客户要知道的是哪些。
应该非常尊重每一位来到你网站的准顾客，提供给他们想要的信息与需求。重要的内容不应埋藏太深，不应让顾客在网站来回寻找所要的资料。我们将以上的规则做一些变动，你看看是不是比较贴切。
以下内容是改动后的策划。
亲爱的网友透过本网站，你会了解到以下内容：
· 如何选择一台适合你的音响？
· 音响的好坏要怎么辨别？
· 为何我们的音响这么多人买？
· 本公司出品的音响的优点是什么，和其他品牌有何不同？
· 音响价格性差异如此大，怎样买才不会吃亏？
· 如何买我们的音响，要去哪里购买？
· 买了我们的音响后有没有售后服务，有没有保证？
· 我们的音响如何在本网站中购买，现在买是否有优惠？
· 在平时你应该如何保养你的音响，才能够让你的音响保持最佳状态？
· 我们的音响功能有哪些？
· 目前最流行的音响是什么？
· 目前国内音响跟国外的比较差异性为何？
· 我们的不良率为何比同业低？
· 音响要怎么制造，我们是在哪里制造的，有哪些技术及配备制造？
· 我们公司及厂房的介绍。
· 如何跟我们联络呢？
把自己设想成客户，有很多都不懂，都想要了解，以客户最想了解的信息为标题并做相关链接，方便客户寻找解决问题的资料。这样一来参观你网站的网友，便能在最短的时间了解自己的需求。另外在每个网页里，尽量使客户可以方便订购或下单或联络贵公司，比如：每页都出现电话。不要让网友想要成为你的顾客的时候，难以找到你的联络方式，那他可能就会放弃了。
另外尽可能在首页上不要提供无聊的Flash动画，除非你的行业真的需要，因为网友来到你的网站不是为了要看美美的动画，这样并不会给你的形象加分，如果真的需要Flash动画，也请务必让网页一打开就可以看到Skin或跳过动画等按钮，网友的耐心是有限的，不要考验他的耐心，否则你将可能失去一个顾客。
如果可以的话，将网站中的资料规划得越详尽越好，因为网友如果是透过搜寻引擎来的，必定是想找到他想要的信息，这时候他不只会比较一个网站，如果你的网站，资料详细且确实，容易浏览，线条清楚，则可提高网友在贵站的停留时间，这样可以减少网友浏览的其他网站的数目。
在网络上一向是越详尽且真实的资料越能够得到形象与信赖度的加分，但是要注意你的竞争对手网站，如果有一模一样的产品，且价格比贵站还要低的话，顾客还是会向低价低头的，除非你提供他需要或重视的服务。如果竞争对手多，但在搜寻引擎上他的排名跟你相差甚远，那你可以不考虑网站的价格或内容，因为你的网友根本没机会比较到其他网站。
1.3 网站建设的方案
1.3.1 自己公司建设
一般非网站建设公司想要建设一套可发挥网络行销效果的网站，其成本是相当高的。最基本要有：
（1）美术人员，薪水约为3000元。
（2）程序设计师，薪水约为3500元。
这是指只有两位员工的情形，而以上两种人员若是有点经验的，平均一个月最少需要6500元的薪水。
6500×13个月+每月劳健保+公司各项福利成本=10万元
就算美术人员使用外包，一年也要6万元，这还不含各项软硬件的费用，对一般中小企业来说，开销颇大，而且因为只有一位程序人员，建置时间自然就非常长。这种方式的优点是掌握度高，更新也快，但是实在不是很适合中小企业使用，毕竟能使用这种方式的中小企业极少，在这里不多介绍。
1.3.2 购买套餐软件建设
（1）套装的优点
让企业轻易进入网络专业，免程序设计、MIS人员、完全不需具备技术能力，具有强大的后端管理接口、符合形象优势、产品服务推荐及线上交易机制等强大功能，提升优势与竞争力。
（2）特色
① 操作简单：操作界面简单易懂，让你轻松建立网站。
② 使用便利：无论在任何地方，只要能够连接网络，就能随时随地架设网站。
③ 实时更新：线上更新网站资料讯息，随时掌握资料的实时性与正确性。
④ 目标导向：完整的客户与会员管理功能，针对特定目标做服务与设定。
⑤ 成本低廉：轻松建立数据库网站，不仅是降低前置制作成本，更节省日后维护花费。
没错，软件包正是适合网络行销所要推行的工具，但是有优点必定也有缺点，而且它的陷阱也是最多的。
（3）选购套装数据库软件
如果使用套装数据库软件架的话需要注意以下几个重要功能的选择。
① 是否可以量身定做画面或自制画面？（少之又少，大部分连画面都是套装的样板。）
② 是否可以有独立网域名称？（有些是租赁制，是不具有独立网址的特性，在此要小心。）
③ 是否可以架设自有主机？（往后若在网络上销售成功，想独立主机是否有办法。）
④ 数据库是否可以导出？（要容易备份。）
⑤ 是否可以真的简单上手？（要有完整的教学及站务交接的解决办法。）
⑥ 是否每年都要负担庞大的费用？（大部分的数据库软件采用租赁制，一年从几千元～几万元不等。）
⑦ 是否符合公司本身需求？
⑧ 是否具有公信力或知名度？
以上每点都非常重要，但大部分客户无法辨识。
1.3.3 外包专业网络公司建设
现在一般的网站公司设计团队都会根据你的主营业务特点与网站建设目的，为你提供一个有别于往常网站的全新一代的网站建设规划：各种高级服务的一体化、建设费用的大众化、系统的定期完善升级、专家季度建议书等。同时将给部分网站内容较多，需要有较复杂的结构设计、较高的艺术表现和整体电子政务或电子商务策划要求的客户出具一套完整的《网站建设方案》。
根据网站建设及信息需求的不同，把网络服务项目融合成一个个完整的网络产品，设置成不同款经济实惠的网站建设套餐，让企业上网就如同买计算机一样简单、轻松，只要选择合适的项目计划，就可以得到网络一体化服务。
1.4 动态网站和静态网站的区别
网络文化，带给人们的是一种虚拟的但又是现实的东西。你看不到它背后是怎么运作的，但你可以从计算机屏幕前实实在在地看到它。有的网站能为我们做很多事情，而有的则不行，为什么呢？这里就涉及网页的类型问题。总的来说，网站分为动态网站和静态网站两类。如果说动态网站是一个完整、灵活的人，那么静态网站就是一个天生残缺、不灵活的人。
1. 从功能方面来说
（1）动态网站可以实现静态网站所实现不了的功能，比方说：聊天室、论坛、音乐播放、浏览器、搜索等；而静态网站则实现不了。
（2）静态网站，如用FrontPage或Dreamweaver开发出来的网站，其源代码是完全公开的，任何浏览者都可以非常轻松地得到其源代码，也就是说，自己设计出来的东西很容易被别人盗用。动态网站，如用ASP开发出来的网站，虽然浏览者也可以看到其源代码，但那已经是转换过以后的代码，想盗用源代码是不可能的，因为它的源代码已经放在服务器上了，客户端是看不到的。
2. 从对数据的利用上说
（1）动态网站可以直接地使用数据库，并通过数据源直接操作数据库；而静态网站不可以使用，静态网站只能使用表格来呆板地实现动态网站数据库表中少有的一部分数据的显示，不能操作。
（2）动态网站是放到服务器上的，要看到其源程序或者对其进行直接的修改都必须在服务器上进行，显然保密性能比较优越。静态网站实现不了信息的保密功能。
（3）动态网站可以实现远程数据的调用，而静态网站连本地数据都不可以用，更谈不上远程数据了。
3. 从本质上说
（1）动态网站的开发语言是编程语言，比方说ASP用VbScript或JavaScript开发。而静态的网站只能够用HTML开发标记语言开发，它只是一种标记语言，不能实现程序的功能。
（2）动态网站本身就是一个系统，一个可以实现程序的几乎所有功能的系统，而静态网站则不是，它只能实现文本以及图片等的平面性的展现。
（3）动态网站可以实现程序的高效快速性能，而普通静态网站没有高效快速可言。
以上是对动态网站和静态网站所做的基本分析，在实际的应用中，各人会有不同的体会，并且其中的细微区别以及本质区别远远多于以上所列。读者可以靠亲自体验来区别它们。
1.5 网站建设的基本条件
网站设计基本条件是硬件和软件。
1. 硬件条件
（1）域名：域名是指网站在Internet上的网址，别人访问你的网站就是通过域名来访问的，当然世界上没有两个一样的域名，域名可以说是一个网站的世界身份标志，如：www.boosit.cn，www.baidu.com，www.google.com。当然还有一些二级域名如：http：//good.boosit.cn。
http：//www.boosit.cn/love域名通常分为三个部分，www代表是Web网络，boosit代表网站所在空间（也就是服务器名字），com是后缀，代表是哪一类型的网站，商业型的为com，免费资源为net，政府为gov，中国为cn等，做网站的前提是先有自己的域名，这样别人才能访问你的网站，域名的申请可以让网站建设商帮你完成，并完成域名的指向等工作，你也可以直接到其他的域名服务上去申请。
（2）网站空间：网站除了域名以外还得有空间，空间是用来存网页文件的，如果把域名比作地图，那么网站空间就是仓库了，要找到仓库里的货物（网页文件），就得通过地图找到仓库，然后到仓库里拿货（网页文件）。
2. 软件条件
（1）网站资料的准备：网站的目的是把你所要展示的东西放上去，网站资料可以是文档，如Word文档、记事本文档，也可以是图片、多媒体、程序等。
（2）网站的结构安排：网站就像建房子一样得先安排模块和结构，这样网站内容才比较分明，对于查看者来说才比较容易找到所要的东西。合理的布局不但能给你的网站带来美感，也会给你网站带来流量。
（3）网页设计的的工具：如果是自己设计这些工具就是必要的了，如果你是给网站设计商去做，这些你就不用考虑，这些工具包括，硬件有计算机，软件有FrontPage，Dream-weaver，Flash，Firework，Photoshop等，当然还有一些软件可能要装，这得看要编辑哪些资料了，如WORD，EXECLE等。如果要写服务器脚本的网站，那么调试是很必要的，就得装IIS网站发布服务器。
（4）网站上传：网站做好以后就是上传网站了，上传网站我们可以用cutftp，ftp等工具，现在很多的网页编辑器都有上传功能，有的还很好用。
1.6 网站建设的常用方法
网站设计的方法很多，但常用的一般有以下几种。
（1）静态网页组成的网站：这种网页是静态的，不能进行交互，也就是说设计时是什么样就是什么样，没有后台，更新必须重新改动原页面，而不能通过后台进行修改，不能进行发布产品、新闻等交互性的操作。
（2）动态网页组成的网站：动态网页现在流行的有很多，如：ASP，PHP，JSP等，最常用的就是这三种，ASP应用于Windows平台上，ASP的服务器必须是Windows。PHP是应用于UNIX或Linux上的动态网页技术。JSP可应用于以上三种系统（Windows，UNIX，Linux），不过JSP设计的难度高一点。这几种环境通常和相对应的数据库进行联系：
ASP+Access，ASP+SQLServe
PHP+MYSQL，PHP+Orcale
JSP+SQLServe，JSP+Orcale
（3）动态网页数据库：动态网页之所以能进行交互是因为有数据库的支持，数据库就是一种结构化的存储数据的仓库，目前流行的有Access，MYSQL，SQLServer，Orcale等，它们都能实现数据存储的功能，只是性能和使用环境不太一样。
4. Web应用程序组成的动态网站：这种文件有些特别，它不像JS脚本通过解释才能运行，它可以直接运行。它是.exe，.dll文件，采用的数据库同样是以上几种数据库。这种文件执行效率高，一般应用于一些要求比较高的系统中，它同样能实现三层架构。
1.7 网站建设的常用技术
目前流行的建站技术多种多样，本章将介绍几种常见的建站技术。读者可以根据自己的喜好和建站的软件、硬件资源，选择其中的一种或者几种来建设自己的网站。作者推荐采用ASP技术。
1. HTML语言
HTML（Hyper Text Markup Language）是WWW的描述语言，即超文本置标语言，利用它可以生成超文本文件。
设计HTML语言的目的是为了能够把存放在一台计算机中的文本或图形，与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体，从而使人们不用考虑具体信息是在当前计算机上还是在网络的其他计算机上。这样，用户只要使用鼠标左键在某一文档中单击一个图标，Internet会马上转到与此图标相关的内容上，而这些信息可能存放在网络的另一台电脑中。
HTML文本是由HTML命令组成的描述性文本；HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文档的结构包括头部（Head）、主体（Body）两大部分，头部描述浏览器所需要的信息；主体包含所要说明的具体内容。
著名的搜索引擎网站“www.google.com”的首页界面如图1.1所示。
图1.1 www.Google.com网站首页界面
将“www.google.com”网站首页切换到源代码窗口，可以查看HTML页面的源代码。网站的源代码如下。
＜html＞
＜head＞＜meta http-equiv=＂content-type＂content=＂text/html；charset=UTF-8＂＞
＜title＞Google＜/title＞＜style＞
＜！--
body，td，a，p，.h{font-family： arial，sans-serif；}
.h{font-size： 20px；}
.q{color： #0000cc；}
//--＞
＜/style＞
＜/head＞
＜body bgcolor =#ffffff text =#000000 link =#0000cc vlink =#551a8b alink =#ff0000 onLoad =
sf（）＞＜center＞＜table border=0 cellspacing=0 cellpadding=0＞
＜ tr ＞＜ td ＞＜ img src =＂ /intl/zh-CN ALL/images/logo.gif＂ width =286 height =110 alt =＂
Google＂＞
＜/td＞
＜/tr＞＜/table＞＜br＞＜form action=＂ /search＂name=f＞＜span id=hf＞＜/span＞
＜input type=hidden name=ie value=＂UTF-8＂＞＜input name=hl type=hidden value=zh-CN＞
＜br＞＜input type=submit value=＂Google搜索＂name=btnG＞＜input type=submit value=＂手气不错＂ name
=btnI＞＜/td＞
＜td valign=top nowrap width=25%＞＜font size= -1＞ ； ；＜a href= /advanced
search？hl=zh-CN＞高级搜索＜ /a＞
＜br＞ ； ；＜a href=/preferences？ hl=zh-CN＞使用偏好＜/a＞
＜br＞ ； ；＜a href=/language tools？ hl=zh-CN＞语言工具＜/a＞＜/font＞＜/td＞＜/tr＞
＜tr＞＜td colspan=3 align=center＞＜font size= -1＞＜input id=all type=radio name=lr value=＂＂
checked＞＜label for=all＞搜索所有网站＜/label＞＜input id=ch type=radio name=lr value=lang zh-CN|lang
zh-TW＞＜label for=ch＞搜索所有中文网页＜ /label＞＜input id=il type=radio name=lr value=lang zh-CN
＞＜label for=il＞搜索简体中文网页＜/label＞＜/font＞＜/td＞＜/tr＞＜/table＞＜/form＞＜p＞＜font size= -1
＞＜br＞让 ＜ a href = https： //adwords.google.com/select/main？ cmd = Login&sourceid = awo&subid = cn-hp-
0405&hl=zh-CN＞Google AdWords＜/a＞为你的网站带来更多客户！
＜br＞＜/font＞＜br＞＜br＞＜font size= -1 ＞＜a href=/intl/zh-CN/ads/ ＞广告服务＜/a＞-＜a
href=/intl/zh-CN/about.html＞Google大全＜/a＞-＜a href=http： //www.google.com/ncr＞Google.com in English
＜/a＞＜span id=hp style=＂behavior： url（#default#homepage）＂＞＜/span＞
＜script＞
// ＜！--
if（！hp.isHomePage（＇http： //www.google.com/＇））{document.write（＂＜p ＞＜a href = \＂ /mgy-
hp.html\＂
onClick = \＂ style.behavior = ＇url（#default #homepage）＇；setHomePage（＇http： //www.google.
com/＇）；\ ＂＞将Google设为首页！ ＜/a＞＂）；}
//--＞
＜/script＞＜/font＞＜p＞＜font size=-1＞©；2004 Google-搜索4，285，199，774张网页＜/
font＞＜/p＞＜/center＞
＜/body＞
＜/html＞
可以看出，HTML源代码是由一些尖括号“＜ ＞”标志标记的文本内容。有关HTML的知识将会在后面的有关章节中详细介绍。
2. DHTML
DHTML（Dynamic HTML）即动态HTML，它是建立在传统HTML基础上的客户端动态技术。DHTML实现了当网页从Web服务器下载后不需要再经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画等。例如，当鼠标指针移至文章段落中时，段落能够变成蓝色，或者当鼠标指针移至一个超链接上时，会自动生成一个下拉式的子链接目录等。DHTML是近年来网络飞速发展进程中最振奋人心、最具有实用性的技术之一。
DHTML是一种通过各种技术的综合发展而得以实现的概念，这些技术包括JavaScript、VBScript、文件目标模块（Document Object Model）、Layers和CSS（Cascading Style Sheets）样式表等。
目前IE 4.0以上的大多数浏览器都加入了对DHTML的支持，主要包括以下内容。
（1）动态内容（Dynamic Content）：动态地更新网页的内容，可“动态”地随时插入、修改或删除网页的元件，如文字、标记等。
（2）动态排版样式（Dynamic Styles Sheets）：通过W3C的Cascading Style Sheets（串联式排版样式，简称CSSl或CSS），提供了设定HIML标记的字体大小、字形、粗细、样式、行高度、文字颜色、加底线或加中间横线、与边缘距离、靠左右或置中、缩排、背景图片或颜色等排版功能，而“动态排版样式”可以“动态”地随时改变排版样式。
（3）动态定位（Dynamic Positioning）：通过CSS，提供HTML元件在x轴、y轴、z轴的定位功能，让设计者可以将影像、控件、文字等放置在网页的任何位置上。如果放置在不同的z轴上，设计者可以设计出重叠的效果。
（4）内置数据处理（Data Awareness）：无需复杂的程序，无需花费服务器太多资源，即可让网页设计者即时处理文档。
（5）内置多媒体支持：结合CSS与内置的ActiveX Controls技术提供多媒体支持的功能，包括转换特效、滤镜特效、路径控制、顺序控制、动画、制图、播放声音和影像等多媒体功能。
3. Java与JavaApplet
Java是新一代的编程语言，它具有很多优点；而JavaApplet小程序则是目前颇受网页爱好者以及编程者欢迎的一项应用技术。
Java语言是Sun公司开发的新一代面向对象的跨平台程序设计语言。它最初的设计宗旨在开发用于家用电器的编程环境。自从其在1995年5月Sun World大会上发布后，很快成为伴随Internet发展而流行的程序设计语言，并以其强大的生命力吸引了大量的软件开发人员。
Java最大的特色就是它面向Internet网络设计，为开发Web应用程序提供了应用简便而功能强大的编程接口。
Java学习简单、完全面向对象而且跨平台可移植。它支持分布性、多线程、数据库等操作，还具有动态特性的支持，特别适合于Internet上的应用程序开发。
JavaApplet是一种特殊的Java程序，它嵌入在HTML中，随页面一起发布到Web上。利用它，用户可以非常简单地实现Web程序的编写，从页面实现多媒体的用户界面和动态交换功能。
JavaApplet的结构简单，代码少，节省了下载时间。
4. ActiveX
ActiveX控件是网页编制中的又一动态交互技术。
ActiveX是Microsoft提出的一组使用COM（Component Object Model，构件对象模型）使软件部件在网络环境中进行交互的技术，它与具体的编程语言无关。作为针对Internet应用开发的技术，ActiveX被广泛应用于Web服务器以及客户端的各个方面；同时，ActiveX技术也被用于方便地创建普通的桌面应用程序。用户可以像使用JavaApplet一样，把写好的ActiveX控件组件（ActiveX Control Object）直接放到网页中实现动态交互功能。
在JavaApplet中也可以使用ActiveX技术，可以直接嵌入ActiveX控件，或者以ActiveX技术为桥梁，将其他开发商提供的多种语言的程序对象集成到Java中。与Java的字节码技术相比，ActiveX提供了“代码签名”（CodeSigning）技术来保证其安全性。
随着ASP动态网页技术的迅速发展，为了避免源代码泄露造成的损失，ActiveXDLL技术实现的代码封装也在Web开发中得到应用。目前只有IE浏览器支持ActiveX。
5. CGI
CGI是Common Gateway Interface（公共网关接口）的缩写，它可以称为一种机制，主要是让WWW服务器调用外部程序来执行相关指令。在ASP，PHP，JSP等技术出现以前，要处理浏览器输入的窗体数据或者访问数据库，就必须使用CGI。
用户可以使用不同的编程语言编写适合的CGI程序，这些程序语言包括Visual Basic，Delphi或C/C++等。工作时将已经写好的可运行程序放在Web服务器中，用户通过浏览器调用，再将其运行结果通过Web服务器传输到客户端的浏览器上。事实上，这样的编制方式比较困难而且效率较低，因为每一次修改程序都必须重新将CGI程序编译成可执行文件。
目前，CGI是WWW上各种计数器较为常用的技术，但是由于它开发困难，因此将逐渐被ASP，PHP，JSP等技术取代。
6. ASP
ASP是Active Server Page（动态服务器页面）的缩写，是Microsoft开发的动态网页技术标准，它类似于HTML，Script，CGI的结合体，但是其运行效率却比CGI更高，程序编制也比HTML更方便、灵活，程序安全及保密性也比Script好。
ASP的原理是：在原来的HTML页面中加入JavaScript或VBScript代码，服务器在送出网页之前首先执行这些代码，完成如查询数据库一类的任务，再将执行结果以HTML的形式返回浏览器。
ASP不需要重新编译成可执行文件就可以直接运行，而且ASP内置的ADO组件，允许用户通过客户端浏览器访问各种各样的数据库。此外，ASP与CGI最大的不同在于对象向导和组件重用，ASP除了内置的Request，Response，Server，Session，Application，Ob-jectContext等基本对象外，还允许用户以外挂的方式使用ActiveX控件。
著名的重庆婚介网就采用了ASP技术。
有关ASP的基本知识，将在后面章节中详细介绍。
7. ASP.NET
ASP程序和网页的HTML混合在一起，使程序看上去相当杂乱。在现在的网站设计过程中，通常是由程序开发人员做后台的程序开发，前面有专业的美工设计页面。这样，在相互配合的过程中就会产生各种各样的问题。同时，ASP页面是由脚本语言解释执行的，使其速度受到影响。受脚本语言自身条件的限制，我们在编写ASP程序的时候不得不调用COM组件来完成一些功能。由于以上种种限制，因此微软推出了ASP.NET。
ASP.NET为我们提供了一个全新而强大的服务器控件结构。从外观上看，ASP.NET和ASP是相近的，但在本质上是完全不同的。ASP.NET几乎全是基于组件和模块化的，每一个页、对象和HTML元素都是一个运行的组件对象。在开发语言上，ASP.NET抛弃了VB-Script和JScript，而使用.NET Framework所支持的VB.NET，C#.NET等语言作为其开发语言。这些语言生成的网页在后台被转换成类并编译成一个DLL。由于ASP.NET是编译执行的，所以它比ASP拥有更高的效率。
8. PHP
虽然ASP的功能强大，但是只能在微软的服务器软件平台上运行，而大量使用UNIX/Linux的用户要制作动态网站则首选PHP技术。
PHP（Personal Home Page）是一种跨平台服务器解释执行的脚本语言。与ASP类似，它也是基于服务器端用于产生动态网页而且可嵌入HTML中的脚本程序语言。PHP用C语言编写，可运行于UNIX/Linux和Windows 9x/NT/2000。
在HTML文件中，PHP脚本程序可以使用特别的PHP标签进行引用，这样网页制作者不必完全依赖HTML生成网页。PHP在服务器端执行，客户端是看不到PHP代码的。PHP可以完成任何CGI脚本可以完成的任务，但功能的发挥取决于它和各种数据库的兼容性。PHP除了可以使用HTTP进行通信外，也可以使用IMAP，SNMP，NNTP，POP3协议。
随着Linux操作系统的快速发展，到1998年，已经出现了大量商业化的PHP产品。据估计，世界上约有150000个站点采用了PHP技术，如RedHat公司、搜狐网站的聊天室等，都是用PHP3制作的。
9. JSP
同Java一样，JSP也是由SUN公司开发的。它是一种新的Web应用程序开发技术，是ASP技术强劲的竞争者。
JSP是Java Server Pages技术的缩写，是由Java语言的创造者Sun公司提出、多家公司参与制定的动态网页技术标准。它通过在传统的HTML网页“.Html”与“.html”中加入Java代码和JSP标记，最后生成后缀名为“.jsp”的JSP网页文件。
Web服务器在遇到访问JSP页面的请求时，首先执行其中的程序代码片断，然后将执行结果以普通HTML方式返回给客户端浏览器。JSP页面中的程序代码在客户端是看不到的，这些内嵌的Java程序可以完成数据库操作、文件上传、网页重新定向、发送电子邮件等功能，所有的操作均在服务器端执行，客户端得到的仅仅是运行结果。因此，JSP对客户浏览器的要求较低。
JSP也是一种很容易学习和使用在服务器端编译执行的Web设计语言。其脚本语言采用Java，完全继承了Java所有的优点。自从Sun公司正式发布JSP之后，这种新的Web应用程序开发技术很快成为市场瞩目的对象，它以其强大的功能、稳定的性能、高可靠安全性和平台可移植性成为Microsoft ASP技术的强劲竞争者。JSP为Web应用提供了独特的开发支持，它能够适应目前市场上绝大多数服务器产品，包括Apache Web Server，IIS5.0，resin，Tomcat等。ASP可以实现的功能JSP都能胜任。从发展趋势看，JSP大有取代ASP之势。
JSP和ASP的不同之处在于以下两方面。
（1）JSP技术基于平台和服务器的互相独立，采用Java语言开发。
（2）ASP技术主要依赖于Microsoft的平台支持，采用VBScript和JavaScfipt语言开发。
JSP作为当今流行的动态网页制作技术，得到了许多商业网站的支持。
10. Flash
Flash是目前颇受欢迎的一款优秀的网页设计软件，各种Flash作品在网上也极为流行。
Flash是美国的Macromedia公司于1999年6月推出的优秀网页动画设计软件，它可以让许多动画专业知识较少的人简单方便地制作出动画和互动的网页。为了适应网络传输的特点，使用Flash制作的动画和网页文件特别小，从而可以让网络上的其他用户轻松地打开、浏览和下载。
11. 数据库
数据库是按一定的结构和规则组织起来的相关数据的集合。它是综合各用户数据形成的数据集合，是存放数据的仓库，它的根本作用是存储数据和共享这些数据。
数据库的作用就是用户利用浏览器作为输入接口，浏览器将这些数据传送给网站，而网站再对这些数据进行处理，例如，将数据存入数据库，或者对数据库进行查询操作等，最后网站将操作结果传回给浏览器，通过浏览器将结果告知用户。
目前在虚拟主机上常用的数据库有三种，分别是微软公司的Access数据库、MS SQL 2000数据库和自由代码的MySQL数据库。
1.8 网站建设的常用术语
1.8.1 虚拟主机
1. 什么是虚拟主机
大家知道，互联网是以TCP/IP协议为基础的，每台联网的计算机都会有唯一的IP地址。如果我们在一台服务器上建立了一个WWW站点，那么网上的其他人若想访问该站点时，在浏览器中输入IP地址即可。
因为IP地址这么一长串数字不太好记，因此有人发明了域名（Domain Name），给每个IP地址分配一个好记的名称，这样只用在浏览器中输入这个名称就能访问了。
按照这种方式，计算机、IP地址、网站是一一对应的，也就是说一台机器上只能放一个站点，一个IP也只能用在一个站点上。这对于计算机设备和IP地址资源是一种极大的浪费。能不能在一台计算机、一个IP地址上建立多个网站呢？基于域名的虚拟主机技术解决了这个问题。
虚拟主机服务器可以建立多个站点，每个站点的IP地址都是同一个，但每个站点的名称不同。是不是太复杂了？我们可以简单地这样理解：虚拟主机就是多个站点共享一个IP地址及一台服务器的资源。
虚拟主机的原理我们暂不去深究，但请大家记住两点虚拟主机的特点。
（1）虚拟主机站点只能在浏览器中输入域名访问，不能通过IP地址来访问。
（2）由于一台服务器上有多个用户的站点，大家共享资源，因此服务器的性能、用户数量的多少，都会影响站点的速度。
2. 当前市场上虚拟主机行情
因为虚拟主机节省资源、价格低廉、易于升级，故目前绝大多数网站都是采用虚拟主机的方式建立的。
据统计，国内现有提供域名注册、虚拟主机业务的服务商已接近一万家，这些服务商也是良莠不齐，服务品质差异较大，如何选择一家适合自己的服务提供商，对于非专业的用户是个难题。我们将在后面介绍如何选择服务商。
3. 建立虚拟主机站点的步骤
要建网站，首先是注册一个域名，这好比是为你的网站取个名字，如网站的域名是：www.cqhjw.com（其中www是一个惯用前辍，cqhjw是我们自己取的名字，com表示是一个商业性的公司），如果域名中有cn，则cn是中国的缩写。我们在选择域名时，应尽量选择好记、短小的。如果一个域名已经被别人注册了，那么你只能换别的域名试试了。
有了域名，接下来就该申请Web空间了（或称网页空间）。因为我们的虚拟主机站点是放在服务商提供的服务器上的，所以服务商会在服务器上给你划分一块硬盘空间，供你存放你站点的网页文件等。
有了这两项，你的网站的基本条件就具备了。一般服务商在你申请了Web空间后会赠送几个邮箱，这些邮箱功能是单独的，与网站无关。
4. 什么是虚拟主机套餐
顾名思义，套餐就是服务商针对用户常见的需求，制定出来的一套打包销售的服务。如我们的基本型套餐、ASP I型套餐、JSP型套餐等。一般套餐包括了建网站所需的所有服务项目，如：
·域名
·网页空间
·数据库空间
·企业邮箱
·网站推广等
根据提供服务内容的多少，各种套餐的价格也不相同。
套餐可视做一种打包的促销方式，你可根据需要来选择购买哪一款套餐。
5. 什么是虚拟主机自助餐
如果你能找到一款正好适合自己的套餐服务，并享受其优惠的价格，当然是件好事。但如果想用不多的几款套餐去满足所有用户的需求，显然是不可能的。
例如：你公司规模不大，只有8个员工，网站内容也不多，申请30MB空间、10个邮箱便足够了。但服务商提供了两款服务可供选择，一款是50MB空间+2个邮箱，价格为150元，另一款为150MB空间+10个邮箱，价格为400元。实际上用户为了满足邮箱个数，不得不购买后一款套餐。套餐配置的限定，使购买价格便宜的不能满足需求，价格高的又会出现资源闲置和浪费。针对这种矛盾，某公司在全国首家推出了虚拟主机自助餐服务，你可以按照需要，选择30MB空间+10个邮箱，价格大概在280元左右就可以正常使用了。
1.8.2 网页空间
前面已经介绍过，虚拟主机是将网页及程序存放在服务商提供的服务器上，而且一台服务器上要存放多个用户的站点内容。服务商会采用一种方式，将服务器的硬盘存储空间划分为许多块，每一块分给一个用户使用。用户只能将自己的网页文件和程序放在自己的那一块中，但不能查看或处理属于别人的块。这些划分的存储块就叫做网页空间（或Web空间）。
服务商提供给用户的空间不可能是无限的，而是根据用户的需要进行限制。如用户申请了50MB的空间，那么用户上传的所有文件大小的总和不得超过这个限制，超出部分服务器将拒绝存放。
用户将自己的文件存放到服务器上，是通过一种叫做FTP的软件来实现的。
1.8.3 静态网页与动态网页
静态网站与动态网站的区别前面已经介绍过。
网页的静态和动态，是指网页的内容是否可根据某种条件的改变而自动改变，如计数器就是动态的，当有人点击我们的网页时，计数器的值会自动增加；BBS论坛也是动态的，当用户在论坛上发布信息时，网页内容会自动更新，显示出新发布的信息及相关回复等。
我们不能从字面上理解动态和静态，把网页上有动画（如Flash）效果的当做动态页面，事实上Flash动画是静态的。这些动画一旦制作完成后，就不会再改变了。
实现动态网页，要用到一些动态语言，如ASP、PHP、CGI、JSP、ASP.NET等。我们判断动态、静态网页时，可以简单地认为，采用了以上语言编写的网页，肯定是动态的，而只采用了HTML文件的网页，则是静态的。
1.8.4 脚本（Scripts）
动态程序一般有两种实现方式：一种是二进制方式；另一种是脚本方式。
二进制方式是先将我们编写的程序进行编译，变成机器可识别的指令代码（如.exe文件），然后再执行。这种编译好的程序我们只能执行、使用，却看不到它的程序内容。
脚本简单地说就是一条条的文字命令，这些文字命令是可以看到的（如可以用记事本打开查看、编辑），脚本程序在执行时，是由系统的一个解释器，将其一条条的翻译成机器可识别的指令，并按程序顺序执行。因为脚本在执行时多了一道翻译的过程，所以它比二进制程序执行效率要稍低一些。
上面提到的各种动态语言，如ASP、PHP、CGI、JSP等，都是脚本语言。
按目前的服务规则，虚拟主机网站只能采用脚本语言来实现。
1.8.5 脚本权限
上面说明了什么是脚本，也知道了脚本语言在执行时需要一个解释器，那么当给一个站点分配了一个脚本解释器，使该站点下的脚本语言可以执行时，我们就认为该站点拥有了脚本权限。
注意，不同的脚本，其解释器也不相同。这一般是由虚拟主机服务商根据你的要求来分配的。也就是说，如果你的网站需要使用ASP脚本，在申请虚拟主机时，一定要申请支持ASP脚本权限的网站空间。
1.8.6 接入带宽
任何一台计算机连接到互联网时，都会通过某种线路（或称接入方式），每一种接入方式的传输速率也是不同的。如电话拨号上网的传输速率最高为56Kbps，ADSL拨号的传输速率一般是512Kbps或1Mbps或2Mbps，等等。
而当虚拟主机服务器接入时，之所以不能用这种拨号方式了，是因为带宽太小、速率太低，而且不稳定。服务器接入互联网，一般是存放在电信级的机房内，用快速以太网（局域网）连接到互联网中，它的传输速率一般可达到10Mbps或100Mbps。
1.8.7 IDC（Internet Data Center）
IDC就是互联网数据中心（简称数据中心），是专门提供高速带宽接入的地方，一个IDC的总带宽一般在几百兆到几吉兆，所有的服务器都会集中存放到IDC里。
IDC除了要拥有高速的带宽资源外，还应有很多严格的要求，如恒温、恒湿、防尘、防火、后备电源、监控、安全等。
简单地说，IDC就是一个高品质的机房。
1.8.8 站点流量限制
虚拟主机是在一台服务器上存放多个站点，每个站点都会因为访问量和下载量的不同产生不同的流量。对于虚拟主机服务商来说，由于用户的流量太大，会增加其带宽成本和服务器成本，所以他们一般会限制每个站点的下载流量。
有些虚拟主机商对所有虚拟主机用户的承诺是不限制站点访问流量，充分地保证了用户站点访问速度。之所以能做出这样的承诺，是因为他们有以下几项保证措施。
（1）他们的带宽资源丰富，如100Mbps的带宽达到70%的流量时，便不再增加服务器和用户。
（2）他们的每台服务器上的用户数量有严格限制，不会是几百个用户挤在一台服务器上，这样，可分配给每个用户的带宽资源相对增加。
（3）对于不同类型的用户站点，是存放在不同的服务器上的，如有论坛的站点和静态页面的网站分放在不同的服务器上，当论坛站点的访问量过大或占用服务器资源过多时，不会影响到静态站点的性能。
（4）不同类型的服务器上的用户数量也不相同。如静态站点占用服务器的资源少，专门存放静态站点的服务器上的用户数量会较多；论坛站点占用服务器资源较多，专门存放论坛用户的服务器上的用户数量会较少。这样可以保证每个用户都享受到充分的资源。
（5）不论哪种服务器，他们都会有在线监控软件，实时监控该服务器的资源利用率（如CPU、内存、硬盘空间等），一般在利用率达到60%时，该服务器上就不会再增加新用户了。
1.8.9 站点并发连接数限制
任何站点都会占用带宽资源和服务器资源，为了防止某个站点占用过多的资源而影响其他用户，一般虚拟主机服务商会限制站点的并发连接数量，即该站点在某一时刻只能有一定数量的用户连接上，如超出这个限制，再连接的用户将不能访问该站点而得到一个报错信息。
但是这种方式不符合用户建网站的需求，而且在某些时候还会给用户带来消极的影响。
1.8.10 论坛（BBS）
BBS（Bulletin Board Service，公告牌服务）是Internet上的一种电子信息服务系统，它提供一块公共电子白板，每个用户都可以在上面书写，可发布信息或提出看法，也称为论坛。
目前论坛软件很少有人自己编写，而都是采用在网上下载源程序。常见的论坛有动网论坛（ASP编写）和雷傲论坛（CGI编写）。
1.8.11 江湖
江湖是一种网上的虚拟社区游戏，这种游戏访问量大、占用服务器资源较多，一般虚拟主机服务器不允许自己的虚拟主机用户建立江湖内容的网站。但也有个别专门推出存放江湖站点的虚拟主机服务商。
1.8.12 防火墙
防火墙这个名词大家都不陌生，我们自己用的计算机上也会装上各种病毒防火墙，这些都是针对个人计算机的软件防火墙。对于虚拟主机服务商来说，他们一般都提供硬件防火墙，用于防范来自互联网上的针对服务器或相关设备的攻击、探测、监听、扫描等，以保证运行的安全。
1.9 企业网站的设计
1.9.1 建设网站的注意事项
1. 分析需求
当单位要建一个网站时，首先要确定网站有哪些用途，如：是宣传公司形象？还是发布一些产品、价格信息。建一个网上商城？需要在网站上发布一些公司新闻？还是要在网上接收用户反馈信息？或这些都兼而有之？
确定了用途，就可以进一步确定网站应具备的功能模块。如建网上商城，就需要用户管理模块、产品管理模块、网上购物车、在线支付等功能。
除了网站内容的需求外，还有一些其他的功能可以考虑，如是否需要企业邮箱？网站建好后是否要做一些网站推广等。
2. 选择网站的技术实现方式
确定了功能，就可以考虑用哪些技术手段来实现。例如新闻发布功能，可以用ASP+数据库来实现，也可以用其他程序来实现，如PHP等，那我们该选哪一种呢？建议你参照以下原则。
（1）采用你最熟悉的方式。如你对ASP和数据库经验丰富，那么ASP语言则可优先考虑。
（2）采用可免费获得源代码的软件，例如论坛，如果你可以免费下载已有的论坛程序，稍做更改就能用的话，就可以直接采用这些已有程序。哪怕你对编程再熟悉，也没有必要自己重新编写。
（3）以实现功能为先决条件。如你的站点需要一项购物车功能，该功能是用ASP+数据库实现的，那么你应该选择支持ASP和数据库的虚拟主机类型。
3. 预计网站规模
如果一个新建立的网站，其初期的访问量肯定不会太大。网站建立后还需要一段时间进行修改、调整，还要经过长时间的推广、经营，访问的人数才会逐渐增加。
在建站初期，在实现所有功能的前提下，可不必着急选择功能过于强大的虚拟主机。例如，当网上新闻内容不多时，可采用较小的Access数据库，待数据达到一定的量时，再更换成MS SQL 2000数据库。一旦访问量大到虚拟主机不能承受时，可再改为主机托管，这样可节约大量的成本。
4. 如何选择虚拟主机服务商
现在国内的虚拟主机服务商很多，如何在众多的服务商中选择最令你满意的一家，对广大用户来说是个难题。因为大部分用户太懂网络的专业知识，对业内行情和状况也不太了解，用户和商家间的信息严重不对称，因此用户难以选择。
建议用户选择虚拟主机服务商时，可参考以下几点。
（1）服务商的资质。域名和虚拟主机的价格虽然不高，但都是要长期使用的，而且影响到用户的企业形象、业务联系、企业收入，甚至邮件系统等。可见，选择一家有雄厚实力的服务商是至关重要的。只有那些有实力的公司，才能从硬件设备、技术实力、管理环境、服务理念等诸多方面保障用户的利益。
（2）服务品质。商家提供的服务如何，往往是他们公司经营理念的一种直接体现。我们建议用户可以考察服务商的以下几点。
① 服务流程，是否能切实、有效、快速地帮用户解决问题。
② 是否有专门的技术和服务人员提供7 × 24小时支持。
③ 是否有完善的服务平台。
④ 服务人员是否具备相关的专业知识。
⑤ 该公司的服务精神，是认认真真的、耐心周到地想你所想、急你所急，还是不负责任地敷衍了事、相互推诿，或是借服务的名义趁机刁难、收取额外的费用。
（3）技术水平。服务商的技术水平，将直接影响到用户站点的使用性能，也影响到为用户提供服务的效率。
（4）硬件及网络条件。服务商提供的服务器配置、网络设备及其他辅助设备的性能，还有服务器的接入带宽条件，都会直接影响到用户站点的性能。为此用户在申请服务前，最好做一个深入的了解。
（5）还有其他很多因素都影响到用户的站点，在此不一一列举。最后提供一个方法：让服务商提供免费的测试服务，好不好、快不快、稳不稳定，一试就知道。如果服务商以各种理由拒绝提供免费测试，那你就应该慎重一点了。
5. 要经常备份
如果你的网站已在服务器上建立，且调整、修改工作也已完成，你千万不要认为此时就万事大吉了。需要提醒你，在每次修改网页后，都要在本地的计算机上保留一份最新版的备份。这样做并不是多此一举，在服务器上的数据虽然一般不会丢失，服务商也会提供定期的备份，但这些备份不能保证就是最新的，如果万一出现硬件故障、黑客攻击、病毒发作、人为误删除等事故时，不会让你的心血付之东流。
总之，自己的东西攥在自己的手里是最放心的。如果有条件的话，你还可以把备份的内容刻成光盘保存。
6. 合法、健康的网站内容
互联网是个公共环境和媒体，在使用虚拟主机时应遵守国家的有关法律、法规和行政规章制度。不得利用已有的资源和服务上传（Upload）、下载（Download）、储存、发布违反国家规定的政治宣传或新闻信息、涉及国家秘密或安全的信息、封建迷信或淫秽、色情、下流的信息或教唆犯罪的信息、博彩有奖、赌博游戏、违反国家民族和宗教政策的信息、妨碍互联网运行安全的信息、侵害乙方及他人合法权益的信息或其他有损于社会秩序、社会治安、公共道德的信息或内容。不得进行任何改变或试图改变乙方提供的系统配置或破坏系统安全的行为。
1.9.2 企业网站设计的主要原则
网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是Internet上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。
1. 明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以“消费者（customer）”为中心，而不是以“美术”为中心进行设计规划。在设计规划之初同样考虑：建设网站的目的是什么？为谁提供服务和产品？企业能提供什么样的产品和服务？网站的目的消费者和受众的特点是什么？企业产品和服务适合什么样的表现方式（风格）？
2. 总体设计方案主题鲜明
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。
好的Web站点把图形表现手法和有效的组织与通信结合起来。要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
Web站点主页应具备的基本成分包括：页头，准确无误地标识你的站点和企业标志；E-mail地址，用来接收用户垂询；联系信息，如普通邮件地址或电话；版权信息，声明版权所有者等。注意重复利用已有信息。如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。
3. 网站的版式设计
网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。
4. 色彩在网页设计中的作用
色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。
按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的物质，如红色象征血、太阳；蓝色象征大海、天空和水面等。如设计出售冷食的虚拟店面，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些。网页的颜色应用并没有数量的限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至两种主色调，有CIS（企业形象识别系统）的更应该按照其中的VI进行色彩运用。
在色彩的运用过程中，还应注意的一个问题是：由于国家、种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。因此在设计中要考虑主要读者群的背景和构成。
5. 网页形式与内容相统一
要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。
6. 三维空间的构成和虚拟现实
网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。
网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。
7. 多媒体功能的利用
网络资源的优势之一是多媒体功能。要吸引浏览者注意力，页面的内容可以用三维动画、Flash等来表现。但要注意，由于网络带宽的限制，因此在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。
8. 网站测试和改进
测试实际上是模拟用户询问网站的过程，用以发现问题并改进设计。要注意让用户参与网站测试。
9. 内容更新与沟通
企业Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的好象。
在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解、售后服务等，由相关部门处理，使用站访问者感受到企业的真实存在并由此产生信任感。注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保护承诺。
10. 合理运用新技术
新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。对于网站设计者来说，必须学习跟踪掌握网页设计的新技术，如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。
1.9.3 网站的成功标志
网站成功其实很简单。
网站成功与否有以下标志。
（1）访问量：有多少人次访问网站。
（2）访问人数的识别：对不同类别的浏览者是否进行了区分统计。
（3）问题咨询次数：回答了用户和其他访问人员的多少问题。
（4）收到了多少用户建议。
（5）通过网站吸引了多少客户。
（6）如何提高了以及提高了哪些日常办公的效率。
（7）是否树立和宣传了企业的积极形象。
1.9.4 网站的营销
1. 技术打造简易的维护基础
个性面孔、常新内容、智能辅助是我们一贯主张的网站建设原则，围绕这个原则实现网站后台管理各种功能软件的一体化内置，企业可极为方便地依靠普通文员的操作来更新网站内容、修改网站布局、统计网上信息、提供市场数据。
2. 服务拓宽网站健康成长之路
网站的推广宣传、网上资讯助理是企业网站扬名的必然之路；系统功能定期升级、网站经营专家建议保证网站的稳定发展；服务人员定期拜访沟通你我公司共创双赢，不断完善服务，不断共同进步。
3. 网站如何营销
网站架好后却没人知道你的网址，于是你只好花钱做营销。而营销正是网络的最大成本！显然架站不是问题，问题是架好站后要怎么办，如果不做广告有谁知道你的网站？
网站架好了如何营销呢？
（1）网址——名片、活动、广告、媒体、口耳相传。
（2）搜寻引擎——登录各大搜寻引擎。
（3）链接——广告链接、留言板发布、信件链接、各平台发布……。
我们知道网络营销的方法只有以上三种。透过以上三种方法，我们可以从以下几点入手。
1. 网址营销
名片、DM（直投直邮）及朋友告知是最低成本的方式，是绝对且必做的方式，成本低，效果明显。另外关于活动、广告、媒体等传统方式广告都必须附带一个创意项目，变量太多，而且此种方案金额庞大，不是一般公司所能接受的，且脱离了用网络营销网站的方式，在此不对此种方式多加描述。
2. 搜寻引擎营销
搜寻引擎营销是三种营销中，命中率最高的一个，也是对一般中小企业来说最重要的一个，如何用搜寻引擎行销，要怎么样才能够让网友透过搜寻引擎快速找到我们，这中间的学问很大，并非讲一般的登录各大搜寻引擎如此简单，我们将在网络营销栏目中好好探讨。
3. 链接营销
链接营销的运用，是三种中最多变的一个，全部运用你的智慧巧妙把握各自的不同，要如何做好广告链接，现时下流行的广告有哪些学问，要注意哪些事情，要如何做好广告链接，有没有比广告更有效的方式，什么叫留言板讨论板营销、什么叫广播营销、数据库营销等，以上问题都是需要思考的。
1.10 中小型网站建设的基本流程
中小型网站的建设流程如下。
1. 联系网站建设公司并提交要求。
（1）向网站建设公司提出网站建设基本要求。
（2）提供相关文本及图片资料。
公司介绍
项目描述
网站基本功能需求
基本设计要求
2. 制定网站建设方案
（1）双方就网站建设内容进行协商，修改、补充，以达成共识。
（2）网站建设方制定《网站建设方案》。
（3）双方确定建设方案具体细节及价格。
3. 签署协议，并支付预付款
（1）双方签订《网站建设协议》。
（2）客户支付预付款。
（3）客户提供网站相关内容资料。
4. 完成初稿，经客户确认后进行建设
（1）根据《网站建设方案》）完成初稿设计：
首页风格
频道首页风格
网站架构图
（2）客户审核确认初稿设计。
（3）网站建设方完成整体网站制作。
5. 网站开通，客户浏览验收
（1）客户根据协议内容进行验收工作。
（2）验收合格，由客户签发“网站建设验收合格确认书”。
（3）客户支付余款，网站开通。
（4）为客户注册域名、开通网站空间、上传制作文件、设置电子邮箱。
6. 网站交付使用
（1）验收通过后，网站正式交付使用。向客户移交所有的管理和登录权限，以便以后的网站更新和维护。
（2）网站建设公司提供免费的电话技术支持。
1.11 网站内容制作的流程
在1.10节我们介绍了网站建设过程中双方的工作流程，本节将简述网站内容的创建流程。
网站创建流程如下。
（1）网站策划。网站策划包括主题策划、内容策划、风格策划、网站创意、目录设计、布局策划等。
（2）明确网站开放对象。当一个网站主题确定后，我们所要考虑的就是确定网站服务对象，网站的真正浏览者是哪些群体。只有正确地定位了网站浏览群体后，才能真正体现网站的可观性。
（3）绘制网站草图。绘制网站草图，就是把网页的平面效果图画在一张纸上，便于以后的设计和排版。说起来很容易，但实际上较为复杂，这往往是一个网站成功的关键因素。当别人浏览网站时，网页的精彩度是把握也是吸引浏览者的关键。
在做网站前，一定要先设计好平面效果图，把所有栏目摆放的具体位置和将用到的图片计划好，这样便于收集和制作。
（4）建立网站文件夹。
（5）收集建站资源。
收集网络资料、针对网站平面效果图及版块内容准备好所要用到的资料，然后存放在对应的文件夹中，以便在建站时调用。
（6）设计网站页面内容。
（7）网上安家及域名申请。
（8）网站发布。
（9）网站宣传维护及管理。
1.12 网站内容制作的详细步骤
1.12.1 网站主题及风格策划
1. 网站主题策划
设计一个站点，首先遇到的问题就是网站主题的策划。
所谓主题，也就是网站的题材。网络上的网站题材多种多样，常见题材有以下10类。
第1类：网上求职；
第2类：网上聊天/即时信息/ICQ；
第3类：网上社区/讨论/邮件列表；
第4类：计算机技术；
第5类：网页/网站开发；
第6类：娱乐网站；
第7类：旅行；
第8类：参考/资讯；
第9类：家庭/教育；
第10类：生活/时尚。
每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐大类，还有许多专业的、另类的、独特的题材可以选择，比如中医、天气预报等。同时，各个题材相联系和交叉结合可以产生新的题材，例如旅游论坛（旅游+讨论），经典进球播放（足球+影视），按照这种划分方法，题材可以有成千上万个。
选择题材要注意以下事项。
（1）主题要小而精。定位要小，内容要精。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，这就好比专卖店和百货商店一样。
（2）题材最好是自己擅长或者喜爱的内容。
（3）题材不要太滥或者目标太高。
如果网站题材已经确定，则可以给网站起名字了。网站名称也是网站设计的一部分，而且是很关键的一个要素。比如“计算机学习室”和“计算机之家”相比较显然后者更简练。
网站名称是否正气、响亮、易记，对网站的形象和宣传推广也有很大影响。
确定网站名称要注意以下事项。
（1）名称要正。网站名称要合法、合理、合情。
（2）名称要易记。根据中文网站浏览者的特点，除非特定的需要，网站名称最好用中文名称，不要使用英文或者中、英文混合型名称。例如：“beyond studio”和“超越工作室”相比较，后者更亲切好记。另外，网站名称的字数应该控制在6个字（最好4个字）以内，比如“重庆婚介网”、“中国西部汽车王”。
（3）名称要有特色。名称能够体现一定的内涵，给浏览者更多的视觉冲击和空间想像力的，则为上品，如“音乐前卫”，“网页陶吧”，“天籁绝音”等。
总之，策划网站题材和名称是设计一个网站的第1步，也是很重要的一部分。
下面将介绍“网站风格和网站创意”的策划知识。
2. 网站风格和网站创意
网站的整体风格及其创意设计是网站设计者难以掌握的技术，难在没有一个固定的模式可以参照和模仿。给出一个主题，任何两个人不经商量都不可能设计出完全一样的网站。当我们说：“这个站点很酷，很有个性！”那么，是什么让人们觉得很酷呢？它到底和一般的网站有什么区别呢？这实际上就是网站的风格问题。
风格（style）是抽象的，是指站点的整体形象给浏览者的综合感受。
网站“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等诸多因素。比如人们觉得网易是平易近人的、迪斯尼是生动活泼的、IBM是专业严肃的，这些都是网站给人们留下的不同感受。
风格是独特的，是自己站点与其他网站不同的地方，或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。
风格是有人性的。通过网站的外表、内容、文字、交流可以概括出一个站点的个性与情绪，是温文儒雅，还是执着热情，是活泼易变，放任不羁，还是像诗词中的“豪放派”和“婉约派”。可以用人的性格来比喻站点。
有风格的网站与普通网站的区别在于：普通网站看到的只是堆砌在一起的信息，只能用理性的感受来描述，比如信息量的大小、浏览速度的快慢。但浏览过有风格的网站后能有更深一层的感性认识，比如站点有品位、和蔼可亲，是老师，也是朋友。
其实，风格就是一句话：与众不同！
创意（idea）是网站生存的关键。
注意
这里说的创意是指站点的整体创意（因为这个创意而产生这个站点，或者相同的内容，推出的创意不同）。
创意到底是什么，如何产生创意呢？
创意是引人入胜，精彩万分，出奇不意；
创意是捕捉出来的点子，是创作出来的奇招……
这些讲法都说出了创意的一些特点，实质上，创意是传达信息的一种特别方式。比如Webdesigner（网页设计师），我们将其中的E字母大写为：wEbdEsigEr，感觉怎么样，这其实就是一种创意！创意并不是天才者的灵感，而是思考的结果。
创意的过程分为5个阶段。
（1）准备期：研究所搜集的资料，根据经验，启发新创意。
（2）孵化期：将资料消化，使意识自由发展，任意结合。
（3）启示期：将意识发展并结合，产生创意。
（4）验证期：将产生的创意讨论、修正。
（5）形成期：设计制作网页，将创意具体化。
创意是将现有的要素重新组合。比如网络与电话结合，产生IP电话。而且，资料越丰富，越容易产生创意，就好比万花筒，筒内的玻璃片越多，所呈现的图案就越多。读者可以发现，网络上的最多的创意来自与现实生活的结合（或者虚拟现实），例如在线书店、电子社区、在线拍卖等。
1.12.2 网站内容规划
在确定了网站主题和网站风格后，还需要考虑规划网站的内容。
目前，全世界的网站在不断增加，搜索引擎对于那些在互联网上寻找信息的人们已经变得越来越重要了。如何使自己的网站脱颖而出，并取得成效，关键是提升网站的知名度和浏览率，而对网站内容进行详细规划则是提高网站浏览量的重要途径。
企业网站如同企业在网上的产品橱窗，一是要让网站很容易被找到；二是要让感兴趣的客户找到有用的资料和得到想要的服务。
从最新的网络统计分析报告中得知，80%的网站访问量来自搜索引擎，而网站在搜索引擎中的排位与网站的内容有很大的关系。
1. 网站内容的组织原则
网站内容的组织并不是现成的企业简介和产品目录的翻版。很多企业的网站并没有很好地组织网站的内容，这是造成网站访问量小的一个重要原因。
建站之初，网站建设者必须花力气，通过搜索引擎找出同类网站排名前20位的名单，逐个访问名单上所有的网站，然后做一个简单的表格，列出认为是竞争对手的企业名称、所在地、产品搜索、产品价格、网站特点等，从中找出自己产品优于或不同于其他竞争对手产品的优点或特色；同时，也应该清楚地认识到自己产品的不足之处，思考如何改进使产品更具有竞争力，并制定出如何改进的方案。这实际上也是一个企业找出如何与网络相结合的经营策略，以适应日益竞争的国际化市场。
在充分了解了网上竞争对手的情况并研究了他们的产品和网页的基础后，可以集众家之所长，参照以下的组织原则，制定出更能体现产品特点的网页内容。
网站内容的组织原则如下。
（1）清晰性：网站内容必须简洁明了，直奔主题，非常有效地讲清楚所要宣传的内容。
（2）创造性：网站观点会使访问者产生认同，发出共鸣吗？这是访问者判断一个公司是否有实力，从而影响到购买动机的重要因素。
（3）突出三个重点：突出产品的优点和与众不同的特色；突出帮助访问者辨别与判断同类产品优劣方面的内容；突出内容的正确性。
2. 网站内容的组织方法——栏目设置
网站内容的组织或取舍的方法是将网站想像成企业的产品陈列室，将自己当成推销员，向客户推销产品。
网站栏目的设置一定要突出重点、方便用户。
网站栏目实质是一个网站内容的大纲索引，就好比一本书的目录，集中了各个章节的名称及页码，索引应该引导浏览者寻找网站内最主要、最有用的东西。
在设置栏目时，要仔细考虑内容的轻重缓急，合理安排，突出重点。
1.12.3 网站设计的技术路线
网站设计采用什么技术路线是网站策划的一部分。在动手制作网页之前，应该首先明确网站的定位，从而选择适当的技术路线。互联网上的网站，按照功能和性质大致可以分为个人网站、商业网站、学术机构和政府团体网站。
1. 个人网站
如果只打算做个人主页，介绍自己，结交网友或者展示自己的爱好，没有交互的要求，则只需要简单的静态网页制作技术，用HTML就可以应付了，使用网页制作工具FrontPage 2000与DreamweaverMX也都可以方便地完成。
如果还需要文字滚动、显示时间和欢迎词等动态效果来吸引访客，则需要在页面中加入JavaScript代码来实现上述功能。在一些介绍Java的网站上有不少写好的JavaScnpt代码段，用它们可以实现丰富的动态效果，可以直接下载之后插入到HTML代码中。如果需要水中倒影、五彩礼花或者万年历的功能，还可以在HTML源码中加入JavaApplet小程序或者AcfiveX控件来完成，也可以使用Dreamweaver来完成。
一般的免费个人主页空间出于安全考虑，不支持ASP，JSP，PHP等动态网页技术，也不提供数据库功能。但也有些免费空间提供这类服务，而相当多的拥有PC和IP地址的校园网用户则愿意自己架设服务器软件平台，使用ASP，JSP，PHP技术开发功能强大的个人网站，提供留言板、讨论区、校友录、网上购物等功能。从使用的操作系统、编程语言、Web服务器软件和数据库组合来看，主要有如下3种技术路线：
（1）Microsoft Windows2000/9x/XP+ASP- IIS+MSSQLServer/Access
（2）Windows/Linux+JSP+Tomcat/Resin/JSWDK+MSSQLServer/Access/MySQL
（3）Linux+PHP+Apache+MySQL
2. 商业网站
商业网站和个人网站使用的技术比较相似，所不同的是商业网站能够更多地使用动态网页技术和数据库技术，使用较高配置的专业服务器硬件和软件平台，比如IBM的eServer+Websphere+Lotus+DB2。开发过程需要仔细考虑用户的访问需求。另外，网络安全防护和电子商务认证也是必须考虑的。
商业网站中制作页面的人员分工细致，各负其责。网页设计师负责设计精美的页面，程序员负责编写和测试后台程序。大型的商务网站发布以后还需要投入更多的人力和资金来维护网页，更新系统。
3. 学术机构和政府团体网站
学术机构和政府团体的网站从风格上来说，不需要像个人网站那样千变万化，也不需要像商业网站那样奢华绚丽，应该更多地体现出严谨、科学和庄重的气氛。它在技术上采用和个人网站相类似的路线。
这类网站的首页通常简洁明了，分类醒目，并提供丰富的学术资源和准确的信息。浏览著名大学、研究机构、政府团体网站的访客都有比较明确的目的，比如了解机构设置、教学情况、科研动态、录取信息、行业规章、政策法规等，并且希望得到最新的实用信息，所以，这类网站最好由专人维护，并在网站上提供信息发布的区域。
1.12.4 网站栏目规划及布局目录设计
1. 栏目与版块的划分
网站建设者在对网站主题、内容、风格进行策划后，后续工作则需要对网站栏目进行规划，从而吸引网友浏览网站。
划分栏目和版块的实质是给网站编制大纲索引，将网站的主题明确地显示出来。在制定栏目的时候，要仔细考虑，合理安排。
规划网站栏目时要注意以下几方面：
（1）紧扣主题。一般的做法是将主题按一定的方法分类，并将它们作为网站的主栏目，如以一个动画网站为例，则可以将栏目分为动物动画、标志动画、三维动画、卡通动画等，并在首页上标明最近更新的动画。一定要记住，主题栏目的个数在总栏目中要占绝对优势，这样的网站才显得专业，主题突出，而且容易给人留下深刻的印象。
（2）设定更新或网站指南栏目。如果在首页上没有安排版面放置最近的更新信息，就有必要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客，让主页更具有人性化。
如果主页内容、层次较多，又没有站内的搜索引擎，建议设置“本站”指南栏目，可以在其中绘制一个站点的结构图，用来帮助初访者快速找到他们想要的内容。
（3）设定可以双向交流的栏目。双向交流的栏目不需要很多，但一定要有，这样可以让浏览者留下他们的信息，如设定一个论坛、留言本、聊天室或者E-mail。
（4）设定下载或常见问题回答栏目。如果在主页上设置一个资料下载栏目，一定会得到大家的喜欢。设置下载栏目也需要和网站的整体风格和主题相协调，并需要网站空间比较大，才能存放较多的资源供网友下载。
另外，如果站点经常收到网友关于某方面问题的来信，最好设立一个常见问题回答（FAQ）的栏目，这样既方便网友，也可以节约自己的时间。
（5）至于其他的辅助内容，如“关于本站”、“版权信息”等可以不放在主栏目里，以免冲淡主题。
下面通过案例来分析如何划分网站的栏目，如图1.2所示“重庆婚介网”首页的栏目设置。
图1.2 “重庆婚介网”首页的栏目设置
简单分析如下。
网站logo图标及CI宣传栏目：设计了logo图标和Flash动画，作为本网站的宣传动画。
导航栏目：设计了首页、申请入会、寻觅最爱、情感世界、网上算命、在线论坛、承建网站、管理登录。
主内容区的栏目规划：采用“川字形”结构。
主内容左侧栏目主要是网站人气值的设计，规划如下。
用户登录区：是动态网站，方便用户登录、查询修改资料、选择会员服务。
快速搜索区：可以让会员或者浏览者通过会员的昵称查询会员资料，不用一个一个地搜索。
条件查询区：可以让浏览者或者会员按照自己设定的条件进行搜索，不会茫然。
友情链接区：为了达到网站的宣传，相互提高网站的访问量而设置的栏目。友情链接的栏目设置也可以不将友情网站设在首页，这要看友情链接网站的多少及主页的内容是否拥挤，当友情网站较多时，需要专门设置页面来放置友情网站内容。
主内容区中间栏目的规划如下。
会员推荐栏目：将有图片的会员或者自己愿意放置在首页显示的会员对网友进行推荐。
最新会员：将网站最新入会的会员，在该栏目显示，可以增加被人浏览查找的机会。
同城约会栏目：给会员专门设置的一个交互性栏目，可以让会员在这里发起聚会，参加聚会。
主内容区右侧栏目规划如下。
网站公告：发布提醒会员及网友的注意事项和网站的最新动态。
会员统计：显示网站建站以来的入会总数，体现网站的实力。
青春寄语：站长对网友的寄语，体现了网站的亲和力。
2. 网站的目录结构策划
网站的目录是指在建立网站时所创建的目录。网站的目录设计与网站的栏目版块设计密切相连，规划网站的目录结构要根据网站的主题和内容来进行分类规划，不同的栏目对应不同的目录。
规划网站目录可以按照如下要点：
（1）尽量不要在网站本地根目录下存放文件。有的网页设计者喜好将网页所有文件存放在根目录下，这样容易造成文件管理混乱，常常不知道哪些文件需要编辑，要编辑一个文件需要浏览查找，比较麻烦，也不知道哪些文件需要删除，同时影响服务器的工作效率。网站设计好后，需要上传文件到服务器主机，如果全部文件存放在本地根目录下，将会耗费大量的上传时间。
（2）目录层次不要太深。一般来说，网站的目录层次不要超过3层。
（3）根据栏目内容建立子目录。子目录的建立应该按照主菜单的栏目建立，如企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录；而其他的次要栏目，如友情链接等内容较多或需要经常更新的栏目可以建立独立的子目录；一些相关性强，不需要经常更新的栏目，如关于本站、站长、站点经历等可以合并放在一个统一的目录下。所有数据库建立一个单独的文件夹，CSS存放样式文件，Media存放多媒体文件。
（4）建立目录时一般不要使用中文来建立文件夹和文件。建立目录可以使用英文或者中文拼音来建立文件夹或文件，使用中文目录可能会使浏览器无法识别文件而无法显示。
3. 网站页面的布局规划
设计网页不仅是把相关的内容放到网页中就行了，还要求设计者能够把这些内容合理组织、安排，以给浏览者赏心悦目的感觉。只有这样才能达到内容与形式的完美结合，增强网站的吸引力。可见网页设计不但是一项技术性工作，还是一项艺术性工作。它要求设计者具有较高的艺术修养和审美情趣，否则不能够设计出高水平的网页。现在一般公司在招聘网页设计师时对网页设计师的要求是熟练使用网页设计软件，同时还要求有美工创意基础。
网页的排版布局是决定网站美感的重要方面。通过合理的、有创意的布局，可以把文字、图像等内容完美地展现在浏览者面前，而布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力。
一般来说，网页布局遵循一定的原则，再加上自己的奇特创意，设计一个吸引浏览者的网页布局是可以成功的。
关于网站页面的布局规划知识我们将在本书网站项目规划章节结合案例“中国西部汽车王”网站进行具体介绍。
1.12.5 导航设计
导航是网页设计中的重要部分，也是整个网站设计中的一个独立部分。一般来说，网站导航在案例网站中各个页面出现的位置是固定的，风格较为统一。导航的位置对于网站的结构以及各个页面的布局起着举足轻重的作用。
导航的位置一般有4种常见的显示位置，在页面的左侧、右侧、顶部和底部。有的在一个页面中用多种导航，如有的在顶部设置主导航菜单，在页面的左侧设置折叠菜单，以增强网站的可访问性。
当然导航在页面中的出现不是越多越好，要合理运用网页，达到协调和一致。如果页面较长，最后页面底部也设置一个导航，这样浏览者浏览到页面底部时不用拖动滚动条来选择页面顶部的导航条。
子页面的导航设计是较为重要的。子页面一定要有上一级目录的链接，直到首页，这样浏览者访问起来才比较方便，不用单击“后退”按钮回到首页或上一级页面。对于子页面，如果页面比较长，可在页面上部设置一个简单的目录，并设置几个页面的跳转链接，这样方便浏览。常见的导航设计如图1.3所示。
图1.3 导航设计
1.12.6 链接设计
网站的链接设计是指网站页面之间相互链接的拓扑结构，建立在目录结构的基础上。网站的链接结构有两种基本方式：树状结构和星状结构。这两种基本结构都只是理想方式，在实际的网站设计中，总是这两种结构混合起来。比较好的方案是：首页和一级页面之间用星状链接结构，一级页面和以下各级页面之间用树状结构。
树状链接结构如图1.4所示。星状链接结构如图1.5所示。
图1.4 树状链接结构
图1.5 星状链接结构
1.12.7 网站资料搜集
网站制作在目录、导航、链接策划后，需要搜索准备网站资料，为动手进行网站设计做准备。
个人网站的大多数内容除了自己的独创外，还需要依赖于资料搜集。搜集不完整，可能设计中途就会停下来。同时，在搜集资料时主要是搜集其他精典网站的页面布局技巧、导航设计技巧、链接设计技巧、网站色彩处理技巧及网站具体内容。
商业网站虽然不像个人网站那样从网上搜集内容，但是可以吸取其他同类网站的设计风格精华，布局风格、导航技巧、色彩处理、同类产品的宣传技巧等，有比较才有鉴别。在搜集时不能照搬其他网站的风格，应该有自己的独创。
网站资料搜集的具体知识及技巧详见本书第5章有关章节。
1.12.8 网页设计
在网站规划工作完成后，即可以开始网页设计。网页设计首先需要进行首页设计。首页是网站的灵魂，一定要在首页设计上多下功夫，然后再设计一级页面、二级页面，将一级页面、二级页面做成模板或者库进行保存，然后在设计其他一级、二级页面时即可从模板新建网页或者插入库项目，这样维护起来更较为方便，设计网页的速度也较快。
设计网页时要注意版面的规划。版面规划主要是如何突出主题内容，如何提高网页下载打开的速度。
在本书后面章节将以一个企业网站“中国西部汽车王”的建立来讲解网页设计的基本技巧。
1.12.9 网上安家
网站在本地计算机上建成以后，需要为网站找一个家，这个家就是空间。
关于空间的概念及申请空间的方法参见本书第9章相关内容。
1.12.10 域名申请
在申请网站空间后，接下来要考虑的问题是选择域名。域名被视为企业的网上商标，其重要性不言而喻。
域名的申请知识及方法参见本书第9章相关内容。
1.12.11 网站发布
网站在空间申请及域名申请好以后，则可以进行站点发布，将网站上传到服务器上。发布站点的方法很多，可以采用Dreamweaver MX自带的发布站点功能或者采用专门的FTP发布工具进行网站发布。以上两种发布网站的方法将在网站项目工程建设过程中进行详细讲解。
1.12.12 网站宣传维护管理
网站上传到服务器，如果在本地测试正确，远程服务器正常，则可以正常浏览网页。
网站做好上传后，不等于网站设计工作已经完成，还需要进行宣传、更新、维护及管理。
关于网站宣传、维护及管理的方法请参见本书第10章相关内容。
本章小结
本章主要简介了网站建设的目的、网站建设的规划及网站建设的方案，网站的常用建设技术及常用术语，网站创建的流程，企业网站的设计原则及方法等。
主要知识点如下。
（1）网站大体包括个人网站、企业网站、学术机构及政府团体网站等。不同网站的建站目的不完全相同。
（2）网页包括静态网页和动态网页。静态网页可以采用软件来设计，也可以用HTML来实现。静态网页只是网站页面的静态发布，用户基本上不能参与。动态网页技术根据程序运行的地点不同，分为客户端动态技术和服务器端动态技术。常见的客户端动态技术包括：JavaScript，JavaApplet，DHTML，ActiveX，Flash，VRML等；典型的服务器端动态技术包括：ASP，PHP，JSP，CGI等。
（3）常用的建站技术有：HTML，DHTML，Java与JavaApplet，ActiVeX，CGI，ASP，PHP，JSP，Flash。本书推荐采用ASP技术。
（4）网站策划包括网站主题、内容、风格等。策划不仅包括内容组织，还包括页面的目录结构、链接设计、导航设计、布局设计等。小型企业网站的规划与设计包括建站目的分析、调查分析，确定网站的内容结构、表现形式等。
（5）中小型网站创建流程包括：网站策划、明确网站开放对象、绘制网站草图、建立网站文件夹、搜集建站资源、设计网站页面内容、网上安家及域名申请、网站发布、网站宣传维护及管理。
（6）设计站点，首先遇到的问题就是定位网站的主题。所谓主题也就是网站的题材。网络上的网站题材多种多样，只要你想得到，就可以把它制作出来。
（7）网站的整体风格及其创意设计是最难以学习的技术。风格（style）是抽象的，它是指站点的整体形象给浏览者的综合感受。创意要引人入胜，精彩万分，出奇不意。创意思考的过程分为5个阶段：准备期、孵化期、启示期、验证期和形成期。
（8）网站内容的组织原则：清晰性、创造性，突出三个重点，网站内容的组织方法通过栏目设置来实现。
（9）互联网上的网站，按照功能和性质大致可以分为个人网站、商业网站、学术机构和政府团体网站。网站建设主要有如下3种技术路线：
Microsoft Windows2000/9x/XP+ASP-IIS+MSSQLServer/Access
Windows/Linux+JSP+Tomcat/Resin/JSWDK+MSSQLServer/Access/MySQL
Linux+PHP+Apache+MySQL
（10）划分栏目和版块的实质是给网站建设一个大纲索引。索引应该将网站的主题明确突出。
（11）网页的排版布局是决定网站美感的重要方面。
（12）导航是网页设计中重要而独立的部分。导航在案例网站中各个页面出现的位置是固定的，风格较为统一。导航的位置对于网站的结构及各个页面的布局起着举足轻重的作用。导航的位置一般有4种常见的显示位置，分别在页面的左侧、右侧、顶部、底部。
（13）网站的链接结构有两种基本方式：树状结构和星状结构。
思考题
1. 网站建设的常见技术有哪些？
2. 静态网站和动态网站的区别是什么？
3. 网站的创建流程是什么？
4. 如何有效地进行网站策划？
5. 网站的常用建设技术有哪些？
6. 什么是虚拟主机？什么是空间、域名、脚本、流量？
7. 设计企业网站的原则？
8. 如何选择虚拟主机？
上机练习
1. 学生上网比较静态网站和动态网站的页面，并将页面实现技术进行总结。
2. 学生完成以下主题的内容、风格、栏目、布局设计。
（1）招聘求职网站系统；
（2）网上百货公司；
（3）保健品市场。