前沿视频教室————最好的CSS和Web设计与开发的视频教程

我们以前讨论的都是关于在Web设计和开发中遇到的技术问题和方法，包括“如何学习”和“学习什么的问题”。今天我们就来谈谈另一个问题——“为什么要学”，或者说，学了它有什么用呢？

互联网是一个非常特殊的行业，和我们以前见到的经济模式都不一样。至少有一点大家都能看到的是，我们在互联网上可以享受大量的免费服务，而传统经济是不可能的。难道真的有免费的午餐吗？因此无论是打算给人打工，还是自己创业，我们都应该对这个产业的经济学方面有所思考。

1：“正统经济学”与“免费经济学”

有一个说法：所有大学生都应该学的两门课程，一是经济学，二是概率论，这两门课分表代表着一种生活中的思维方式。我对此极其认同。如果对经济学没有特别关注过的朋友，可以参考一本非常浅显易懂的书——《人人都爱经济学》，作为“普及入门”读物，非常非常好。你会理解一个企业以及整个经济社会是如何像一部精密机器一样运行的。实际上，社会经济的运转和一部机器的运转是一样精密的，只是我们大多数人并不知道其中的道理。

在经济学中，我们知道，整个经济学大厦的基石，有两个基本假设： 第一，人都是理性的，即不考虑傻子或者疯子的行为方式；第二，每个人（包括企业）都会追求自身利益的最大化。通过“市场”这个中介，每个人或企业，为了追求自身利益的最大化，就必须为他人提供最优质而价廉的产品。最终通过市场的调节，对社会经济结构进行不断优化，促使产业更替，从而推动社会不断前进。

我们比较一下互联网和传统产业，在互联网上我们随处可以找到免费的服务，比如免费的Email；但你绝不会指望有一天哪个汽车厂家会为了占有市场份额，而白送给你一辆免费的汽车。为什么互联网产品可以免费，而汽车不能免费呢？

2：为什么邮箱可以免费，而汽车不会免费？

我们来分析一下汽车和Email服务的区别。很显然，一辆汽车有大量的物质成本，或者说它是一个铁家伙，一辆汽车的成本构成中，人力成本的比例是很低的，这样即使再疯狂的汽车制造商也不可能赔本去占有市场。而互联网服务，比如Email，实际上硬成本很低，而又可以为上亿人提供服务，这样分摊到一个用户身上的成本几乎为0，因此它这样提供服务，也花不了多少钱，才有了免费的可能。

那么上面说，如果没有汽车那样的钢铁硬成本，就可以提供免费服务，那么比如律师事务所、设计师事务所，也同样是靠人力和智力的，为什么从没有见过免费的，反而价格很贵的呢？这是因为他们的客户数量太少导致的。对于一个网站提供免费Email服务，几个人的工作可以为上百万人提供服务，但是一个律师一年能打几场官司，一位建筑师一年能设计几座大楼呢？这就决定了，这样的企业虽然是靠人力的，但是绝对不可能采用免费模式。

因此，总结起来，“免费经济”适用于那些，人力成本比例很高，同时又可以为超级大量人提供服务的这类产品或者服务。比如免费邮箱、搜索引擎等等。最关键的一点是，通过超级大量的用户，使得每个用户的平均成本极低，只有这样才可能使用“免费经济”的模式。

3：“免费经济”真的免费吗？

上面讨论了什么样的服务和产品有可能“免费”，但是我们只是说这些服务的单个用户的平均成本极低，但并没有说为0。那么只要成本不为0，就必须有人来支付，而产品又是“免费”的，那么谁来为成本买单呢？实际上大致有以下几种方式：

1：广告模式：比如搜索引擎，或者新浪这样的门户网站，他们免费的原因在于，你在使用搜索引擎和门户网站时，被“强迫”或者“诱使”观看或者点击了页面上的广告，其广告主就为你支付了开发网站和生产内容的成本和利润。

2：附件的增值模式：很多网络游戏就用这种模式，游戏本身是免费的，但是一些武器、装备等附件是收费的，而游戏者为了能提高身份和战斗力，就心甘情愿去买这些虚拟装备。实际上传统经济中，比如打印机等也是类似的，打印机本身很便宜，但是墨盒却很贵。之所以打印机很便宜，以及游戏本身免费，都是为了吸引你，而实际上他们已经把“武器”和墨盒的收益算在里面了。

3：VIP内容/服务的增值模式： 这是另一类免费的网站，和上一种有些类似，他们的99%的内容是免费的，但是有1%的内容或者技术支持等服务是收费的，对于99%的用户来说都是免费的，而只有1%的用户为了1%的VIP内容或者VIP服务付款，这些VIP用户实际上承担了100%用户的成本。看起来这1%的用户吃亏了，其实并没有。比如说一些内容，如果以传统的方式营销，可能90%以上的成本都花在了广告和营销渠道上，这些成本对于用户来说其实没有真正的收益。换句话说，把原来用在营销上的成本花在了为99%的人提供免费服务上，这并不是坏事。对于付费用户，也没有吃亏。

4：基金会赞助模式：这种通常是一些成功的开源软件的模式，比如Firefox或一些成功的开源系统，他们对用户是真正的彻底免费，但是实际上是有一些基金会或赞助商在支持他门。也有一些开源的系统由于失去了赞助，就消亡了的例子。有人给钱就能活下去，没人给钱就死掉了。

5：苦力/盗窃模式：对于一个网站而言，原创内容是很难的，而收集别人的内容是很容易的，在对于知识产权意识根植于人们心中的国家，这类网站并不多，而在我们中国就遍地开花了，中国大量的“采集网站”，完全通过人工或自动的方式，大量的盗取其它网站内容，拼凑出自己的网站，这些网站的内容当然很丰富，因此，也可以获得一定的，甚至不少的收益。但是用这方式，毕竟不可能获得真正的成功。而且恰恰这些网站才是最不可能“免费”的网站，他们盗取其它网站内容，再依靠广告来收益。就像偷车然后转卖一样。依靠盗窃绝对不可能获得最终的成功，因为这不符合最基本的社会经济发展的道理。盗窃汽车可以判刑，而盗窃内容和知识还可以挣钱，这样的国家和社会是有问题的。电视片《大国崛起》在讲述美国的崛起中，特别提到，在200多年前，美国立国之初，就特别强调了知识产权的不可侵犯，这个思想已经根植于社会大众的心中，这也正是美国有如此之多技术革命的根本原因。

通过上面这5种模式的分析，我们可以看出，实际上哪一种方式，也不是真正的“免费”，任何价值都必须依靠劳动产生，而不可能无中生有的创造出来，最终还是某些人为另一些人的劳动付款了。而付款的人同样不是傻子和疯子，他们也同样获得他们所需的价值。社会经济就是这样在一桩桩的交易中完成，并不断进步的，大家也从中获得利益。

4：总结

1：从上面可以看出，“免费经济”并不是真正的免费，而且有这么多资本、高人都投身于互联网行业，肯定是因为它可以挣钱，而不是因为免费。

2：如果你想通过互联网创业，就必须选择一种盈利模式，一种真正可行的，能说服你自己的盈利模式。

3：靠模仿和采集是不可能获得成功的，一定要真正属于靠自己的价值，内容、技术等等来产生收益

4：当你拥有了自己特有的价值之后，要找到一个最好的方式把它卖出去。

5：当然最稳妥的还是学好技术，找一个好公司打工挣钱。

6：本文借鉴了“个篱”的文章，推荐给读者参考。

在Web前端开发中，Javascript的作用越来重要了，关键的原因在于它可以为访问者提供更好的用户体验。

在众多的Javascript框架中，jQeury无疑是一个超级明星。它到底能给我们带来什么？我在这里用最近我自己的一小例子，说明一下jQeury的作用。希望对初学者有所启发！

案例简述

在我们的这个网站（前沿视频教室）的页面右侧栏上部，是所有视频教程的目录，这个目录分为两级。刚开始建立这个网站时，由于内容不多，因此我们把所有的一级类别以及二级都列出来，这样读者选择起来更方便一些。然而随着内容的不断增加，这个菜单列表越来越长，因此我们希望把它变短一些，方法当然就是要把二级类别隐藏起来，在需要的时候，再把二级类别列表打开。

读者可以试验一下页面右侧上部的菜单，就是我们希望的效果。本文的主要目的，就是希望说明用jQeury来实现上述功能是多么的简便，下面开始具体讲解。

实现基本功能

首先编写一个二级菜单的HTML，非常简单，基本模式如下：

<ul>
	<li><a href="#">People's Republic of China</a>
	        <ul>
		 	<li><a href="#">Beijing</a></li>
		 	<li><a href="#">Shanghai</a></li>
		 	<li><a href="#">Tianjin</a></li>
		</ul>	
	<li><a href="#">United States of America</a>
	       <ul>
			……
	       </ul>	
</ul>

上述代码就是用两了级的ul列表。下面就需要实现对二级菜单的动态隐藏和打开，代码同样非常简单，首先需要到jQeury的网站下载js文件，引入网页中。在网页的head部分，加入如下代码：

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>  
<script type="text/javascript">
$(function(){ 
    $("ul>li>a").mouseover( function(){ $(this).next().toggle(300);  } );
});
</script>

可以看到，首先把jQuery库引入，接下来真正实现效果的语句只有一句。我们逐个介绍一下各个部分的含义。

这个语句的外层为：

$(function(){
   ……
});

它的含义是省略号位置的语句会在页面装载完成后执行。在这里，要执行的语句就是：

    $("ul>li>a").mouseover( function(){ $(this).next().toggle(300);  } );

其中前面的“$(”ul>li>a”)”，表示的是选中网页上的某些元素，可以看到”ul>li>a”是CSS中的“子选择器”，它将选中一级菜单中的a元素。

其后的 “.mouseover” 表示“鼠标经过”事件，既当鼠标经过上面选中的那些元素时，将会执行它后面括号中的制定的函数语句。在这里，这个函数内容是：

     $(this).next().toggle(300);

其中 “$(this)” 的含义是，选中了鼠标经过的这个元素，“.next()” 的意思是 “$(this)” 这个元素后面的一个元素，看一下HTML代码可以知道，a元素后面是二级的ul元素，再接下来“.toggle(300)”的含义是如果这个ul元素处于打开状态则关闭它，如果处于关闭状态则打开它，括号中的300表示用300毫秒的时间，以动画的方式打开或关闭ul元素。

原理就是这么简单，只要会使用css，能够选中网页上都某些特定元素，然后在对他进行某些特定操作，就可以实现丰富的效果了。

点击这里下载本案例源文件。

不止于此

jQuery的能力还远不止于此，更为强大的是，它所具有的扩展功能，也就是它的“插件”机制。因为一个代码库，毕竟是有限的，不可能满足所有要求，而有了插件机制，就完全不同了。

例如，对于上面这个简单的案例，我们会发现她存在一个小问题：对鼠标的进入特别敏感。有的时候访问者在浏览网页的时候，鼠标可能不经意的时候经过了某个一级菜单项，这时就会立即打开对应的二级菜单，实际上访问者可能并不想打开它。如果菜单项比较多，经常在不经意间，菜单开开合合，对读者是一种干扰，那么能否让这些一级菜单对鼠标经过的事件反映的迟钝一些呢？也就是当鼠标确实进入一个一级菜单项稍微停顿一下，再打开二级菜单，如果很快就离开了，那么就不打开这个菜单了。

如果我们要自己写代码实现这个功能，100行代码是不能少的，而且要对Javascript很熟悉才可以。而使用jQeury就不同了，虽然jQuery本身不具备这个功能，但是已经有人意识到了这个问题，一位学心理学出身的美国程序员 Brian Cherne 就为此编写了一个jQeury的插件，网址是： http://cherne.net/brian/resources/jquery.hoverIntent.html

这个插件就可以完美地解决这个问题，他会分析鼠标进入目标区域以后的行为，判断是偶然进入，还是确实希望进入这个区域，这样比如当鼠标快速滑过目标区域时，是不会触发鼠标经过事件的，从而避免不经意间的触发。

使用这个插件也非常简单，把这个插件对应的js文件引入网页，然后使用这个插件中定义的 “.hoverIntent”来代替原本jQeury中的“.mouseover”事件，就可以了。当然，为了调整敏感度，你也可以设置一些参数，这些参数的默认值都是经过Brian Cherne本人反复试验过的，通常使用它提供的默认值就可以了。

大家可以试验一下本网页右侧的视频教程类别菜单，当你的鼠标快速滑过一级分类时，并不会引起任何反应，只有当你鼠标在目标区域停留稍长的时间之后，二级菜单才会打开。

虽然这是一个很小的例子，但是他确实充分地体现了jQeury的强大。

点击这里下载本案例源文件。

总结与提高

通过上面这个非常简单的案例，我们可以非常清楚地看到jQeury之所以能够成为超级明星，确实是实至名归。对我们大多数学习者来说，可以认识到几点：

1：真正把CSS学明白，这一点非常重要，做Javascript的开发，无论是不是使用框架，或者无论使用哪种框架，CSS都是必须要学的非常扎实的基础。

2：把Javascript的基础学明白，比如对于事件的理解，对于DOM的操作等等，只有你把这些理解清楚了，在加上jQeury这把倚天剑，才能所向无敌。

3：善于寻找插件，jQeury有很多非常好用的小插件，用上以后，很简单就可以解决大问题，不断培养自己寻找解决方法的能力，是很必要的。

昨天说到了网页设计开发相关工作的基本概念、历史发展和职责划分，今天继续讨论相应的工资情况。

（查看：工作职责兼谈工资水平（上））

新的情况

如果像前面说的那样，中间的“制作”环节，是比较简单的，但是互联网的发展非常迅速，因此相应的工作也在不断变化，主要体现在两个方面：

1：早期的页面布局，即，由设计图到HTML页面，大多使用表格布局，这个过程是很简单的，而且使用现成的工具瞬间就可以完成了。但是目前，已经逐渐被CSS/DIV布局取代了，这里需要的工作就比原来要复杂不了。也就是说，页面的布局要考虑到，语义、结构、可维护性等诸多方面，以及原来工具可以自动化的完成的工作，需要手工编码实现。

2：早期的页面，使用的Javascript很少，即使使用也仅限于与一些简单的页面效果，因此Javascript和页面的元素、数据结合的不紧密；但是现在Ajax等技术的出现，Javascript已经成为了重要的一个标准技术，而且它紧密地和页面的元素、后端数据结合在一起。因此，原来主要集中在后端开发工作，现在则模糊了前端和后端的界限。比如Ajax开发则是需要对客户端和服务器段都比较熟悉。

由于上述两个新的特点，结果就使得中间的这个“制作”环节，变得比原先复杂得多了。从CSS的角度来说，要产生出干净、清晰、符合标准的HTML和CSS代码；从Javascript的角度说，不但要清楚页面的结构细节，还要了解后端数据的产生过程。因此，这个工作无论由谁来完成，都是一个并不轻松的工作。

你选择做什么？

实际上，本文的目的并不是仅仅介绍以上的情况，而是对于那些希望进入这个行业的朋友，给出一些参考和建议。你怎么选择你的切入点，以及未来的发展方向？到底做什么好呢？核心的问题就是，你能做什么？当然，能挣多少钱也是一个重要的因素。

之所以想到今天这个题目，是因为在水木社区，看到了“Web开发”版上的前两天的一个讨论。我这里引用一些发帖者的讨论，我觉得还是有些实践指导意义的。

这个一天之内引发了200个回帖的帖子题目是“跟不懂html的美工沟通越来越吃力……”。实际上讨论了，在Web设计开发项目中，各个角色到底各自应该承担哪些的工作。但是说到工作，最终就是要靠工资来衡量的。因此，很快就谈到了如何评价一个美工的价值问题，实际上一个工作无论分做几个环节，每个环节都可以用工资来衡量的。

结合帖子里的一些内容，以及我个人的一些理解，粗略的列出了一个计算工资的公式，欢迎读者讨论。

你挣多少合适？

下面列出了我认为做一个名“网页前端”工作人员（事实上我也不知道到底应该叫什么了设计师？美工？），应该具备的5项基本技能，每一项对应的工资水平。

1：良好的工作态度和沟通理解能力：1000~2000元；
2：能够独立地进行美术设计：1000~2000元；
3：生成生成高质量的HTML+CSS代码：1000~2000元；
4：有“够用”的Javascript开发能力：1000~2000元；
5：具有一定的后端程序理解和开发能力：1000~2000元；

那么一个人到底挣多少钱一个月合适呢？我想上面的第一项是每个工作的人都必须有的，其余的4项，可以具有其中的一项或多项。每一项里你可以给自己打个分，最后加起来，可以得到一个总的分数。

比如如果第1至5项，你给自己的分数分别是 1500、2000、1000、0、0，那么你的工资就是4500了。

大家有兴趣，请跟贴，晒晒你的工资以及你对应的工作职责，以及自认为的工作能力，给大家一个参考吧。

欢迎大家修正我给出的公式，另外请列出您所在的城市，这也是影响工资的一个因素因素。希望我们得出一个更合理的股值公式，这也是一个很有意义的事情哦。

上两次的杂谈都是说的具体技术：说了说关于屏幕分辨率和浏览器的一些问题。今天说说和技术稍微远一些的内容——网页设计开发这个工作到是底做什么的。

其实这个话题说起来也比较复杂，对于这些相关的工作，我们有很多通俗的说法：“做网页”、“做网站”等等，具体到第包含些什么样的工作，需要什么样的人来完成，需要掌握什么技能呢？其实包括的范围很广，角色之间能力要求也相差甚远。

基本概念

按照比较粗的、传统的划分方式，可以分为：“设计”和“开发”。在英文中叫作 Web Design 和 Web Development， 也就是 “Web设计”和“Web开发”。简单来说，前者就是负责“门面”，怎么好看怎么来，后者负责网站的功能，比如你要实现的是一个社区网站，还是一个网上商店网站呢？这就是由“开发”来实现的。

与之相应的，又有两个说法，称为“前端”和“后端”，网页是显示在浏览器中的，这一端也称为“客户端”或“前端”，而网页的数据通常都是在服务器中计算产生的，也称为“后端”。通常来说，一个网站，只要不是非常简单，都是由“前端”和“后端”的工作，共同配合完成的。就好像“后端”制造出一个产品，再加上“前端”的包装，最后呈现给访问者一样。

发展历史

现在说起来，这些已经蛮复杂了，几句话都说不清楚了，而实际上，刚刚开始的时候，并没有这么复杂，Web刚刚出现时，是很简单的。因此我们不妨从简单的时候说起。

一开始的时候，只有HTML这个东西，非常简单，基本上就像文字排版一样，把要显示在网上的东西，按照HTML的要求写好，简单设定一下格式，一个网页就做好了。这时候，除了搞网络的一些人，也没有多少其他人懂得这些东西。此外，也没有开始在商业上使用，因此网页的功能、是否好看，都没有什么要求。这方面还没有形成真正的职业。

然而，互联网出现不久以后，就快速地发展，并大规模地开始应用了。最开始应用于商业的时候，基本就是把一些公司或者机构的宣传文字放到网上，因此，这时候对于普通的互联网网站，基本上服务器端的开发并不太多，主要的任务就是是制作静态页面。但是这个时候，对美观的要求就已经出现了，因此，“网页设计师”或者“网页美工”的角色已经出现了。对于设计来说，要设计出好看的东西，就需要美术能力了。要首先有一个漂亮的设计图，然后再把它制作为HTML页面。这就是前端的情况。

当然，网络的发展是平衡的，服务器段技术的方展也同样非常快。早期的服务器端开发是很费力的，写CGI程序，对于普通人难度很大，而后来ASP、PHP这些语言的出现，大大降低了开发的难度，当然这些工作的基础还是编程，因此计算机相关的基础是必须的。

但是这时候，就出现了一个问题，一个网站既有设计，又有开发，那么二者就必须配合好。当然对于一些比较小的网站项目，加之一些比较全才的人，设计+开发，一个人全都搞定了，这也是很常见的。但是对于更多的情况，网站比较复杂，功能要比较多，对美观的要求也比较高，总是要通过一个团队来完成的，这是就要各负其责了，有人负责设计，有人负责写程序。

职责的划分

现在的问题就出现了，如果做过比较复杂的网站，会发现程序和美工的配合还真是一个麻烦事儿。因此，有时候就出现了二者之间的角色，可以叫作“制作人员”，把设计师的设计图切出来，制作成HTML页面，然后开发人员，在这个HTML里面添加上程序代码。

对于不同的工作团队，具体如何配合，肯定是各不相同的。尤其是网站制作开始这个行业中，遍地都是作坊式的公司，肯定是各有各的做法。

对于职责的划分，可以分为三种情况：

1：中间的过程（即“制作”）由设计师来承担，即设计师做好设计好之后，也制作出HTML文件给开发人员；

2：中间的过程由开发人员来承担，比如台湾的科技作家李维说，在台湾，通常情况下，设计师把设计图，比如用Photoshop制作出来的PSD图制作完，任务就完成了，剩下的事情就都是开发人员的了。

3：设置专门的制作人员，把设计师的设计图制作为HTML，如果这样，我们不妨把三种角色叫作 设计师-美工-开发人员。

今天先谈到这里，接下来的内容，明天继续。明天我主要讨论一下，掌握多少才购用？辛苦学会以后，又能有多少工资等着我们呢？

查看：工作职责兼谈工资水平（下）

上次讨论了屏幕分辨率与网页设计的一些问题，今天讨论另一个与网页设计离不开的话题——浏览器。

实际上，浏览器比屏幕分辨率对网页设计的影响更大，因为不同的浏览器对网页的HTML、CSS和Javascript都有不同的解释，这给设计师带来了很大的麻烦。HTML相对比较简单，浏览器之间的差异比较小，而CSS的问题就很大了，“前沿视频教室”中也曾经几次谈论过在CSS设计中，如贺解决浏览器差异的问题，如果有兴趣可以参考下列三篇文章:关于CSS在不同浏览器的调试经验、CSS调试技巧五则，兼谈“提问的艺术”、以及再谈浏览器的兼容性。

上面的三篇文章都是从技术角度讨论如何设计出具有更好兼容性的网页，而今天我们则从数据统计的角度，看看目前各种浏览器的使用状况到底如何。

1：网页中广泛使用的三种标准技术——HTML、CSS和Javascript，浏览器厂商由于各自的历史及现实原因，对标准的理解有所差异，导致各种浏览器对网页代码的解释不尽相同，从而同一个页面，在不同的浏览器中，可能会产生不同的效果，这给设计师带来了很大的麻烦。

2：根据国际上的比较广泛和权威的统计，最近（2008年3季度）各主流浏览器的地使用比例如下。

上图中的数据来自这里，从国际范围来看，IE的份额仅为72%，Firefox的份额已经接近20%。事实上，欧洲各国Firefox的使用比例非常高，下图显示了欧洲各国2006年Firefox的使用比例。

可以看到，瑞典在2006年，就有约40%的用户使用Firefox。

3：不过，从我们自己的统计数据来看，中国的情况与上面的统计差异还是很大的。与上次讨论屏幕分辨率的方法相同，这里仍然使用我们自己的“前沿视频教室”网站为例，以2008年9月的访问者为对象，统计了3万4千访问者的浏览器使用比例，如下图所示。

可以看到，IE仍占据约90%的比例，而Firefox远低于20%的国际统计值，而Safari则更是很少。关于Google的新作Chrome，后面再稍加讨论。

4：实际上，对于设计师而言，麻烦的不仅仅在于不同的浏览器之间的差别，即使同样是IE浏览器，不同版本之间的差异也不小，因此，我们又将上面图中，IE浏览器按照不同版本，分别统计，得到了下面的数据，如下图所示。

可以看到，最令设计师头疼的IE6还占据60%的份额，短期内还得和它继续战斗了！

5：从各种浏览器的比例变化情况看，浏览器份额随时间的变化远小于屏幕分辨率的变化，这是因为显示器总是越大越好（有变化的需要），而且如果要换，买回来就用（更换也方便），而更换浏览器则对于大多数人来说并没有很大的必要，而且还需要安装，对于很多人也是一件麻烦的事情。

可以看到，尽管IE的份额在降低，但是是变化速度实际上很慢，事实上，变化最大的是IE7很快地在夺取IE6的份额，不过我们只要还保证网页适用于IE6，这个比例的变化对于我们意义不是很大。

6：对于CSS来说，最麻烦的并不是某个浏览器很难对付，最麻烦的是要同时保证网页兼容于各种不同的浏览器，尽管各种浏览器都声称自己是符合标准或者决心要符合标准，但是事实上，仅仅每个网页都要使用各种浏览器测试一遍，就要花费很多时间，如果所有人都用同一个浏览器，就能使设计师省很多事了。

通常来说，我们建议国内的设计师，如果要制作一个比较重要的网站，应该确保在IE6/IE7和Firefox中正确显示。目前而言，我个人感觉这个标准还是可以的，因为从上面的数据中可以看到，这三个浏览器的份额总计96%以上，更为为重要的是，如果能够保证网页在Firefox和IE7中都正确显示，那么其他浏览器一般也都不会有什么问题。

对于CSS设计，这里再次提醒初学者，一定要先在Firefox中测试正确之后，再在IE中测试，此外，做一点就测试在多个浏览器中测试，然后再做下一部分，而不要一个页面都做完之后，再在其他浏览器中测试，那样会很麻烦。

7：而Javascript的差异，就比CSS更为复杂了，比如对事件的处理，DOM标准和IE使用的方法是完全不同的，普通开发者要自己实现对这些差异的处理，要花很多工夫，好在现在已经有了很多非常好的Javascript框架，比如大名鼎鼎的jQuery，通过使用jQuery可以把这些差异都屏蔽掉，写出统一的代码，就可以正确地运行在不同的浏览器上了，这对于开发者来说，实在是帮助太大了。

8：最后，再说说Google的Chrome，毕竟是出自Google门下，一经推出，前沿视频教室网站的访问者中，就出现了1.8%的使用比例，根据我们做的一些简单的测试，以前制作的兼容于Firefox和IE的页面，在Chrome中都没有发现什么问题。但是也没有体会出用Chrome有什么特别之处，也许是页面都过于简单，体现不出来的缘故。不过我们发现，在我们的统计数据中，Chrome的使用者并不是逐渐增加，而是在逐渐减少。这显然是头两天有不少人下载来尝试一下，然后就逐渐不再使用了。所以Chrome的情况，还需要慢慢观察了。

=============

2008.10.24 补充

偶然在atppp的博客里看到这么一个蛮有趣的说法，给读者说说：

发信人: atppp (Big Mouse), 信区: WebDev
标 题: Re: 全部用DIV布局累死了，
发信站: 水木社区 (Mon Apr 10 13:26:31 2006), 站内

div排版的三个境界：
1. 怎么都搞不定非ie浏览器
2. 怎么都搞不定ie
3. 天马行空