中文博客赚钱

要领一：确定网站主题

做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材:第1类:网上求职;第2类:网上聊天/即时信息/ICQ;第3类:网上社区 /讨论/邮件列表;第4类:计算机技术;第5类:网页/网站开发;第6类:娱乐网站;第7类:旅行;第8类:参考/资讯;第9类:家庭/教育;第10类: 生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色;二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。

对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住:在互联网上只有第一，没有第二!

要领二：选择好域名

域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将柯淇铡。

目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时” 开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。

要领三：掌握建网工具

网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，下面是几款具有代表性的网页制作器:

(1)HTML 编辑器。虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范，使用较为普遍的有Hotdog等专业HTML编辑器。

(2) 所见即所得的网页编辑器。其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。

(3)现在非常流行的 Macromedia公司出品的Flash互动网页制作工具。这是是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。

另外，个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javas cript、VBs cript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。

当然，互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成，既浪费时间又浪费金钱，而且还需要强大的图形、图片制作技术。所以，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。

要领四：确定网站界面

界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点:

①栏目与板块编排

构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是:确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。

网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是:

●尽可能删除那些与主题无关的栏目;

●尽可能将网站内最有价值的内容列在栏目上;

●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询;辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。

另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子:ENET硅谷动力(www.enet.com.cn)的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意:

●各板块要有相对独立性;

●各板块要有相互关联;

●各板块的内容要围绕站点主题;

②目录结构与链接结构

网站的目录是指建立网站时创建的目录。例如:在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如:

●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成:文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率;上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。

●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如:网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如:CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。

●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。

其它需要注意的还有:目录的层次不要太深，不要超过3层;不要使用中文目录，使用中文目录可能对网址的正确显示造成困难;不要使用过长的目录，太长的目录名不便于记忆;尽量使用意义明确的目录，以便于记忆和管理。

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说:每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。一般的，建立网站的链接结构有两种基本方式:

●树状链接结构(一对一)，这类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确知道自己在什么位置，不会“不知身在何处”，但是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须回到首页再进行。

●星状链接结构(一对多)，类似网络服务器的链接，每个页面相互之间都建立有链接。这样浏览比较方便，随时可以到达自己喜欢的页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。

因此，在实际的网站设计中，总是将这两种结构混合起来使用。网站希望浏览者既可以方便快速地达到自己需要的页面，又可以清晰地知道自己的位置。所以，最好的办法是:首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。关于链接结构的设计，在实际的网页制作中是非常重要一环，采用什么样的链接结构直接影响到版面的布局。

③进行形象设计

网站的设计可以从以下几点出发:

●设计网站标志 (LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

●设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色，黄/橙色，黑/灰/白色三大系列色。

●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。

●设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。

要领五：确定网站风格

“ 风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志，色彩，字体，标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。

风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的，还是清新秀丽的;是温文儒雅的，还是执著热情的;是活泼易变的，还是墨守成规的。

总之，有风格的网站与普通网站的区别在于:在普通网站上你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量多少，浏览速度快慢等;在有风格的网站上你可以获得除内容之外的更感性的认识，比如站点的品位，对浏览者的态度等。

在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。总之，风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

要领六：有创意的内容选择

好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王(Content Is King)依然是个人网站成功的关键。

要领七：推广自己的网站

网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容:网站信息内容丰富、准确、及时;网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式:

(1)搜索引擎注册与搜索目录登录技巧

注册著名的搜索引擎站点是在技术上推广网站的第一步。注册搜索引擎有一定的技巧，像AltaVista、搜索客这样的搜索引擎，它自动收录提交的网址。另外，注意Meta的使用，不要提交分栏Frame页面，大部分搜索引擎不识别Frame，所以一定要提交有内容的Main页面。

而像 Yahoo、搜狐等搜索目录网站采用手工方式收录网址，以保证收录网站的质量，在分类查询时获得的信息相关性比搜索引擎站点(靠Spider自动搜索的) 更强。由于搜索目录网站收录网站的人为因素相对较多，因此在提交网站时要注意遵守规则。如Yahoo要求注册站点描述不超过25个单词。在此要注意:将网址提交到最合适的目录下面，要认真详细的介绍网站，千万不要有虚假、夸张的成分。

(2)广告交换技巧

很多个人站点在相互广告交换时都提出了几个条件:第一，访问量相当;第二，首页交换。显而易见，这种做法是为了充分利用广告交换。以很多个人网站的经验，当与一个个人站点交换链接时，对方把网站的LOGO放到了友情连接一页，而不是首页时，很少有访客会来自那里。通常在首页，广告交换才会有很好的效果。

(3)目标电子邮件推广

使用电子邮件宣传网址时，主要有如下技巧:可以使用免费邮件列表来进行，只要你申请了免费邮件列表服务，你就可以利用邮件列表来推广你的网站;可以通过收集的特定邮件地址，来发送信息到特定的网络群体，在特定网络群体中推广自己的网站;发送HTML格式的邮件，即使其内容与接收者关系不大，也不会被被当作垃圾信件马上删掉，人们至少会留意一下发送者的地址。不过，在进行邮件推广的时候要注意网络道德。

要领八：支撑网站日常运行

当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道:

(1)销售网站的广告位

要销售网站的广告位，一般来说，每日的流量少于1万人次的网站在目前是不会吸引广告主的。网站的专业性及商用性，以往的广告经验，技术以及设计要求等也会影响到广告的销售。

一般来说，WEB广告的收费有三种方式:

①CPM (Cost Per Million/Thousand)

放一个广告，它按每1,000人次来访问站点收费。这方法对网站经营者最为合适，只要有人浏览该网页，就得钱，不管访问者对广告有无反应——是否会看或点击该广告。

②点透(Click-through)

通过Banner广告点到了广告商的站点，这才算数，广告商青睐这个，他只为对自己广告感兴趣的人“套钱“。网站经营者就不合适了，据一些调查资料表明，只有3%的访问者会去“CLICK”广告。

③提成 (Commission)

根据访问者点击位于你站点上广告所带来的销售收入，从中跟做广告的厂商分成，这种方法对于网站的经营者来说，比上面两个都更加冒险。

通常的，个人网站的广告收费方法往往是第一、第二种方法的结合，站点和广告商都可少冒点险。

(2)与大型网站合作

另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。

有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。

失败的网站或许各有原因，但是成功的网站却有着相似的策划理念，如何做一个成功的网站，就必须借鉴其他网站的成功经验，以下这4条网站策划的原则，是一个网站成功的必备前提。

一、“KISS”法则：简单朴素、大气直观的网站风格!

你 听说过“KISS”法则吗?“Keep It Simple Silly”，这条法则适用于所有的站点。一个好的网站，需要最直观的告诉网友，上这个网站有什么价值?是否能得到所需的?网站策划很容易掉入这样一个陷 阱，即把所有可能用到的网页技巧，例如：框架、表格、字体、GIF动画等等都用上，但是这些集中在一个页面上，往往给人的印象是凌乱。

我们更倾向的一个理念是：清晰的设计+有效的技术=一个好的站点，保持简单的真正含义就是：想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。

二、了解你的用户，不让“上帝”的等待超过三十秒!

大家应该知道互联网用户的一条法则：当用户在等待超过10秒，则基本对这个网站失去第一好感，如果超过24秒，用户则会关闭网页，所以，即时你的网站策划特牛，也不应该让你网站的打开时间超过30秒。如果超过了这个时间，你就一定会失去你的“上帝”了。

另外，一个好站点的定义：通过典雅的风格设计提供给潜在读者高质量的信息。确保你的页面设计规划清晰明了，让访问者只需快速的扫视就能把握你的网站导航，知道自己“下一步”该选择的项目。

你越了解你的用户，你的网站影响力就会越大。他们希望听到音乐片断吗?你就要想想网页上的音乐格式。你的用户是纺织工人?那么血红色和黑色最好不要选择;或者他们是骨灰级游戏玩家?你就要避免用柔和的颜色和图案了。

对网站制作者来说，用户就是上帝，讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想，当你在访问一个网站时，点击……点击……点击……再点击……再……才找到你想要的信息，或者还没找到，你会怎么想呢?

三、熟悉互联网10大赚钱模式，并确定自己的模式

假 如你，表象上在进行一次赚钱的冒险，但又没有考虑清楚自己的网站该如何赚钱，那么，可以明确的告诉你：它将不会赚到钱。所以在网站建立之初，就必须要有清 晰的盈利模式，现在互联网上，网站的盈利模式主要有十类：1、在线广告，2、彩铃彩信下载、短信发送、电子杂志订阅等电信增值形式，3、通过网站销售产 品，4、注册会员收费，提供与免费会员差异化的服务，5、网络游戏运营，虚拟装备和道具买卖，6、搜索竞排、产品招商、分类网址和信息整合，付费推荐和抽 成盈利，7、广告中介，8、企业信息化服务，9、web2.0网站被巨头收购，10、骗人的把戏。

以上这10条是常见的互联网赚钱模式， 但是各自的网站应根据自己的特色寻找对应的盈利模式。如果是找一些平台与联盟，比如是电子商务，广告联盟等，则应该找如百度、google等的大公司;如 果是是网页游戏平台，则可以找泡泡玩网页游戏平台POPWAN等，这些都是经过认可的，较为实用的盈利方式。

四、网站内容：做好五个“手指”，三个“平衡”!

五个手指，是指一个人的直观记忆力只针对五个以内的类目，如果超过五个，则会觉得没有安全感。一般人的大脑把五个或更少的项目看作一组，但是当所面对的项目超过五个，它就必须把他们划分成较小的次组来处理，

所 以说，保持你的选择项归类在五组或五组以内就变得很有意义了。你的访问者能够快速的找到自己想选择的项目。对一个好的网站来说，清晰的导航也是最起码的标 准。应该让访问者知道自己当时在网站中的位置，并且愉快的通过你的指引而遍览你的网站。例如，你可以做到的一件事情就是：“下一步”的选择数目尽量少，以 便人们不会迷失在长长的选择项目列表中。

另外，平衡是一个好网站设计的重要部分。网站内容的设计，要做到以下三个方面的平衡。

文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站，你需要用直觉和审美观来作判断，以便其中的一个不会淹没另外一个。

下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面，但你也必须平衡你的页面内容，因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗?

背景和前景之间的平衡。我们能在白纸上画出美丽的图案，网页上，如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。

以上四点，是一个成功的网站策划所必须谨记的，如果能够在网站策划之初就做到以上四点，就是一个有强劲盈利能力的网站。

时下的互联网上网站多如牛毛，网站都在千方百计进行优化，进行推广。对于一个行业来说，行业类型的网站要达到门户级，就必须要在这个行业中有一定的 影响力，包括网站上的新闻动态，产品行情，都应该能够左右市场走向，为市场提供分析的权威资讯。那么，我们该如何提升行业网站的影响力？让我们以家居网为 例，来学习一下。

如果说网站有了相当的流量，那还是不够的，一个优秀的行业网站，更多是靠其内在的影响力。一个成功的行业网站不是指其访问流量多大，而是指拥有一大 批这个行业的追随者和忠实网友，并且在这个行业群体取得了广泛的认可。网站的影响力日渐成为衡量成功的行业网站的重要标识。提升行业网站的影响力，应该从 以下几个方面入手。

1．做行业资讯的先行者

行业资讯做为行业信息传播的载体，最需要的是及时性与有效性。在第一时间，让行业内的人都知道。因为行业资讯是了解行业动态的重要参考，所以，应该 主动提高行业资讯的发布质量，组织专门队伍，及时提供最新的行业资讯新闻，提高行业资讯新闻效率，从而获得广泛的新闻资讯影响力。

2．做行业技术与经验的提供者

任一行业都有其行业内的经验与技术，拥有良好的行业背景和优秀的从业经验，会积累很多相关经验与技术，这对于网站从事经验与技术的传播会有很大帮 助。可以找到这样懂技术的专业人士来负责网站这部分的管理，直接与网友沟通，解决他们的疑惑和问题。使网站拥有良好的行业内的人际关系和声望，从而提升行 业网站影响力。

3．行业最新产品行情的来源地

以家居网为例，家居网的逐渐发展壮大，已经是家居行业新产品的发布地，通过家居网能够直接了解掌握家居产品的行情与市场走向。网站内的行情走向会吸 引具有同类价值取向的人凝聚于网站，增加对组织的认同感和归属感；同时，网站的有关家居行业的分析报告还会潜移默化地影响组织成员，成为组织行业的市场走 向标准。按照总裁张福新的话来说：具备领导市场行情走向的行业网站价值的一个重要体现，在于使行业成员对其产生认同的心态，网站影响力无疑会得到提高。

4．行业协会与组织的活动地

良好的协会组织能力是网站影响力提升的桥梁，在网站发展的同时，一方面广泛传播了网站的影响力，另一方面也传播着相关行业组织协会的影响力。通过行 业协会组织，促成行业协会内成员的沟通，使网站能够更加准确地了解信息，预防一些行业弊端，及时了解协会动态，使网站具有良好的合作氛围和渠道，促进网站 的良性发展。协会组织在增加网权威的同时，也提升了网站的影响力。不仅如此，网站与协会互动本身就是影响力的一个很好体现。网站在与协会成员平等交流，网 站与协会成员定期进行互动活动，增强了行业协会成员的参与感和认同感，从而进一步增强了网站的持续影响力。

总之，行业网站的影响力作用是不可低估的，要提升行业网站的影响力，必须要从全方位加以分析考虑，采取有效方案，使网站更加深入人心，成为行业网站中的佼佼者。（家居网）

在过去的几个月里，总是接二连三的有文章针对网站改版发表评论，诸如说：“好 ”，“差 ”，“丑陋 ”之类的。因为我们在Adaptive Path参与了好几个网站的改版，所以我格外关注这些文章。作为市场工作人员，我有时会和客户一起来对一个网站进行改版，因此，我特别关注那些指导改版的 通告，准备及跟进的方 法。提前将信息发给那些可能受影响的用户，同时开通接收反馈信息的通道，被认为是改版发布之前很重要的工作，但事实上经常收效甚微。因为发布改版要处理各 种各样的事情，压力巨大，以致用户测试和发布计划总是会有疏漏。在项目规划初期，发布的计划和策略常常被忽视或小看。我想通过对发布策略深入分析来提醒大 家认识到计划的重要性。在此，我列出3个方法来帮助你计划你的下一次发布。

合理改版的价值所在

很多人并不喜欢改变，因此，改版必定是件冒点风险的事情。只知一味的出钱，出时间，你将会看到钱和时间都被浪费在执行改版的过程中但却收效很差(更 不用提期间遇到的麻烦事)，你会发现，执行之前在计划上做点投资是很有意义的。俗话说， “磨刀不误砍柴工” 。换言之，在事前计划上下工夫比在事后改进上下工夫更重要。

制定一个合理的计划并贯彻到底，这一小铺垫能让整个结果全然不同。你努力尝试创造最出色的改版方案，并希望它在发布时能毫不走样。(如果结果不像预 期的那样)你整个团队的成就感也就会受到影响，因为他们的成果将被那些无法预见的批评洪潮所冲毁。 批评声是在意料之中的，你如何去应对它们就决定了你的团队最终是否被认可。很重要的一点是：你必须从长远的角度去考虑改版，你需要去计划如何应对可能发生 的情况，并投入额外的精力以应对用户的第一反应所掀起的浪潮。如果一切进行的顺利，那你就能开香槟庆祝了!

最终，改版的成效会在商业绩效中体现出来。许多公司对比改版前后的用户流失/转换率来跟踪随着改版所产生的用户流失和转换情况。

3要(达到目标的方法)

准备的充分程度取决于改版的重要程度。大规模的改版经常会向网站社区传递错误的信息，因为它们很难随时获取用户的反馈。它们很少在网站原有的交互设 计基础上进行改版，可能导致现有的结构崩溃，还往往会引发更大的问题。换句话说，我希望在可能的前提下采取轻量级的措施，因为这使你能够让改版循序渐进， 以保持你们和网站社区的紧密联系。

这里有3种典型的方式供你在进行改版时参考：

慢热法：

这很类似于“早发现，勤改进”的方法，包括从各种迹象中发现线索，这样你就可以顺藤摸瓜找出关键问题。

舆论效果：由于你可以与用户在一系列交流的基础上形成对话，因此有助于与用户建立沟通关系。这种方法在传统媒体形式上最为奏效，撰稿人为了写一个长 篇故事往往需要长期访谈以收集资料。如果你有一个很好的理由，你还可以用这种方法来获取独家信息。显然，可以通过很多你自己的渠道来获取独家消息，只要遵 守你与用户之间的承诺。

实施：改版可以按照时间倒计的方式一点点发布，在此之前明确预告你的网站用户。即便改版的力度很小，你也要提前通告以防他们反应过激。宣扬改版中的成功，粉饰不出彩的部分。

测试法：

这一方法能和“慢热法”相结合，抑或先行实施，而且往往要让现有的用户参与进来。

舆论效果：这种方法的好处是及时让你网站的志愿用户参与进来，以便在这一环节就能产生反馈。好消息是，志愿用户往往会比较乐于接受网站的改版，也就 是说这 会得到比较多正面的反馈。同时，因为是测试版，即使有不足人们也不太会觉得是个什么大不了的问题(但也有例外，因为不同的网站，对于什么是测试版解释也不 同)。如果他们对测试版没有什么过激的反应，那你们就可以大规模的将用户迁移到改版后的网站上了。这样，就不太容易捅出什么大篓子。

实施：当让你网站的志愿用户试用测试版的同时，就应该考虑从中获得一些有用的反馈。它可以帮助你收集最有用的反馈，包括对策和/或说明。当你做一个网站时，有这样一个忠实的智囊团是很重要的。

上线：

很多人将它看作为发布，可我认为它只是发布的一种戏剧性的表示方式。虽然这并不是什么秘诀，但这种做法要求你在改版时不透露消息以积攒爆发力。以致 在上线后能非常有效的引发评论，加速哗变。这种方式特别适用于提供各个独立的服务或内容的网站，你的用户群体可以接受这种改变。尽管这种方法我们还没有用 在改版发布或新网站发布上，而只用在了 Aurora Concept Video 的发布上。

舆论效果：在这种情况下更容易爆出独家新闻，特别是在你和媒体已经有一个良好合作关系的情况下有的放矢。封锁消息可能是必需的，但小心一旦“泄露” ，可能损害你与媒体之间的关系。显然，服务的知名度越大，这种方法的效果就越好。

实施：倒计时的办法在这种情况下行之有效，但在你还没有做任何市场调研或产品测试的前提下务必做好面对糟糕的结局心理准备。这个方法有一定风险，但 如果你计划周详，他的确能摆脱一些障碍。回想一下Firefox 3的发布导致了他们的服务瘫痪，但仍然创造了一项世界纪录，迎来了胜利的曙光。

3不要(以及一些注意事项)

我引用了一些例子介绍拥有活跃社区的公司由于改版页面或网站总会受到影响。今年的早些时候，Adaptive Path参与改版的就是这样一个拥有活跃社区的网站───Myspace。当一个网站拥有社区，你总能发现在改版之际网站会提供社区用户一些试用的机会。 在听取这些用户意见的同时有一些事项是必须要注意的：

记住，这些用户是自愿参与的用户，他们并不能代表网站的所有用户。

事实上，因为这些用户总是十分热心地参与，所以他们往往会提供比较正面的反馈。

将这些反馈信息公布出来，以便所有参与或未参与试用的用户都能看到。

采取某种方式确保所有反馈都能被确认并给与合理的答复。

收集常见问题并通过简洁明了的方式给以答复，以体现你网站的品牌形象的一致性。

要有耐心，直到新出现的问题越来越少。

但要注意!你很可能在听取了所有反馈之后，发现无法在它们中间找平衡，在改版的过程中一再纠结。或许Facebook将以上这些问题都解决的很好， 甚至还 进行了大规模的测试以确保改版的结果是切实可行的。让我们假设改版对所有社区用户来说都是有利的。但是仍然很难避免这样的问题，当用户有一天登录 Facebook页面时，发现所有东西都变了。

有时候，改版本身对此无能为力。那我们该如何应对?

不要变的太快：避免突然性地从小规模改版测试转变到大规模的全站改版。光是在页面顶端有一个提示栏招募用户参与测试版是不够的。给用户充足的时间让 他们意识到改版的进程。有些人每天都登录网站，而有些人则只是一个月登录一次甚至更少。这意味着可能需要一段时间的让他们获知这些信息。

不要等到出现质疑声才出来解释你们在做什么：切记在第一时间让你的用户知道你们这样做的目的。我建议将这些信息以倒计时的方式发布出来。不见得是字面意义上上的倒计时，尽管那样也行。我指的是对信息有一个计划，以保证通过网站本身的发布渠道或其他媒体让这些信息深入人心。

不要面面俱到：调配好你手头的资源，确保将它们用在最有可能出彩的地方，而且一旦决定就要坚决执行。较小的改动是不太可能引起轰动的，所以不要总在那些小地方着力。

在改版的过程中存在很多的方法和误区，但愿这些你都已经想到。通常情况下，一个最需要考虑的因素是最终用户────他们的体验如何，以及你如何能使他们获得最佳体验?

(作者：Roland Smart 翻译：莲子 )

从2004年开始，我开始进入雅虎的异常表现小组。我们是一个很小的队伍，专门针对雅虎的产品进行质量检测和改进，我作为一个后端工程师，现在却开 始捣鼓前端代码优化方面的工程，所以我认为这是一个极好的进步的机会。我的目标是改进用户端体验，我度量了在各个带宽下浏览器的响应时间，得出如下的一个 图表，它展示了来自http://yahoo.com的http的流量。

以上图标的第一个标签就是html，是一个html文档最开始加载的东东，在这个例子中，读取html代码只占了整个响应时间中的5%，这个结果适 用于绝大多数网站，在采样美国的前十位网站中，只有一家超过5%但少于20%，其余80%的时间是用来读取网页其他内容的，也就是说，前端（原文是 front-end，意思就是不包括html代码的其余内容，可以是图片，脚本，flash，视频，各种东西）。这就是为什么我们要把目光集中在这些东西 来提高显示速度的关键原因。

为什么要从前端开始着手有三个主要原因：

1. 这里有提升和改进的潜力。如果能减少一半的体积，就能减少40%的响应时间
2. 改进前端比改进后端需要的时间和资源更少。（改进后端要重新设计应用程序规划，代码，寻找优化代码的方法，添加或改变硬件配置，分布式数据库，等等）
3. 前端的改进在我们的工作中已经被证实，我们在yahoo有五十个小组，在我们的最佳表现规则下，提高了他们的用户端响应时间达到25%或更高。

我们的黄金规则是：首先优化前端表现，这些东西耗费了用户端响应时间中的80%。

1.减少http请求数

图片，css，script，flash，等等这些都会增加http请求数，减少这些元素的数量能减少响应时间。

CSS Sprites技术能减少图片的请求数，把零散的小图片放到一起，运用background-position来改变背景图片的位置，前提是html元素事先定义好宽高，其实就像一个遮罩，移动背景就会看到不同的景象。

内嵌图像  用data:URL scheme的方式把图片内容代码直接嵌入html代码中，这样会增大html代码的体积，改进的方式是把内嵌图片嵌入到css中（css被缓存），这样就会更好的减少http请求数而且不增大html的体积。

很多用户都是在空缓存的情况下进入你的网站的，这样第一次的速度就会显得很重要。

第一条规则是最重要的一条规则。

2.运用cdn技术

见： http://hi.baidu.com/axne/blog/item/258e23ade2d76f0a4b36d6d1.html

3.加一个长时间过期的头部

Expires: Thu, 15 Apr 2010 20:00:00 GMT
浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。
不过这样会带来一个问题，就是如果页面里的东西变动的话就要改名字了，否则用户端不会主动刷新，在yahoo工作组用的是版本号，例如yahoo_2.0.6.js

4.Gzip压缩

Gzip是现在最流行和最有效的压缩方式，她是GNU开发的，RFC1952标准化。
（Gzip是在服务器端压缩图片，css，脚本等，传送到用户端的浏览器再解压，这样可以提高传输速度，不过对服务器的压力会增大，一般选择部分元素压缩比较合适。）

5.把样式表放到顶部

我们发现把css放到文档头部会让网页加载得更快。因为这样可以让页面逐渐加载。
把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。这样还会导致“flash of unstyled content” 即在样式表加载之前页面内容是以没有样式的形式显示出来的，待加载完样式后，页面重绘，内容一闪即改变了样式表现。

6.把脚本放到底部

把脚本放到尽可能底部的地方，一个原因是让页面逐渐渲染，另一个是实现更好的并行下载。

对于脚本，脚本以下的内容被阻止逐渐加载了，因为只有当下载完脚本以后才会下载下面的内容，第二个脚本引起的问题是阻止平行下载。 "http/1.1 specification"建议浏览器对一个域名， 同一时间下载数不超过2个（按：实际监测发现一般有超过2个），我曾经让ie并行下载100个图片。 当脚本正在下载的时候，浏览器不会开始下载任何东西。

7.避免css expressions

css expressions 是一个有力（和危险）的方式动态的改变css的属性。他们自ie5就开始被支持，举个例子，用css expression可以让背景色每个小时轮换一次。但是被非ie浏览器忽略的。

background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );

expressions的问题就在与它的计算频率绝对超出我们的想象，甚至当我们移动鼠标，都会引起页面的重绘！

下面是举例页面

减少css expressions计算次数的一个方法就是使用一次性的expressions。 当第一次expression计算出一个明确的值，就让样式等于这个值，不再变动。如果样式的属性一定要动态的改变，就用时间句柄吧！

8.让脚本和样式外延

Javascript和CSS应该是外部调用还是内嵌呢？
用外部调用文件的方式更快，因为他们是可以被缓存的，如果是内嵌在页面中他们就无法被缓存了！想想如果用户要在你的网站看很多很多的页面，如果都是使用同一个外部脚本和样式，那么他们一旦被缓存，就再也不需要下载了，这样会给你带来很大的潜在好处。

9.减少DNS查询

10.减小脚本体积

有两个比较流行的工具是用来减小脚本的体积的–JSMin和YUI Compressor
（按：这个压缩和Gzip压缩是不一样的，Gzip是传输压缩，这个是代码压缩）

11.避免重定向

重定向会减慢用户体验，它会延迟所有的东西直至到达新页面。一个最浪费的重定向经常会发生而我们的开发者又会经常忽略的就是比如http://astrology.yahoo.com/astrology的结果是重定向到http://astrology.yahoo.com/astrology/ 在Apache里用Alias 或者mod_rewrite或者DirectorySlash解决。
从一个旧网站跳转到新网站也是经常要用到重定向，还有就是连接一个网站中的不同部分和在某些情况下（比如不同浏览器，不同的用户帐号类型，等等）的用户导 向。用重定向很简单，而且只需要一点额外的代码，虽然在这些情况下用重定向减少了开发者的复杂度，但它降低了用户的体验，变通的做法是用Alias和 mod_rewrite如果两个部分是在同一主机上的话，如果是由域名变更引起的重定向，变通的做法是通过Alias或mod_rewrite创建一个 CNAME（一个DNS记录，创建一个别名，从一个域名指向另一个域名）

12.去掉重复的脚本

（按：简单的说，同一个脚本如果被调用多次，浏览器并不会忽略后续的脚本，而总是覆盖加载，覆盖运行，这样会增加开销）

13.配置ETags

ETags（Entity tags）是服务器和浏览器的一个功能，它用来判断浏览器缓存里的元素是否和原来服务器上的一致。ETags比last-modified date更具有弹性，它用一个独一无二的字符串来标识一个元素的版本。
源服务器用响应头里的ETag来特定一个元素的ETag：
       HTTP/1.1 200 OK
       Last-Modified: Tue, 12 Dec 2006 03:03:59 GMT
       ETag: "10c24bc-4ab-457e1c1f"
       Content-Length: 12195
之后，如果浏览器要验证这个元素，它就会用If-None-Match头来回传ETag到源服务器。如果符合的话，一个304状态的代码就会从源服务器返回到浏览器，这样源服务器就节省了传输具体数据的开销。
       GET /i/yahoo.gif HTTP/1.1
       Host: us.yimg.com
       If-Modified-Since: Tue, 12 Dec 2006 03:03:59 GMT
       If-None-Match: "10c24bc-4ab-457e1c1f"
       HTTP/1.1 304 Not Modified

用Etags的问题就在于它会标识那个特定的服务器，如果换了服务器，Etags也就失去了原有的功能，但是这种现在在网络上太常见了，因为我们经常用服务器集群。默认情况下，Apache和IIS会在Etag中内嵌数据，这样会动态减少验证成功的机会。

Apache1.3和2.x的ETag格式是inode-size-timestamp。虽然一个文件可能在不同服务器的同一个目录，同样的大小，安全级，时间戳等等，它的inode会随着服务器的不同而不同。

IIS5.0和6.0有同样类似Etags的东西，叫时间戳：ChangeNumber（更改号），更改号是一个用来追踪IIS配置变化的计数器，ChangeNumber在不同IIS服务器之间是不一样的。

它最终的问题就是，IIS和Apache产生的Etags会在不同服务器之间无法匹配，这样我们的浏览器就无法得到我们期待的304响应，而给我们 的是一个普通的200响应，和正常的数据流。如果你的网站只有一个服务器还无所谓，如果是集群，而你用的是默认的ETag配置，你的用户就会获得更慢的页 面，你的服务器也会有更高的负载，消耗更大的带宽资源，代理也无法高效缓存你的内容，甚至即使你有一个长时间过期的头部（按：见第三条规则），也不会阻止 它重新载入内容。

如果你不想发挥Etags提供的这个弹性验证模型的优势，你最好关掉它。Apache中关掉它的方法是在Apache的配置文件中写这么一句：
FileETag none

14.让Ajax缓存

人们会问这些规则同样适用于web2.0吗？当然！这个规则是我在雅虎工作做web2.0后得出的第一条规则。

Ajax的一个好处是它会给你实时的回馈，因为它和后台的服务器是异步传输的，然而，用Ajax并不能保证你的用户不用无聊的拨弄手指头来等待这个 回馈，在很多应用中，用户是否需要等待取决于Ajax是怎么用的，举例说，在一个基于网页的邮件客户端，用户会持续等待Ajax的回馈来搜索符合他的标准 的邮件信息。记住“异步”并不意味着“实时”。让它缓存的方式同样是加一个过期头部。

按：
粗略的译了一下，并非逐字的翻译，就是让大家有所了解了，翻译不好的地方请见谅！
上面那个图大家可以在firebug（firefox下运行）的net选项卡中获得服务器的响应数据！
基于以上规则，yahoo出了一个延伸firebug插件的插件。在这里下载：
http://developer.yahoo.com/yslow/
welcome to my blog
http://www.156544634.cn

本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。

/基 本 要 求

1. 在网站根目录中开设images common temp 三个子目录，根据需要再开设media 子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner 条、菜单、按钮等等；common 子目录中放css、js,、php、include 等公共文件；temp 子目录放客户提供的各种文字图片等等原始资料；media 子目录中放flash, avi, quick time 等多媒体文件 。
2. 在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images 和media 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3. temp 目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4. 除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

/脚 本 编 写

我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致， 因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要 求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。

1. Html 文件的通用模板：

<html>
<!–
Generator: Sub Design Studio ( http://www.eastline.net.cn)
Creation Data: 2000-8-1
Original Author: eastline
–>
<head>
<title> 文档标题 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<meta name="author" content="eastline">

其他meta 标 记
<link rel="stylesheet" type="text/css" href="style/style.css">

样式表定义

客户端Javascript 函数定义及初始化操作
</head>
<body bgcolor="#ffffff">
… …
</body>

补充：
为了保证网站能够与下一代的web 语言xml 标准兼容，所有的HTML 标签的属性都要用单引号或者双引号括起，即我们应该写 <a href=”url”> 而不 是 <a href=url>.

2. 允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的<head></head>之间应该加入Keywords 和Description 元标记，例如 ：

<meta name=”keywords” content=”东方新干线，汽车，买车”>
<meta name=”description” content=”东方新干劲线，全球中文汽车信息第一站”>

3. CSS 文件的格式样例代码 ：

<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}
a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9922; text-decoration: none}
.blue { font-family: "宋体"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
–>
</style>

这里尤其要注意的是a:link a:visited a:hover a:actived 的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！

为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。

在写 <table> 互相嵌套时，严格按照的规范，对于单独的一个<table>来说，<table><tr>对齐，< td> 缩进两个半角空格，<td> 中如果还有嵌套的表格，<table>也缩进两个半角空格，如果<td>中没有任何嵌套的表格，</td> 结束标记应该与 <td> 处于同一行，不要换行，

如我们注意在源代码中不应有这样的代码：

<td><img src=”../images/sample.gif”>
</td>

而应该是这样的：
<td><img src=”../images/sample.gif”></td>

这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：

<td><img src=”../images/sample.gif”> </td>

属于同一个级别 的 <table> 一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px 的单元格应该 在 <td> 和 </td> 之间写一 个   如果高度小于12px, 则应该 在 <td> 和 </td> 之间插入一个1*1 大小的透明的gif 图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->apply souce formatting进行重新整理！

5. Width 和height 的写法也有统一的规范，一般情况下只有一列的表格，width 写在<table> 的标签内，只有一行的表格，height 写在 <table> 的标签内，多行多列的表格，width 和height 写在第一行或者第一列的 <td> 标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个width 和height 都是有效的，也就是你改动代码中任何一个width 和height 的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

/一 般 原 则

1. 在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免 <colspan> <rowspan> 两个标记，经验表明，这两个标记会带来许多麻烦。

2. 一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在 一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 <tbody>标记，以便能够使这个大表格分块显示。

3. 排版中我们经常会遇到需要进行首行缩进的处理，不要使用   或者全角空格来达到效果，规范的做法是在样式表中定义 p { text-indent: 2em; } 然后给每一段加上 <p> 标记，注意，一般情况下，请不要省略 </p> 结束标记 。

4. 原则上，我们禁止用 <img width=? height=?> 来人为干预图片显示的尺寸，而且建议 <img> 标签中不要带上width 和height 两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当 网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片 的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给 <img>附上 width 和 height 属性。

5. 为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<br> 来人工干预分段。

6. 不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。

7. 所有的字号都应该用样式表来实现，禁止在页面中出现 <font size=?> 标记。

8. 请不要在网页中连续出现多于一个 的   也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 图片来实现。

9. 中英文混排时，我们尽可能的将英文和数字定义为verdana 和arial 两种字体。

10. 行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.

11. 网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：<a href=”aboutus/index.htm”> 而应该这样：<a href=”aboutus/”>

12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。

13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。

/文 件 命 名 原 则

1. 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm

2． 件名称统一用小写的英文字母、数字和下划线的组合。

3. 命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。

4. 下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html 文件的命名原则 ：

☆ 在根目录下开设news目 录

☆ 第一条缺省新闻取名index.htm

☆ 所有属于“国内新闻”的新闻依次取名为：china_1.htm, china_2.htm, …

☆ 所有属于“国际新闻”的新闻依次取名为：internation_1.htm, internation _2.htm, …

☆ 如果文件的数量是两位数，请将前九个文件命名为：china_01.htm, china_02.htm 以保证所有的文件能够在文件夹中正确排序。

5. 图片的命名原则遵循以下几条规范 ：

☆ 名称分为头尾两两部分，用下划线隔开。

☆ 头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

☆ 一般来说:

放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner
标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title
依照此原则类推。

☆ 尾部分用来表示图片的具体含义。

☆ 下面是几个样例，大家应该能够一眼看明白图片的意义：
banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg. （crystal）

2月25日消息，据国外博客网站报道，互联网广告公司Aquantive下属研究机构Avenue A/Razorfish日前发布报告表示，网络广告正在从门户网站转向搜索和社区网站。

Aquantive于去年被微软收购。

这份名为《2008年数字展望》的报告指出，2007年通过Avenue A/Razorfish的网络广告支出为7.35亿美元，同比上升36%，而获得网络广告投放的网站则翻番至超过1800家。

其中，门户网站获得网络广告份额从2006年的24%下降至19%，搜索广告份额则从28%上升至31%，垂直性网站广告份额从37%上升至 39%。而通过广告网络的广告费用支出则持平。Avenue A/Razorfish媒体部门高级副总裁Jeff Lanctot表示：“这一现象说明，门户网站收购广告网络、推动付费搜索的策略是正确的。”
去年，微软开发了新的AdCenter，雅虎也推出Panama系统。这些举措的目标在于削弱Google在付费搜索方面的统治性地位。同时，一些 主要门户网站也在收购广告网络，例如微软收购了DrivePM，雅虎收购了Right Media和Blue Lithium，AOL则收购了Tacoda和Quigo。

对于经济衰退将对网络广告造成怎样的影响，Lanctot表示乐观。他表示：“如果出现广泛的经济衰退，所有广告客户都将受到影响，但是数字广告相对于其他广告途径受影响更小。”他认为这主要是由于数字广告相对其他类型广告能够更好的跟踪广告效果。

不过，Lanctot认为搜索广告将会受到较大影响，因为即使客户继续投放广告，网民仍将削减网络购物支出。(sohu)