web与web2.0有什么区别？

web2是个技术的进步而已

2001年秋天互联网公司（dot-com)泡沫的破灭标志着互联网的一个转折点。许多人断定互联网被过分炒作，事实上网络泡沫和相继而来的股市大衰退看起来像是所有技术革命的共同特征。股市大衰退通常标志着蒸蒸日上的技术已经开始占领中央舞台。假冒者被驱逐，而真正成功的故事展示了它们的力量，同时人们开始理解了是什么将一个故事同另外一个区分开来。

“Web 20”的概念开始于一个会议中，展开于O'Reilly公司和MediaLive国际公司之间的头脑风暴部分。所谓互联网先驱和O'Reilly公司副总裁的戴尔·多尔蒂(Dale Dougherty)注意到，同所谓的“崩溃”迥然不同，互联网比其他任何时候都更重要，令人激动的新应用程序和网站正在以令人惊讶的规律性涌现出来。更重要的是，那些幸免于当初网络泡沫的公司，看起来有一些共同之处。那么会不会是互联网公司那场泡沫的破灭标志了互联网的一种转折，以至于呼吁“Web 20”的行动有了意义？我们都认同这种观点，Web 20会议由此诞生。

在那个会议之后的一年半的时间里，“Web 20”一词已经深入人心，从Google上可以搜索到950万以上的链接。但是，至今关于Web 20的含义仍存在极大的分歧，一些人将Web 20贬低为毫无疑义的一个行销炒作口号，而其他一些人则将之理解为一种新的传统理念。

本文就是来尝试澄清Web 20本来意义。

在我们当初的头脑风暴中，我们已经用一些例子，公式化地表达了我们对Web 20的理解：

Web 10 Web 20

DoubleClick Google AdSense

Ofoto Flickr

Akamai BitTorrent

mp3com Napster

大英百科全书在线（Britannica Online） 维基百科全书（Wikipedia）

个人网站 博客(blogging)

evite upcomingorg和EVDB

域名投机 搜索引擎优化

页面浏览数 每次点击成本

屏幕抓取（screen scraping） 网络服务（web services）

发布 参与

内容管理系统 维基

目录（分类) 标签（“分众分类”，folksonomy）

粘性 聚合

这个列表还会不断继续下去。但是到底是什么，使得我们认定一个应用程序或一种方式为作所谓“Web 10”，而把另外一个叫做“Web 20”呢？（这个问题尤为紧迫，因为Web 20的观念已经传播的如此广泛，以至于很多公司正在将这个词加到他们的行销炒作中，但却没有真正理解其含义。同时这个问题也尤为困难，因为许多嗜好口号的创业公司显然不是Web 20，而一些我们认为是Web 20的应用程序，例如Napster和BitTorrent，甚至不是真正适当的网络程序！）我们首先来探讨一些原则，这些原则是通过Web 10的一些成功案例，以及一些最为有趣的新型应用程序来体现的。

1 互联网作为平台

正如许多重要的理念一样，Web 20没有一个明确的界限，而是一个重力核心。不妨将Web 20视作一组原则和实践，由此来把距离核心或远或近的网站组成为一个类似太阳系的网络系统，这些网站或多或少地体现着Web 20的原则。

图1为Web 20的“模拟图”，该图是在名为“O'Reilly的朋友”（Friend Of O’reilly, FOO）的会议的一个研讨会上产生的。这个图基本上仍处于演化阶段，但已经描绘出了 从Web 20核心理念中衍生出的许多概念。

例如，在2004年10月的第一次Web 20的会议上，约翰·巴特利（John Battelle）和我在我们各自的开场白中列举了一组初步的原则。

这些原则中的第一条就是“互联网作为平台”。这也曾是Web 10的宠儿网景公司（Netscape)的战斗口号，而网景在同微软的大战中陨落了。此外，我们早先的Web 10的楷模中的两个，DoubleClick和Akamai公司，皆是将网络当作平台的先驱。人们往往不认为这是一种网络服务，但事实上，广告服务是第一个被广泛应用的网络服务，同时也是第一个被广泛应用的混合处理（mashup），如果用另一个近来流行的词来说的话。每个旗帜广告（banner ad)都是用来在两个网站之前无缝合作，向位于另外一台计算机上的读者传递一个整合好的页面。

Akamai也将网络看作平台，并且在一个更深入的层次上，来搭建一个透明的缓存和内容分发网络，以便降低宽带的拥塞程度。

虽然如此，这些先驱提供了有益的对比，因为后来者遇到同样问题的时候，可以将先驱们的解决方案进一步延伸，从而对新平台本质的理解也更为深刻了。DoubleClick和Akamai都是Web 20的先驱，同时我们也可以看到，可以通过引入更多Web 20的设计模式，来实现更多的应用。

让我们对这三个案例中的每一个都作一番深究，来探讨其间的一些本质性的差别。

Netscape 对 Google

如果Netscape可以称为Web 10的旗手，那么Google几乎可以肯定是Web 20的旗手，只要看看他们的首次公开上市（IPO)是如何地揭示了各自的时代就清楚了。所以我们就从这两个公司和其定位的差别入手。

Netscape以传统的软件摹本来勾勒其所谓“互联网作为平台”：他们的旗舰产品是互联网浏览器，一个桌面应用程序。同时，他们的战略是利用他们在浏览器市场的统治地位，来为其昂贵的服务器产品建立起市场。从理论上讲，在浏览器中控制显示内容和程序的标准，赋予了Netscape一种市场支配力，如同微软公司在个人计算机市场上所享受的一样。很像当初“自行的马车”（horseless carriage）将汽车描绘为一种熟知事物的延伸，Netscape曾推销一种网络桌面（webtop）来替代传统的桌面（desktop），并且计划借助信息更新，以及由购买了Netscape服务器的信息提供者来推送的各种小程序，来开发推广这种网络桌面。

最终，浏览器和网络服务器都变成了“日用品”，同时价值链条也向上移动到了在互联网平台上传递的服务。

作为对比，Google则以天生的网络应用程序的角色问世，它从不出售或者打包其程序，而是以服务的方式来传递。客户们直接或间接地为其所使用的服务向Google付费。原有软件工业缺陷荡然无存。没有了定期的软件发布，只需要持续的改善。没有了许可证或销售，只需要使用。没有了为了让用户在其设备上运行软件而不得不进行的平台迁移，只需要搭建宏大的、由众多个人计算机组成的、可伸缩的网络，其上运行开源操作系统，及其及自行研制的应用程序和工具，而公司之外的任何人则永远无法接触到这些东西。

在其底层，Google需要一种Netscape从未需要过的能力：数据库管理。Google远远不只是一个软件工具的集合，它是一个专业化的数据库。没有这些数据，那些工具将毫无用武之地；没有这些软件，数据也将无可控制。软件许可证制度和对应用程序接口（API）的控制——上一个时代的法宝——已经毫不相关了，因为Google的软件只需要执行而从不需要分发，也因为如果不具备收集和管理数据的能力，软件本身就没有什么用处了。事实上，软件的价值是同它所协助管理的数据的规模和活性成正比的。

Google的服务不是一个简单的服务器，虽然其服务是通过大规模的互联网服务器集合来传递的；其服务也不是一个浏览器，虽然这种服务是被用户在浏览器中体验到的。Google的旗舰产品——搜索服务，甚至不托管它让用户来搜寻的内容。很像一个电话通话过程，不仅发生在通话的两端，而且发生在中间的网络上。作为用户和其在线体验的一个中介，Google作用于浏览器、搜索引擎和最终的内容服务器之间的空间中。

虽然Netscape和Google都可以被描述为软件公司，但显然Netscape可以归到Lotus，Microsoft，Oracle，SAP，以及其他发源于上个世纪八十年代软件革命的那些公司所组成的软件世界。而Google的同伴们，则是像eBay，Amazon，Napster，及至DoubleClick和Akamai这样的互联网公司。

DoubleClick对Overture和AdSense

同Google类似，DoubleClick是一个名副其实的互联网时代的孩子。它把软件作为一种服务，在数据管理方面具有核心竞争力，并且正如上文所述，它是一个早在连网络服务的名字还不曾有的时候，就已然开始其服务的先驱。然而，DoubleClick最终还是被其商业模式局限住了。它所贯彻的是九十年代的互联网观念。这种观念围绕着出版，而不是参与；围绕着广告客户，而不是消费者，来进行操纵；围绕着规模，认为互联网会被如MediaMetrix等网络广告评测公司尺度下的所谓顶级网站所统治。

结果是，DoubleClick得意地在其网站上引用道：“超过2000种的成功应用”。而相对比的是，Yahoo!公司的搜索市场（从前的Overture）和Google的AdSense产品，已经在为几十万的广告客户服务。

Overture和Google的成功源自于对克里斯·安德森（Chris Anderson）提到的所谓“长尾”的领悟，即众多小网站集体的力量提供了互联网的大多数内容。DoubleClick的产品要求一种签订正式的销售合同，并将其市场局限于很少的几千个大型网站。Overture和Google则领会到如何将广告放置到几乎所有网页上。更进一步地，它们回避了发行商和广告代理们所喜爱的广告形式，例如旗帜广告和弹出式广告，而采用了干扰最小的、上下文敏感的、对用户友好的文字广告形式。

Web 20的经验是：有效利用消费者的自助服务和算法上的数据管理，以便能够将触角延伸至整个互联网，延伸至各个边缘而不仅仅是中心，延伸至长尾而不仅仅是头部。

毫不奇怪，其他Web 20的成功故事也显示着同样的轨迹。eBay扮演着一个自动的中间媒介的角色，使个体之间发生的几个美元的偶然性的交易成为可能。Napster（虽然已经出于法律原因而关闭）将其网络建立在一个集中的歌曲数据库之上，但是它让每一个下载者都成为一台服务器，从而使其网络逐渐扩大。

Akamai 对 BitTorrent

同DoubleClick类似，Akamai的业务重点面向网络的头部，而不是尾部；面向中心，而不是边缘。虽然它服务于那些处于网络边缘的个体的利益，为他们访问位于互联网中心的高需求的网站铺平了道路，但它的收入仍然来自从那些位于中心的网站。

BitTorrent，像P2P风潮中的其他倡导者一样，采用了一种激进的方式来达到互联网去中心化（internet decentralization）的目的。每个客户端同时也是一个服务器；文件被分割成许多片段，从而可以由网络上的多个地方提供，透明地利用了网络的下载者来为其他下载者提供带宽和数据。事实上，文件越流行下载得越快，因为有更多的用户在为这个文件提供带宽和各个片段。

BitTorrent由此显示出Web 20的一个关键原则：用户越多，服务越好。一边是Akamai必须增加服务器来改善服务，另一边是BitTorrent用户将各自的资源贡献给大家。可以说，有一种隐性的“参与体系”内置在合作准则中。在这种参与体系中，服务主要扮演着一个智能代理的作用，将网络上的各个边缘连接起来，同时充分利用了用户自身的力量。

2 利用集体智慧

在诞生于Web 10时代并且存活了下来，而且要继续领导Web 20时代的那些巨人的成功故事的背后，有一个核心原则，就是他们借助了网络的力量来利用集体智慧：

--超级链接是互联网的基础。当用户添加新的内容和新的网站的时候，将被限定在一种特定的网络结构中，这种网络结构是由其他用户发现内容并建立链接的。如同大脑中的神经突触，随着彼此的联系通过复制和强化变得越来越强，而作为所有网络用户的所有活动的直接结果，互联的网络将有机地成长。

--Yahoo!是第首例伟大的成功故事，诞生于一个分类目录，或者说是链接目录，一个对数万甚至数百万网络用户的最精彩作品的汇总。虽然后来Yahoo!进入了创建五花八门的内容的业务，但其作为一个门户来收集网络用户们集体作品的角色，依然是其价值核心。

--Google在搜索方面的突破在于PageRank技术，该技术令其迅速成为搜索市场上毫无争议的领导者。PageRank是一种利用了网络的链接结构，而不是仅仅是使用文档的属性，来实现更好的搜索效果的方法。

--eBay的产品是其全部用户的集体活动，就向网络自身一样，eBay随着用户的活动而有机地成长，而且该公司的角色是作为一个特定环境的促成者，而用户的行动就发生在这种环境之中。更重要的是，eBay的竞争优势几乎都来自于关键性的大量的买家和卖家双方，而这正是这一点使得后面许多竞争者的产品的吸引力显著减低。

--Amazon销售同Barnesandnoblecom等竞争者相同的产品，同时这些公司从卖方获得的是同样的产品描述、封面和目录。所不同的是，Amazon已然缔造出了一门关于激发用户参与的科学。Amazon拥有比其竞争者高出一个数量级以上的用户评价，以及更多的邀请来让用户以五花八门的方式，在近乎所有的页面上进行参与，而更为重要的是，他们利用用户的活动来产生更好的搜索结果。Barnesandnoblecom的搜索结果很可能指向该公司自己的产品，或者是赞助商的结果，而Amazon则始终以所谓“最流行的”打头，这是一种实时计算，不仅基于销售，而且基于其他一些被Amazon内部人士称为围绕着产品“流动”（flow）的因素。由于拥有高出对手一个数量级的用户参与，Amazon销售额超出竞争对手也就不足为奇了。

现在，具备了这种洞察力，并且可能会将之延伸开来的那些创新型的公司，正在互联网上留下他们的印迹。

维基百科全书（Wikipedia）是一种在线百科全书，其实现基于一种看似不可能的观念。该观念认为一个条目可以被任何互联网用户所添加，同时可以被其他任何人编辑。无疑，这是对信任的一种极端的实验，将埃里克·雷蒙德（Eric Raymond）的格言（源自开放源码软件的背景之下）：“有足够的眼球，所有的程序缺陷都是肤浅的”（with enough eyeballs, all bugs are shallow）运用到了内容的创建之中。维基百科全书已然高居世界网站百强之列，并且许多人认为它不久就将位列十强。这在内容创建方面是一种深远的变革。

像delicious（美味书签）和Flickr这样的网站，其公司已经在近期获得了广泛的关注，并且已经在一种被人们成为“分众分类”（folksonomy，有别于传统分类法）的概念上成为先行者。“分众分类”是一种使用用户自由选择的关键词对网站进行协作分类的方式，而这些关键词一般称为标签（tags)。标签化运用了像大脑本身所使用的那种多重的、重叠的关联，而不是死板的分类。举一个经典的例子，在Flickr网站上，一幅小狗照片可能被加上“小狗”和“可爱”这样的标签，从而允许系统依照用户行为所产生的自然的方式来进行检索。

协作式垃圾信息过滤产品，例如Cloudmark，就聚集了电子邮件用户们对于“一封邮件是或者不是垃圾邮件”的众多相互独立的决策，从而胜过了依赖于分析邮件本身的那些系统。

伟大的互联网成功者并不主动地到处推销其产品，这几乎成为公理。他们采用“病毒式营销”（viral marketing）的方式，也就是说，一些推介会直接从一个用户传播到另外一个用户。如何一个网站或产品依赖广告来进行宣传，你几乎可以断定它不是Web 20。

即便许多互联网基础设施本身，包括在大多数网络服务器中用到的Linux，Apache，MySQL，以及Perl，PHP或Python代码，也都依靠开放源码的对等生产（peer-production）的方式。其中包含了一种集体的、网络赋予的智慧。在SourceForgenet网站上列有至少10万种开放源码软件项目。任何人都可以添加一个项目，任何人都可以下载并使用项目代码。

同时，由于作为用户使用的结果，新的项目从边缘迁移到中心。一个对软件的有机的接受过程几乎完全依靠病毒式营销。同时，作为用户应用的结果，新的项目从边缘迁移到中心，这是一种几乎完全依靠病毒式营销的，有机的软件采用过程，。

经验是：源于用户贡献的网络效应，是在Web 20时代中统治市场的关键。

平台总是打败应用程序

在过去每次同对手的竞争中，微软都成功地打用了平台这张牌，打败了即便是最占主导地位的应用程序。Windows平台让微软以Excel取代了Lotus 1-2-3，以Word取代了WordPerfect,，以Internet Explorer取代了Netscape浏览器。

不过这次，冲突不是在平台和应用程序之间，而是在两种平台之间。每个平台皆有一种截然不同的商业模式：一方面，一个独立软件商具有广泛的用户基础并且将应用程序接口和操作系统紧密集成，从而对程序设计模式予以控制；另一方面，是一个没有所有者的系统，由一组协议、开放标准和对合作的共识来连结到一起。

Windows系统代表了由软件程序接口来进行专有控制的高峰。Netscape曾尝试用微软当初对付其对手所使用的手段，来同微软进行争夺，但是失败了。然而拥有互联网开放标准的Apache却已经繁荣了起来。此番上演的战局，已经不再是实力悬殊的平台对决孤立的软件了，而是变成了平台对决平台。问题在于，哪个平台，或者更深远地来说哪个体系，以及哪个商业模式，最能适应未来的机遇。

Windows对于早期的PC时代的问题是一种卓越的解决方案。它统一了程序开发者的竞技场，解决了很多困扰这个领域的问题。但这种由单一供方控制的一刀切的方法，已经不再是适宜的解决方案，而成为了一种问题。面向交流的系统需要协同性，互联网作为一个平台当然也是如此。除非供方可以控制每一例交互的两个终端，这种通过软件的程序接口来锁定用户的可能性微乎其微。

任何企图通过控制平台来推销应用程序的Web 20提供商，从定义上讲，已经丧失了这个平台的优越性。

这并不是说锁定和竞争优势的机会不复存在了，而是说我们相信这种机会不是通过控制软件程序接口和协议来取得的。新的游戏规则正在浮现。那些能够理解这些新的游戏规则，而不是企图回到PC软件时代旧有规则的公司，才有可能在Web 20时代获得成功。

博客和大众智慧

Web 20时代一项最受追捧的特性就是博客的兴起。个人主页从互联网早期就已经存在了，而个人日记和每日发表观点的专栏就更渊源久远了，那么到底有什么让人大惊小怪的呢？

归根底地，博客只是一种日记形式个人网页。但正如里奇·斯格仁塔（Rich Skrenta）指出的，博客的按时间顺序来排列的结构“看起来像是一个微不足道的变化，但却推动着一个迥然不同的分发、广告和价值链。”

其中一大变化就是一项称为RSS的技术。RSS是自早期计算机高手们认识到CGI（公共网关接口）可用来创建以数据库为基础的网站以来，在互联网根本结构方面最重要的进步。RSS使人们不仅仅链接到一个网页，而且可以订阅这个网页，从而每当该页面产生了变化时都会得到通知。斯格仁塔将之称为“增量的互联网”（incremental web）。其他人则称之为“鲜活的互联网”（live web）。

当然，现在所谓“动态网站”（即具有动态产生的内容的、由数据库驱动的网站）取代了十年前的静态网站。而动态网站的活力不仅在于网页，而且在链接方面。一个指向网络博客的链接实际上是指向一个不断更新的网页，包括指向其中任何一篇文章的“固定链接”（permalinks），以及每一次更新的通知。因此，一个RSS是比书签或者指向一个单独网页的链接要强大得多。

RSS同时也意味着网页浏览器不再只是限于浏览网页的工具。尽管诸如Bloglines之类的RSS聚合器（RSS aggregators）是基于网络的，但其他的则是桌面程序，此外还有一些则可以用在便携设备上来接受定期更新的内容。

RSS现在不仅用于推送新的博客文章的通知，还可以用于其他各种各样的数据更新，包括股票报价、天气情况、以及。这类应用实际上是对RSS本源的一种回归：RSS诞生于1997年，是如下两种技术的汇合：一种是戴夫·温纳（Dave Winer）的“真正简单的聚合”（Really Simple Syndication）技术，用于通知博客的更新情况；另一种是Netscape公司提供的“丰富站点摘要”（Rich Site Summary）技术，该技术允许用户用定期更新的数据流来定制Netscape主页。后来Netscape公司失去了兴趣，这种技术便由温纳的一个博客先驱公司Userland承接下来。不过，在现在的应用程序实现中，我可以看出两者共同的作用。

但是，RSS只是令博客区别于同普通网页的一部分原因。汤姆·科特斯（Tom Coates）这样评论固定链接的重要性：

“现在它可能看上去像是一项普普通通的功能，但它却有效地将博客从一个易于发布（ease-of-publishing）的现象，进一步转变为互相交叉的社区的一种对话式的参与。这是首次使得对其他人的网站上的很特定的帖子表态和谈论变得如此地容易。讨论出现了，聊天也出现。同时，其结果是出现了友谊或者友谊更加坚定了。固定链接是第一次也是最为成功的一次在博客之间搭建桥梁的尝试。”

在许多方面，RSS同固定链接的结合，为HTPP（互联网协议）增添了NNTP（新闻组的网络新闻协议）的许多特性。所谓“博客圈”（blogosphere），可以将其视作一种同互联网早期的、以对话方式来灌水的新闻组和公告牌相比来说，新型的对等（peer-to-peer）意义上的等价现象。人们不仅可以相互订阅网站并方便地链接到一个页面上的特定评论，而且通过一种称为引用通告（trackbacks）的机制，可以得知其他任何人链接到了他们的页面，并且可以用相互链接或者添加评论的方式来做出回应。

有趣的是，这种双向链接（two-way links）曾是象Xanadu之类的早期超文本系统的目标。超文本纯粹论者已然将引用通告颂扬为向双向链接迈进了一步。但需要注意的是，引用通告不是一个真正的双向链接，确切地讲是一种（潜在地）实现了双向链接效果的对称式单向链接。其间的区别看起来可能很细微，但实际上却是巨大的。诸如Friendster, Orkut和LinkedIn那样的社交网络系统（social networking systems），需要接受方做出确认以便建立某种连接，从而缺少像互联网架构本身那样的可伸缩性。正如照片共享服务Flickr网站的创始人之一卡特里纳·费克（Caterina Fake）所指出的，注意力仅在碰巧时才礼尚往来。（Flickr因此允许用户设置观察列表，即任何用户都可以通过RSS来订阅其他所有用户的照片流。注意的对象将会被通知，但并不一定要认可这种连接。）

如果Web 20的一个本质是利用集体智慧，来将互联网调试为一种所谓的全球的大脑，那么博客圈就是前脑中喋喋不休的呓语，那种我们整个头脑中都能听到的声音。这可能并不反映出大脑的往往是无意识的深层结构，但却是一种有意识的思考的等价物。作为一种有意识的思考和注意力的反映，博客圈已经开始具有强有力的影响。

首先，因为搜索引擎使用链接结构来辅助预测有用的页面，作为最多产和最及时的链接者，博客们在修整搜索引擎结果方面充当着一种不成比例的角色。其次，因为博客社区是如此多地自相引用，关注其他博客的博客们开阔了他们的视野和能力。此外，评论家们所批判的“回音室”（echo chamber）也是一种放大器。

如果只是一种放大器，那么撰写博客将会变得无趣。但是像维基百科全书一样，博客将集体智慧用作一种过滤器。被詹姆士·苏瑞奥维奇（James Suriowecki）称为“大众智慧”（the wisdom of crowds）的规律起了作用，并且就像PageRank技术所产生的结果胜过分析任何单一文档一样，博客圈的集体关注会筛选出有价值的东西。

虽然主流媒体可能将个别的博客视为竞争者，但真正使其紧张的将是同作为一个整体的博客圈的竞争。这不仅是网站之间的竞争，而且是一种商业模式之间的竞争。Web 20的世界也正是丹·吉尔默（Dan Gillmor）的所谓“个人媒体”（We，the media)的世界。在这个世界中，是所谓“原本的听众”，而不是密实里的少数几个人，来决定着什么是重要的。

3 数据是下一个Intel Inside

现在每一个重要的互联网应用程序都由一个专门的数据库驱动：Google的网络爬虫, Yahoo!的目录（和网络爬虫），Amazon的产品数据库，eBay的产品数据库和销售商，MapQuest的地图数据库，Napster的分布式歌曲库。正如哈尔·瓦里安（Hal Varian）在去年的私人对话中谈到的，“SQL是新的HTML”。数据库管理是Web 20公司的核心竞争力，其重要性使得我们有时候称这些程序为“讯件”（infoware）而不仅仅是软件。

该事实也引出了一个关键问题：谁拥有数据？

在互联网时代，我们可能已经见到了这样一些案例，其中对数据库的掌控导致了对市场的支配和巨大的经济回报。当初由美国政府的法令授权给Network Solutions公司（后被Verisign公司收购）的对域名注册的垄断，曾经是互联网上的第一个摇钱树。虽然我们在争论通过控制软件的API来形成商业优势在互联网时代会变得困难得多，但是对关键数据资源的控制则不同，特别是当要创建这些数据资源非常昂贵，或者经由网络效应容易增加回报的时候。

注意一下由MapQuest, mapsyahoocom，mapsmsncom，或者mapsgooglecom等网站提供的每张地图下面的版权声明，你会发现这样一行字“地图版权NavTeq，TeleAtlas”，或者如果使用的是新的卫星图像服务，则会看到“图像版权Digital Globe”的字样。这些公司对其数据库进行了大量的投资。（仅NavTeq一家，就公布投资75亿美元用于创建其街道地址和路线数据库。Digital Globe则投资5亿美元来启动其自有卫星，来对政府提供的图像进行改进。）NavTeq竟然已做了很多模仿Intel的耳熟能详的Intel Inside标识的事：例如带有导航系统的汽车就带有“NavTeq Onboard”的印记。数据是许多此类程序事实上的Intel Inside，是一些

要注册网站域名，购买或者租用到网站的空间。上传内容，上传图文和视频等内容就可以创建自己的网站了。

现在市场上很多各式各样的网站搭建工具，网站制作平台，任意找一个自己用起来易上手的工具即可。网站搭建工具中一般都有模板提供，可以按照行业、风格、类型来选择自己中意的模板。选好后就可以套用，网站随即成功创建。

你是指个人网页吧？建网站的投入可是很大的。

首先是申请免费个人主页空间（当然也可以申请付费的，看你自己的情况了）。你可以在搜索引擎中以"免费资源"为关键字进行搜索，在找到的网页中查看免费个人主页部分，进入提供免费个人主页的网站之后，再按步骤完成申请表格。然后是编辑个人网页。如果你是初学者，建议你使用FrontPage，因为它是一个所见即所得的网页编辑软件，也是微软OFFICE的一个组件，使用起来和WORD有很多类似之处。最后是上传网页。请按提供个人主页空间服务的网站上的上传说明中的方法上传你编辑好的网页。经过这些步骤，你的个人主页就建立了

如何建立一个网站？

（信息来源：商翼网站策划 ）

一、引言

一个网站的整体规划和设计的好坏是它发展的重要之处， 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展，使人们认识到了Internet/Intranet的优势，更使得数据库与web的连接成为数据库开发方面的热门技术之一。

通常情况下，通过浏览器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”， 当浏览器通过互联网的HTTP（Hypertext Transport Protocol）协议向Web服务器请求提供网页时，服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码，最多再加上流行的GIF89A 格式的动态，比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容，就必须手动更新所有的HTML文档。静态网站的致命弱点就是不易维护。为了更新网页的内容， 网站维护者必须重复制作HTML文档，随着网站内容和信息量的日益扩增，可以想象这是多么复杂繁琐的工作。

那么，什么是动态网站呢？所谓“动态”，并不是指放在网页上的会动，动态页面应具有以下几个特点：

（一）交互性：即网页能根据客户的要求和选择而动态改变和响应，浏览器即作为客户端界面，这是今后Web发展的大势所趋。

（二）自动更新：即无需手动更新HTML文档， 就能自动生成新的页面，从而大大减少工作量。

（三）因时因人而变：即当不同的时间、不同的人访问同一网址时能产生不同的页面，这一点对于需要对使用者授权的网站尤其适用。

随着的Internet迅速发展，不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者)，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在积极寻求在Internet上发布信息，提供新型的网上管理和服务。可以说，网站设计和网站的编辑正成为新兴的热门行业。

二、网站的系统分析

（一）项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。

（二）客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的，以及他的网站建好后来干什么也是一无所知，为了客户能有明确的目的我们需要耐心说明，仔细分析，挖掘出客户潜在的，真正的需求。这样对大家都有好处，我们的宗旨应该是“客户明明白白，双方高高兴兴。”对客户和自己都是一种负责。

配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：正确性：每个功能必须清楚描写交付的功能；可行性：确保在当前的开发能力和系统环境下可以实现每个需求；必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；简明性：不要使用专业的网络术语；检测性：如果开发完毕，客户可以根据需求检测。

三、建设方案

（一）建站理念

(1)预早筹划

设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先 确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。

(2)尽量精简

主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难令他们深入观赏。

(3)尽量简朴

现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴， 避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试你的主页在稍差的条件下的传送速率，144千波特的调制解调器，或透过 Prodigy 等网上服务接驳万维网等。

此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。

(4)善用图像

用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。

(5)使主页易于漫游

主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。

此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、 使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。

假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。

(6)提网协领

主页—般须载有以下事项：

标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。

电子邮件地址 ,以便用户有问题时，可以通知你。

版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明，用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。

联络资料 ,列出通讯地址电话号码等。

(7)循环利用现有信息

制作主页时，通常都毋须从头做起，因为有许多现成的文字、图画等资料可供我们重用，例如宣传小册、公关文件、技术手册、资料库等。很多情况下，只要用少许功夫、就可把这些材料转到网页上使用。

(8)保持新鲜感

万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。

同样，为保持新鲜感，应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内，亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺，以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。

(9)贯彻诺言

做不到的事情，千万不要轻易承诺。切勿随便叫用户做出回应行动，例如要求用户填交订贷表格，除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。

(10)吸引用户浏览

既然绞尽脑汁把主页弄得美观实用，没有人来欣赏就太可惜了。为吸引所有网中人来浏览，必须使主页易于寻找。通知其他网站(例如题材相关的网站)，他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What's new”页面上。尽量将网址传播开去，使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。

在网站上，于每个页面设置“home”按键，方便用户随时返回主页。

万维网充满生命力、正在不断演进，所以一些现时适用的经验，将来未必合用。举例来说，将来家居用户有高速线路接驳Internet，就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长，页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体， 提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页，还须有精良的设备支持。网站服务器不断推陈出新，使建设网站的工作愈来愈容易。

（二）网站总体设计

在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时间；需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：网站的栏目和板块；网站的功能和相应的程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互性和用户友好设计。

在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：客户情况分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排，相互链接关系；使用软件，硬件和技术分析说明；开发时间进度表；宣传推广方案；维护方案；制作费用；本公司简介：成功作品，技术，人才说明等。当您的方案通过客户的认可，那么可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计。

（三）．网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的，例如，公告版BBS,聊天室，信息发布系统， 网上超市等都用ASP来实现人机交互功能的，其中也用到调用数据库的技术。

ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术，也是服务器端的脚本（Script）运行环境，使用该技术可以开发动态的、交互的Web应用程序。

（四）网站的制作规范探讨

(1)网站目录规范

目录建立的原则：以最少的层次提供最清晰简便的访问结构。

a根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放indexhtml和mainhtml文件，以及其他必须的系统文件；

b每个语言版本存放于独立的目录；

c每个主要功能(主菜单)建立一个相应的独立目录；

d当页面超过20页，每个目录下存放各自独立images目录，共用的放在根目录下的images目录下；

e所有的js文件存放在根目录下统一目录script；

f所有的CSS文件存放在各语言版本下的style目录

g所有的CGI程序存放在根目录并列目录cgi_bin目录

(2)文件命名规范

文件命名的原则：以最少的字母达到最容易理解的意义。

a索引文件统一使用indexhtml文件名(小写)。indexhtml文件统一作为“桥页”制作具体内容，仅仅作为跳转页和meta标签页。主内容页为mainhtm；

b菜单名称按菜单名的英语翻译为名称。例如：关于我们aboutus;信息反馈feedback 产 品product;所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；

c所有文件名字母间连线都为下划线;

d命名原则以英语字母为名,大小原则写同上;

ejs的命名原则以功能的英语单词为名。例如：广告条的js文件名为:adjs

f所有的CGI文件后缀为cgi。

(3)链接结构规范

链接结构的原则：用最少的链接，使得浏览最有效率。首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。

(4)尺寸规范

a页面标准按800600分辨率制作，实际尺寸为778434px;

b每个标准页面为A4幅面大小，即85X11英寸;

c大banner为46860px，小banner为8831px。

(5) 首页HEAD区规范

a公司版权注释

b网页显示字符集

简体中文：

繁体中文：

英 语：

c网页制作者信息

d网站简介

e搜索关键字

f网页的css规范

g网页标题

四、网站的设计制作

1整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格。

2开发制作

本次网站规划设计采用软件工程的设计方法，设计小组在系统分析和总体设计的基础上，将设计任务分解，分配到设计组的每个成员，各模块有设计组成员单独承担设计和调试，既有分工，又有协作，最后将各模块上载到服务器上，做链接和整体的调试。

3调试完善

各模块初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

网站建设实际上是一个不断充实和完善的过程，通过不断的发现问题，解决问题，修改，补充，使网站结构趋向合理，内容更加丰富，形式更富有感染力。

4宣传推广

刚刚建成的网站就好像一个新注册的电话号码，没有人会自动找上门来，这时你就需要适当地做一些网站推广工作了,这里有很多方法，例如：

a网页里设置适当的META标签；

b交换友情链接。这是个免费而高效的办法，就好比在别人商店打上你的广告，在你的商店打上别人的广告，这样一来当网友参观别人的网站时就知道你的网站了，如果你的广告做的好，他一多半都会参观你的网站，这是件无须开支、互利互惠的好事情，推荐使用。

c 在各大搜索网站（例如sohucom yahoocom）注册你的网站，这样当别人在搜索同类的信息时就会发现你的网站；

d备新闻稿件在各新闻公告板发表；

e合理使用Email邮件列表；

f付费广告，这个办法最有效了，但它是付费的；

g在论坛里贴条子。这个办法效率不高，也很累，有时也会被别人删除掉，所以不推荐。

另外还需要说明的是，请千万不要使用发垃圾邮件来推广个人主页，这样不但不会使别人喜欢你的网站，反而会引起别人的极度反感，这是一种不道德的行为。

至此，网站项目建设完毕。

5．维护

网站做好了是不是就打算一劳永逸呢？不是，如果网站做大的话，网站维护也是个艰巨的工作。当网站变得十分庞大时将会有不计其数的、网页文件等内容，如果它们有一个丢失或链接失败都会引起网页错误，想想我们做的多副如果少一副会是什么情景？所以我们一定要保证整个网站的“健康”和完整。为了使网站健康、完整，通常我们在做新网站之前，都应该在DW里建设一个“本地网站”，也就是自己电脑上的网站副本，这样才能有效减少网站错误，刚才我们制作网站时是先做网页后建网站，其实这种网站建设方法是错误的，正确的是先建网站后添加内容。另外就是要时常检查网站的链接是否有误，这里我们可以使用DW的SITE程序的SITE菜单中CHECK LINK SITEWIDE选项来检查网站中是否有断掉的链接，以便及时修复。

另外我们还应该科学地存放不同类型的文件，例如将网站中的都放在一个文件夹里，将网页放在另一个文件夹里。而且如果将来网站真的“肥沃”起来，我们甚至需要为每一个栏目建立一个文件夹，例如将有关MUSIC栏目的文件放在一个文件夹里，将PICTURES栏目的文件放在一个文件夹里，这样一来，会为我们的维护工作减少很多不必要的麻烦！

网站维护最后要说的就是网站的文件备份了，如果电脑发生了灾难，我们的网站就很可能要瘫痪了，所以时常备份网站文件也是很重要的。

网站成功推出后，长期的维护工作才刚刚开始，我们需要做到的是:及时响应客户反馈；例如可以采取Email自动回复功能，然后尽快解决问题，再次回复；网站流量统计分析和相应对策；尽量推广和使用您的网址；网站内容的及时更新和维护。

五、网站安全问题及对策

防火墙是阻止外面的人对你的网络进行访问的任何设备，此设备通常是软件和硬件和组合体，它通常根据一些规则来挑选想要或不想要的地址。

首先绝大多数简单的身份验证过程都是以IP地址为根据的。IP地址是Internet网上最普遍的身份索引，它有静态和动态之分。 静态IP地址即固定不变的IP地址；它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询命令得到；并且此类地址主要是Internet网上最高层的主机的IP地址，这些主机可以是域名服务器、Web服务器和“根”主机，并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被分配给Internet网中的第二和第三层主机（这些机器还有固定的物理地址），然而这些机器不一定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制分配给不同的上网主机的地址。ISP的拔号服务器中经常使用动态IP地址－－节点机每次拔号上网，都会被分配一个不同的IP地址。无论IP地址是静态还是动态的，它都被用于网络传输中。

防火墙最基本的构件既不是软件也不是硬件，而是构造防火墙的人的思想。目前存在着许多类型的防火墙，每种都有各自的优缺点，最常见的一种上称为“网络层防火墙”的防火墙。网络层防火墙通常以路由器为基础，换句话说路由器决定“谁”和“什么”能访问你的网络。这种方案采用了一种所谓的“数据报过滤”技术，即检查到达路由器的外部数据报并作出选择的技术。

以路由器为基础的防火墙要对每个联结请求的源地址（即发出数据报的主机的IP地址）进行检查。确认了每个IP源地址后，防火墙构造者所制定的规则将被实施。基于路由器的防火墙有很快的速度，这是因为它被草草地检查一下源地址，没有发挥路由器的真正作用，并根本不判断地址是否是假的或伪装的。然而速度的加快是有代价的，基于路由器防火墙将源地址作为索引，这就意味着带有伪造源地址的数据报能在一定程度对你的服务器进行访问。

为了网站的安全，除了在Internet服务管理器的Web站点属性中设置好目录安全性外，还应该选择保护性好的防火软件，由于时间关系，我们本次使用的是网络保护神LockDown 2000，它能清除目前已知（553种）和未知的所有特洛伊木马、邮件病毒，防止网络炸弹攻击、在线检测和控制所有对本机的访问，还能跟踪入侵者，留下它的罪证。

LockDown2000是目前世界上针对Windows操作系统最有效、最完善的安全防护软件，它能非常智能化地追踪和识别未经允许的用户。LockDown2000可以使Internet用户免遭最老练黑客的攻击，阻止任何人闯入你的计算机，保护你的文件不被人偷看或删除。如果你要与他人共享你的资源，只须列出他们的地址，他们就可以访问你的计算机。LockDown2000的作用就像一道设在你计算机和Internet之间的防火墙，它会自动地为你实时查寻目前世界上的各种黑客程序。

如果你允许某些人访问你的计算机，LockDown2000会保存一份完整的记录并简要地报告联接到你计算机的用户的身份。通过反登录，详细地记载他们连接的时间和地址情况，以及十分详细地记录他们在你计算机里到底做了什么事情。

它的主要功能有：

1．能够完全关闭远程用户（很有可能这种用户就是黑客）对你计算机系统的访问；

2．实时监控和记录远程用户在你计算机里的活动情况；

3．自动追踪所有连接情况，记录黑客的IP地址、域名和计算机名称；

4．如果有人已经连接到了你的计算机或正在企图闯入，LockDown2000会用不同的声音发出警告。如果有人未经你的许可，就连接到你的计算机，它立刻会在屏幕上弹出警告窗口和实时监控窗口；

5．完全控制Internet或局域网的任何连接情况；

6．可以自动地任意断开与一个用户或所有用户的连接，这对于资源共享的计算机而言，是非常重要的；

7．能够记录以前连接到你的计算机的用户资料，能够限制与你计算机连接的数目；

8．如果你喜欢使用ICQ与外界联系，LockDown2000能够向黑客发送无效的文件包，从而使你的计算机免遭黑客的ICQ炸弹的攻击；

9．可以查出和中止偷偷运行在你限制的程序列表中的任何一个程序，这种程序很可能是一种不知名的黑客程序或病毒。

此外，LockDown2000还有易于安装、与其它程序不发生任何冲突的特点。

1、在IE60下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE60(或更低)无论你的网页多高都会有右侧的滚动条框。

2、在Firefox下，宽度的分率辨减。比如的宽度-19就变成

3、在Opear下，宽度的分率辨减。比如的宽度-23就变

注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点也方便做一些浮动层的设计

如果是800的分辨率一般都设成770。但也有设成760的

这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右

建网站的投入可是很大的。

首先是申请免费个人主页空间（当然也可以申请付费的，看你自己的情况了）。你可以在搜索引擎中以"免费资源"为关键字进行搜索，在找到的网页中查看免费个人主页部分，进入提供免费个人主页的网站之后，再按步骤完成申请表格。然后是编辑个人网页。如果你是初学者，建议你使用FrontPage，因为它是一个所见即所得的网页编辑软件，也是微软OFFICE的一个组件，使用起来和WORD有很多类似之处。最后是上传网页。请按提供个人主页空间服务的网站上的上传说明中的方法上传你编辑好的网页。经过这些步骤，你的个人主页就建立了

如何建立一个网站？

（信息来源：商翼网站策划 ）

一、引言

一个网站的整体规划和设计的好坏是它发展的重要之处， 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展，使人们认识到了Internet/Intranet的优势，更使得数据库与web的连接成为数据库开发方面的热门技术之一。

通常情况下，通过浏览器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”， 当浏览器通过互联网的HTTP（Hypertext Transport Protocol）协议向Web服务器请求提供网页时，服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码，最多再加上流行的GIF89A 格式的动态，比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容，就必须手动更新所有的HTML文档。静态网站的致命弱点就是不易维护。为了更新网页的内容， 网站维护者必须重复制作HTML文档，随着网站内容和信息量的日益扩增，可以想象这是多么复杂繁琐的工作。

那么，什么是动态网站呢？所谓“动态”，并不是指放在网页上的会动，动态页面应具有以下几个特点：

（一）交互性：即网页能根据客户的要求和选择而动态改变和响应，浏览器即作为客户端界面，这是今后Web发展的大势所趋。

（二）自动更新：即无需手动更新HTML文档， 就能自动生成新的页面，从而大大减少工作量。

（三）因时因人而变：即当不同的时间、不同的人访问同一网址时能产生不同的页面，这一点对于需要对使用者授权的网站尤其适用。

随着的Internet迅速发展，不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者)，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在积极寻求在Internet上发布信息，提供新型的网上管理和服务。可以说，网站设计和网站的编辑正成为新兴的热门行业。

二、网站的系统分析

（一）项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。

（二）客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的，以及他的网站建好后来干什么也是一无所知，为了客户能有明确的目的我们需要耐心说明，仔细分析，挖掘出客户潜在的，真正的需求。这样对大家都有好处，我们的宗旨应该是“客户明明白白，双方高高兴兴。”对客户和自己都是一种负责。

配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：正确性：每个功能必须清楚描写交付的功能；可行性：确保在当前的开发能力和系统环境下可以实现每个需求；必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；简明性：不要使用专业的网络术语；检测性：如果开发完毕，客户可以根据需求检测。

三、建设方案

（一）建站理念

(1)预早筹划

设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先 确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。

(2)尽量精简

主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难令他们深入观赏。

(3)尽量简朴

现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴， 避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试你的主页在稍差的条件下的传送速率，144千波特的调制解调器，或透过 Prodigy 等网上服务接驳万维网等。

此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。

(4)善用图像

用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。

(5)使主页易于漫游

主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。

此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、 使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。

假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。

(6)提网协领

主页—般须载有以下事项：

标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。

电子邮件地址 ,以便用户有问题时，可以通知你。

版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明，用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。

联络资料 ,列出通讯地址电话号码等。

(7)循环利用现有信息

制作主页时，通常都毋须从头做起，因为有许多现成的文字、图画等资料可供我们重用，例如宣传小册、公关文件、技术手册、资料库等。很多情况下，只要用少许功夫、就可把这些材料转到网页上使用。

(8)保持新鲜感

万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。

同样，为保持新鲜感，应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内，亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺，以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。

(9)贯彻诺言

做不到的事情，千万不要轻易承诺。切勿随便叫用户做出回应行动，例如要求用户填交订贷表格，除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。

(10)吸引用户浏览

既然绞尽脑汁把主页弄得美观实用，没有人来欣赏就太可惜了。为吸引所有网中人来浏览，必须使主页易于寻找。通知其他网站(例如题材相关的网站)，他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What's new”页面上。尽量将网址传播开去，使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。

在网站上，于每个页面设置“home”按键，方便用户随时返回主页。

万维网充满生命力、正在不断演进，所以一些现时适用的经验，将来未必合用。举例来说，将来家居用户有高速线路接驳Internet，就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长，页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体， 提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页，还须有精良的设备支持。网站服务器不断推陈出新，使建设网站的工作愈来愈容易。

（二）网站总体设计

在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时间；需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：网站的栏目和板块；网站的功能和相应的程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互性和用户友好设计。

在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：客户情况分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排，相互链接关系；使用软件，硬件和技术分析说明；开发时间进度表；宣传推广方案；维护方案；制作费用；本公司简介：成功作品，技术，人才说明等。当您的方案通过客户的认可，那么可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计。

（三）．网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的，例如，公告版BBS,聊天室，信息发布系统， 网上超市等都用ASP来实现人机交互功能的，其中也用到调用数据库的技术。

ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术，也是服务器端的脚本（Script）运行环境，使用该技术可以开发动态的、交互的Web应用程序。

（四）网站的制作规范探讨

(1)网站目录规范

目录建立的原则：以最少的层次提供最清晰简便的访问结构。

a根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放indexhtml和mainhtml文件，以及其他必须的系统文件；

b每个语言版本存放于独立的目录；

c每个主要功能(主菜单)建立一个相应的独立目录；

d当页面超过20页，每个目录下存放各自独立images目录，共用的放在根目录下的images目录下；

e所有的js文件存放在根目录下统一目录script；

f所有的CSS文件存放在各语言版本下的style目录

g所有的CGI程序存放在根目录并列目录cgi_bin目录

(2)文件命名规范

文件命名的原则：以最少的字母达到最容易理解的意义。

a索引文件统一使用indexhtml文件名(小写)。indexhtml文件统一作为“桥页”制作具体内容，仅仅作为跳转页和meta标签页。主内容页为mainhtm；

b菜单名称按菜单名的英语翻译为名称。例如：关于我们aboutus;信息反馈feedback 产 品product;所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；

c所有文件名字母间连线都为下划线;

d命名原则以英语字母为名,大小原则写同上;

ejs的命名原则以功能的英语单词为名。例如：广告条的js文件名为:adjs

f所有的CGI文件后缀为cgi。

(3)链接结构规范

链接结构的原则：用最少的链接，使得浏览最有效率。首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。

(4)尺寸规范

a页面标准按800600分辨率制作，实际尺寸为778434px;

b每个标准页面为A4幅面大小，即85X11英寸;

c大banner为46860px，小banner为8831px。

(5) 首页HEAD区规范

a公司版权注释

b网页显示字符集

简体中文：

繁体中文：

英 语：

c网页制作者信息

d网站简介

e搜索关键字

f网页的css规范

g网页标题

四、网站的设计制作

1整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格。

2开发制作

本次网站规划设计采用软件工程的设计方法，设计小组在系统分析和总体设计的基础上，将设计任务分解，分配到设计组的每个成员，各模块有设计组成员单独承担设计和调试，既有分工，又有协作，最后将各模块上载到服务器上，做链接和整体的调试。

3调试完善

各模块初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

网站建设实际上是一个不断充实和完善的过程，通过不断的发现问题，解决问题，修改，补充，使网站结构趋向合理，内容更加丰富，形式更富有感染力。

4宣传推广

刚刚建成的网站就好像一个新注册的电话号码，没有人会自动找上门来，这时你就需要适当地做一些网站推广工作了,这里有很多方法，例如：

a网页里设置适当的META标签；

b交换友情链接。这是个免费而高效的办法，就好比在别人商店打上你的广告，在你的商店打上别人的广告，这样一来当网友参观别人的网站时就知道你的网站了，如果你的广告做的好，他一多半都会参观你的网站，这是件无须开支、互利互惠的好事情，推荐使用。

c 在各大搜索网站（例如sohucom yahoocom）注册你的网站，这样当别人在搜索同类的信息时就会发现你的网站；

d备新闻稿件在各新闻公告板发表；

e合理使用Email邮件列表；

f付费广告，这个办法最有效了，但它是付费的；

g在论坛里贴条子。这个办法效率不高，也很累，有时也会被别人删除掉，所以不推荐。

另外还需要说明的是，请千万不要使用发垃圾邮件来推广个人主页，这样不但不会使别人喜欢你的网站，反而会引起别人的极度反感，这是一种不道德的行为。

至此，网站项目建设完毕。

5．维护

网站做好了是不是就打算一劳永逸呢？不是，如果网站做大的话，网站维护也是个艰巨的工作。当网站变得十分庞大时将会有不计其数的、网页文件等内容，如果它们有一个丢失或链接失败都会引起网页错误，想想我们做的多副如果少一副会是什么情景？所以我们一定要保证整个网站的“健康”和完整。为了使网站健康、完整，通常我们在做新网站之前，都应该在DW里建设一个“本地网站”，也就是自己电脑上的网站副本，这样才能有效减少网站错误，刚才我们制作网站时是先做网页后建网站，其实这种网站建设方法是错误的，正确的是先建网站后添加内容。另外就是要时常检查网站的链接是否有误，这里我们可以使用DW的SITE程序的SITE菜单中CHECK LINK SITEWIDE选项来检查网站中是否有断掉的链接，以便及时修复。

另外我们还应该科学地存放不同类型的文件，例如将网站中的都放在一个文件夹里，将网页放在另一个文件夹里。而且如果将来网站真的“肥沃”起来，我们甚至需要为每一个栏目建立一个文件夹，例如将有关MUSIC栏目的文件放在一个文件夹里，将PICTURES栏目的文件放在一个文件夹里，这样一来，会为我们的维护工作减少很多不必要的麻烦！

网站维护最后要说的就是网站的文件备份了，如果电脑发生了灾难，我们的网站就很可能要瘫痪了，所以时常备份网站文件也是很重要的。

网站成功推出后，长期的维护工作才刚刚开始，我们需要做到的是:及时响应客户反馈；例如可以采取Email自动回复功能，然后尽快解决问题，再次回复；网站流量统计分析和相应对策；尽量推广和使用您的网址；网站内容的及时更新和维护。

五、网站安全问题及对策

防火墙是阻止外面的人对你的网络进行访问的任何设备，此设备通常是软件和硬件和组合体，它通常根据一些规则来挑选想要或不想要的地址。

首先绝大多数简单的身份验证过程都是以IP地址为根据的。IP地址是Internet网上最普遍的身份索引，它有静态和动态之分。 静态IP地址即固定不变的IP地址；它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询命令得到；并且此类地址主要是Internet网上最高层的主机的IP地址，这些主机可以是域名服务器、Web服务器和“根”主机，并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被分配给Internet网中的第二和第三层主机（这些机器还有固定的物理地址），然而这些机器不一定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制分配给不同的上网主机的地址。ISP的拔号服务器中经常使用动态IP地址－－节点机每次拔号上网，都会被分配一个不同的IP地址。无论IP地址是静态还是动态的，它都被用于网络传输中。

防火墙最基本的构件既不是软件也不是硬件，而是构造防火墙的人的思想。目前存在着许多类型的防火墙，每种都有各自的优缺点，最常见的一种上称为“网络层防火墙”的防火墙。网络层防火墙通常以路由器为基础，换句话说路由器决定“谁”和“什么”能访问你的网络。这种方案采用了一种所谓的“数据报过滤”技术，即检查到达路由器的外部数据报并作出选择的技术。

以路由器为基础的防火墙要对每个联结请求的源地址（即发出数据报的主机的IP地址）进行检查。确认了每个IP源地址后，防火墙构造者所制定的规则将被实施。基于路由器的防火墙有很快的速度，这是因为它被草草地检查一下源地址，没有发挥路由器的真正作用，并根本不判断地址是否是假的或伪装的。然而速度的加快是有代价的，基于路由器防火墙将源地址作为索引，这就意味着带有伪造源地址的数据报能在一定程度对你的服务器进行访问。

为了网站的安全，除了在Internet服务管理器的Web站点属性中设置好目录安全性外，还应该选择保护性好的防火软件，由于时间关系，我们本次使用的是网络保护神LockDown 2000，它能清除目前已知（553种）和未知的所有特洛伊木马、邮件病毒，防止网络炸弹攻击、在线检测和控制所有对本机的访问，还能跟踪入侵者，留下它的罪证。

LockDown2000是目前世界上针对Windows操作系统最有效、最完善的安全防护软件，它能非常智能化地追踪和识别未经允许的用户。LockDown2000可以使Internet用户免遭最老练黑客的攻击，阻止任何人闯入你的计算机，保护你的文件不被人偷看或删除。如果你要与他人共享你的资源，只须列出他们的地址，他们就可以访问你的计算机。LockDown2000的作用就像一道设在你计算机和Internet之间的防火墙，它会自动地为你实时查寻目前世界上的各种黑客程序。

如果你允许某些人访问你的计算机，LockDown2000会保存一份完整的记录并简要地报告联接到你计算机的用户的身份。通过反登录，详细地记载他们连接的时间和地址情况，以及十分详细地记录他们在你计算机里到底做了什么事情。

它的主要功能有：

1．能够完全关闭远程用户（很有可能这种用户就是黑客）对你计算机系统的访问；

2．实时监控和记录远程用户在你计算机里的活动情况；

3．自动追踪所有连接情况，记录黑客的IP地址、域名和计算机名称；

4．如果有人已经连接到了你的计算机或正在企图闯入，LockDown2000会用不同的声音发出警告。如果有人未经你的许可，就连接到你的计算机，它立刻会在屏幕上弹出警告窗口和实时监控窗口；

5．完全控制Internet或局域网的任何连接情况；

6．可以自动地任意断开与一个用户或所有用户的连接，这对于资源共享的计算机而言，是非常重要的；

7．能够记录以前连接到你的计算机的用户资料，能够限制与你计算机连接的数目；

8．如果你喜欢使用ICQ与外界联系，LockDown2000能够向黑客发送无效的文件包，从而使你的计算机免遭黑客的ICQ炸弹的攻击；

9．可以查出和中止偷偷运行在你限制的程序列表中的任何一个程序，这种程序很可能是一种不知名的黑客程序或病毒。

此外，LockDown2000还有易于安装、与其它程序不发生任何冲突的特点。

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用Dreamweaver60中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。推荐一个教程地址，有空可以去看看，http://wwwgoewaycom/WEB/INDEXASP

三、制作

开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

四

一、首先确定你要制作的网页的主题，就是你建这个网站的内容是什么（注：网站和网页的关系与区别就好比一本书和其中的一个页面的关系）；

二、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；

三、选择制作网页的工具软件，常见的有dreamweaver和office组件里面的frontpage，如果你是初学者，哪我建议你使用frongpage,因为这个软件的入门比较简单（当然功能也很强大），如果你会使用word的话，哪就可以很快作出网页的，如何你想作专业的网页制作人员，哪我建议你使用dreamweaver，目前的版本是XM，我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾代码，并且支持各种代码的性能很好，基本上各种代码可以直接编辑。

四、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP账号，这个需要申请）。

五、找到发布空间以后，你需要把自己的网页上传到你的发布空间，这个需要一个上传软件，我推荐使用ACEFTP，这个软件体积小，速度快，注意我发现这个软件的20中文版不能够正确使用，我建议使用131版。

六、制作网页需要的其他相关软件：ACDSEE,这个是查看的最好软件，也可以对作简单的处理，目前的版本是40，网上很多地方可以下载；另外如果你对需要复杂处理的话，哪最好选择使用PHOTOSHOP，目前的版本是70，也有中文补丁，使用起来很方便，当然，这个软件的学习使用相对是比较难点的。

7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的兼容性。

8、在用制作热区链接时，最好给热区命名，防止有时只能在上画出直线。

9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。

10、如果对一张不满意，想更换另一张，最简单的方法双击此，直接选择要替换的即可。

11、在预览网页之前最好先保存一下，有时候在不能正确预览网页，而存一下就可能会解决这个问题。

12、如果你的页面中使用了CSS或是Java Applet，最好不要使用“file->convert->30 browser compatible”命令，因为这一选择会把所有30 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么，具体发生了那些变化。而且要提醒你，对一批页面执行此操作时，一定要先备份，否则可没地方买后悔药。

五---资源

1 水晶情缘--网页特效专家 2006 情人节特别版

这个软件是专为那些想在网上安家而苦于制作网页特效源

wwwskycncom/soft/14150html

2 网建博士 101

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

wwwonlinedownnet/soft/7597htm

3 网页背景选择器 251

当您制作网页时，您是否为了在大量素材中选一张背景，每每都要用看图软件查看--修改网

wwwonlinedownnet/soft/11406htm

4 Animagic GIF Animator 122

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

wwwonlinedownnet/soft/4904htm

5 Animagic GIF Animator 122 汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

wwwonlinedownnet/soft/6612htm

6 Macromedia Authorware V70

先进丰富的视音频、可视媒体集成制作解决方案，可用于制作网页和在线学习应用软件

download21cncom/listphpid=31900

7 Picture2Web 231

用来制作网页电子相簿的好工具

downloadpchomenet/design/homepage/9539html

8 SCP Button Magic 40

专门制作网页广告横幅和按钮的软件

downloadpchomenet/design/webpic/2138html

9 Animagic GIF Animator V122

一个很好用的制作网页动画的软件，它提供了六种特效，

wwwskycncom/soft/2406html

10 Magic Gallery 45

一款制作网页照片集以及其缩略图的软件

downloadpchomenet/design/homepage/17444html

11 Animagic GIF Animator 122

一个很好用的制作网页动画的软件

downloadpchomenet/design/animation/633html

12 Banner Maker Pro V4001 汉化版

是一套制作网页横幅广告及按钮软件。特点包含：可以调

wwwskycncom/soft/2507html

13 Banner Maker Pro V606

是一套制作网页横幅广告及按钮软件。特点包含：可以调

wwwskycncom/soft/2506html

14 Animagic GIF Animator V122 汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，

wwwskycncom/soft/2407html

15 Mapedit 316

制作网页Image Maps的工具

downloadpchomenet/development/html/13659html

16 Banner Maker Pro 606

是一套制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

wwwonlinedownnet/soft/9507htm

17 GIF Dispenser 10

是一个快速制作网页动态GIF的好工具

downloadpchomenet/design/animation/923html

18 自助建站专家 50

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

wwwonlinedownnet/soft/13044htm

19 酷网宝典(CoolWEB) 20

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果：特殊层效果，动态

wwwonlinedownnet/soft/6658htm

20 下雨天网页特效王 RD20

制作网页的好帮手,大量的特效代码

downloadpchomenet/development/html/17686html

21 Macromedia Contribute 311

Macromedia出品的全新概念网页设计工具，可以将网页编写程序化繁为简,制作网页,现在就

wwwonlinedownnet/soft/20135htm

22 酷网宝典(CoolWEB) V20

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作

wwwskycncom/soft/10742html

23 Button Magic V40

专门制作网页广告横幅和按钮的软件，可存成 BMP、JPG

wwwskycncom/soft/2508html

24 Liatro Button Maker V22

Liatro Button Maker 是一套专门制作网页按钮的绘图软

wwwskycncom/soft/8697html

25 Mapedit V316

制作网页Image Maps的工具，小巧、使用方便。

wwwskycncom/soft/7725html

26 网建博士 V101

不懂制作网页的专门技术，不懂网页编程技术，不需要任

wwwskycncom/soft/9476html

27 GIF Dispenser 10

是一个快速制作网页动态GIF的好工具，使用者只要移动操作视窗上的浮标组，来调整

wwwonlinedownnet/soft/14222htm

28 Reptile V30

所视即所得的背景制作软件，制作网页背景再也不需要求

wwwskycncom/soft/2541html

29 GIF Dispenser V10

是一个快速制作网页动态 GIF 的好工具，使用者只要

wwwskycncom/soft/2417html

30 网建博士 V101

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要

download21cncom/listphpid=24329

31 MapEdit V305 汉化版

制作网页Image Maps的工具，小巧、使用方便。 本

wwwskycncom/soft/16664html

32 网页特效王 Beta 1

制作网页特效的得力助手,正在进一步开发中

wwwonlinedownnet/soft/24073htm

33 MapEdit 316

小巧但是使用方便的制作网页ImageMaps的工具!

wwwonlinedownnet/soft/9690htm

34 Picture2Web V231

Picture2Web 是一个用来制作网页电子相簿的好工具。它

wwwskycncom/soft/6878html

35 Banner Maker Pro V601

制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、

download21cncom/listphpid=10850

36 Button Magic 40

专门制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。

wwwonlinedownnet/soft/8830htm

37 Magic Gallery 4513

MagicGallery是一款制作网页照片集以及其缩略图的软件，可以方便的调节尺寸。

wwwonlinedownnet/soft/22860htm

38 Magic Gallery V4513

Magic Gallery 是一款制作网页照片集以及其缩略图的软

wwwskycncom/soft/16474html

39 下雨天网页特效王 RD20

制作网页和好帮手，该软件包含了大量的javascript特效和vbscript特效。你只需简单

download21cncom/listphpid=42907

40 BSCOutline Tutorial V510