Space is as pure a Web 2.0 play as you’re likely to find and they’ve exploited user generated content and network effects to become the #1 visited site on the Web

The end result: If you have a million people visiting your Web site but you’re not leveraging network effects with them (such as by letting them contribute and letting others see and respond to those contributions), then you’re probably squandering the greater part of the value of that million person audience.  Along comes someone else who does exploit the network effects of their users. 

Inbox

The ial containing block is the entire width and height of your web page - including parts of the page that are outside the viewport

Block

Takes up the full width available, with a new line before and after (display:block;)

Inline

Takes up only as much width as it needs, and does not force new lines (display:inline;)

Not displayed

Some tags, like <meta /> and <style> are not visible (display:none;)

• Content area: The ‘background’ property of
  the generating element.
• Padding area: The ‘background’ property of
  the generating element.
• Border area: The
  border properties of the generating element.
• Margin area: Margins are always transparent.

Any HTML element can be considered a box, and so the box model applies to all HTML (and XHTML) elements.

a box is made up of four distinct parts.

The outside one, the margin, is completely invisible. It has no background color, and will not obstruct elements behind it.

The border outlines the visible portion of the element

the third part of the box, the padding

and then inside that the content area of the box.

The padding defines the space between the content area of the box and the border

the only border of the three drawn that would actually be visible is the solid line

define a width and a height for your box using CSS

Most notable among the browsers with problems are Internet Explorers 4 and 5 and Internet Explorer 6. IE 6 is easy to work around, by adding a correct DTD (which you should be doing anyway).

何谓参考线？参考线就是margin移动的基准点，此基准点相对于box是静止的。而margin的数值，就是box相对于参考线的位移量。

top和left的参考线属于一类，right和bottom的参考线属于另一类

上面的位移方向是指margin数值为正值时候的情形，如果是负值则位移方向相反。

box的实际大小=box的物理大小+正的margin

属性margin可以用来同时设置box的四边外边距

margin属性可以应用于几乎所有的元素，除了表格显示类型（不包括 table-caption, table and inline-table）的元素，而且垂直外边距对非置换内联元素（non-replaced inline element）不起作用。

margin始终是透明的

外边距的margin-width的值类型有：auto | length | percentage

margin的默认值为0，并且margin支持负值

margin：top right bottom left；

1.如果没有left值，则使用right代替；
2.如果没有bottom值，则使用top代替；
3.如果没有right值，则使用top值代替

如果margin只有三个值，按照值的顺序为margin：top right bottom; 缺少了left，根据原则，则left的值有right来代替。

如果margin只有两个值，按照值的顺序为margin：top right; 缺少了bottom和left，根据原则left的值由right来代替，bottm的值由top来代替

如果margin只有一个值，按照值的顺序为margin:top; 缺少了bottom、left和right，根据原则left的值由right来代替，bottom的值由top来代替，right的值右top来代替，也就是说left的值也由top来代替

一谈交朋友

来海内为王兴助威。每天都有10几位要求成为好友的，大部分我都没同意。为什么？我在这里的交友标准是：

1。本来就认识，把线下关系搬到网上来，经典的FACEBOOK理念；

2。这个人的PROFILE至少和我自己的一样详细真实，如果有吸引我的地方，就变朋友；

3。这个人的某些特点，能力，经验是我看重的

二谈交朋友

为友之道，贵在平等，贵在真诚

真实大概就在上下限之间，我们作为社区开发运营者，所做所为无非是尽力追求上限，远离下限。功夫全在如何建立合理的前提和假设，揣摩最可能发生的情况，设计完美的架构，开发强大的平台，形成致命的吸引力，把用户们黏死在这里，让上网和上海内变成同义词。

那么一个人一周的社交时间也就半小时，维持20-30个朋友已经很吃力了（1个朋友1分钟？），因此限制朋友的数量，提高互动的质量就很重要了

1、形象化
在我们遇到抽象的概念时，可以把它具化成一副图像。当你努力理解一个概念时，形象化容易使你上手。

2、死记硬背
总体上鄙人不常用此方法，但有时死办法也是必须的。死记硬背也就是通过不断地重复刺激大脑来记忆信息。
努力记好常用的信息和基本概念对你实际应有有好处。

3、举一反三
比较两种概念，找出它们之间的联系，两者不仅可以是一个领域的，也可以是不同领域的。这样你的大脑就能构造出信息地图。如果想领悟更多，我建议你读完我的文章哦！。

4、比喻
把较复杂的概念简单化。我在学编程时，常把程序比作卷笔刀，而把参数比作钝铅笔，经过处理我们就得到尖铅笔了。比喻得当是关键，有些作用有限，而有些却能加深你的理解。（译者感言：常有朋友和我谈起，在学习中他们用这个方法的效果不佳，我想很大一部分人，只是做了个简单的名词替换了吧，这就像引进了西方的管理机制，却没有管理思想、逻辑，结果还不是画虎不成反类犬。）

5、图表
鄙人有个习惯-用图表来表示文字信息。曾经我编写的程序冗长繁杂，后来通过用一桌的图表我解决了这个问题。

6、Fluid笔记
大多数人用线性思维记笔记-一条内容接着另一条。Fluid笔记看上较杂乱，但你可以画关系图，随意涂写。记住笔记是促进掌握知识，而不是记录谁说过什么！

7、首字缩写
记忆术相比死记硬背较有效率。首字缩写是很好的降低记忆难度的一种方法。在我还是救生员时，我常用诸如RED、ABC等不同的缩写来记忆事情的不同步骤。创造你自己的缩写法则来储存散乱的信息吧。

8、关联法
这是个较高级的记忆方法，我发现它蕴含这惊人的效果，不过你得花时间并多实践才能掌握。基本道理是吧两种概念通过奇思异想串联起来。比如当我想记下包涵苹果、牛奶、豆的购物清单时，就得有苹果和牛奶以及牛奶和豆的映象，前者是挤牛奶的大苹果，而后者就是流烘豆的牛奶盆。

9、炫音法
与关联法不同，此法帮助你记数字用的。你可用0～9的数字创造的语音系统代替关联法。用特定的单词和句子为每个数字编码。这里无法全面介绍此法，如果有兴趣可用Google学习，关键字peg method。

10、追溯
另一个对全面学习大有裨益的就是追溯或复习。基本上这得从你有的知识概念中开始，从里面找出蛛丝马迹，然后追根溯源，直到你回到原点或者卡壳了！

11、聚焦核实
先泛读你所学的资料，你的目标因该是注意你不知道的材料，当你对某个章节产生了疑问时，请停止并从头开始。

12、自测
自测一下看看你是否掌握，去试试看！

13、拟人法
这条听上去复杂，其实不然。所谓拟人化就是赋予无生命的事物以人格特征。描述一块石头很寂寞就是一例。为了更容易记忆，我们可以向抽象的概念增添一些人格特征。这里我心理导师提供了一个例子。他通过人们在关门开门时进出旅馆的方式来阐述信息在脑神经元的传递机制。

14、灵感
有点类似形象化，不过灵感得调用你所有的感官。这东西不可言传啊，你只能通过触觉、听觉、直觉去领悟
了。我还记得我是在手划过一个盒子时，突然想出如何解决基础矩阵问题的。

15、活学活用
为什么这个有用呢？利用好你已掌握的知识。很多科目不尽相同，但你可以找出它们或多或少的共性。善加利用你所学吧。（译者悟：钱能生钱，资金的流动产生更多的利润；知识的流动，增加更多智慧）

16、拾遗补缺

17、头脑风暴
找些人在房间里一起讨论思考，个人觉得二到三人较理想，尽管专家推荐6人。

18、思维体操
这条是对个人而言的头脑风暴。写下你能想到的所有想法、概念、信息写在纸上，释放大脑负荷，这样有助你深入思考。

19、关系图表
把相互联系的信息画成脉络图。这条不仅仅显示信息本身，还有它们间的联系。结合fluid笔记，这是个整合信息的好方法。

20、搭把手
用你的手指作为记忆工具，记住不同的单词或名字分别用手指代替。此法用途有限，但可以作为缩写法的替代应急用。

21、虚拟房间法
这是一个读者告诉我的关于联想的技巧。想像出你熟悉的房间及所有主要物品，然后就是分别给不同物品指代不同的信息喽！另外一种版本是把你的身体（最好你老婆）代替房间。当然你得有足够的想象力和灵感。

22、兴趣化
是不是废话？你对感兴趣的事情一定记得很多。尽量把信息考虑成，能带给你高分，这或许真能实现的。

23、教授
找个人阐明事物因果。教授是最好的学习方法了。

24、易于理解
类似于教授，此法宗旨是向一个6岁小弟都能阐明你的研究所得。当你不得不用到微积分或生化学继续进行时，那你有必要回炉重炼了。

25、歌唱或故事
另一个技巧是，把信息按顺序编排成歌曲或故事。你可以试着按顺序把手上的骨头编排成一个故事！

26、把握节奏
一次学习15分钟。小憩一下，消化一下刚学的知识。我从不以同一节奏连续1到2小时进行创造和学习。

27、留心记录
你有没在学习或者看书时卡壳过？当你眼睛在书本上时，留意你思想是否开小差。如果有从头开始。

28、只学一次
如果只能看一遍怎么办？只看一遍的哲学前提是学习是很浪费时间地。遇到事物时你得尽可能快地学习，而不是在以后研究。这会变慢，但它迫使你把掌握代替泛读。

29、界定信息
哪类信息是重要的？定下你学习的目标和对考试的预测。这样你就对那类信息可以泛读哪类需重点记忆了然于胸！

30、填鸭式
我恨这个，但它如此普遍，我不得不把它列进来！
煮杯咖啡，休息会！

31、专心致志
这个涉及的学习方法，远远超过你所需的。他是最快速的方法之一，相当于潜水至充满鲨鱼的池子里。我认识很多开始学一门新语言的人用此法。基本上你沉溺于此，并且认为哪怕学到它的细枝末叶，也比用其他方法学到的多。

32、需要时才学
专心致志的相反一面是需时才学。当你在要求较松的领域时，这个方法较有效的。我在学习博客技术时就是用此技巧。

33、即时问答

34、丰满
不要让你的想法仅仅停留在抽象阶段。给他个形状、构架、颜色和意义。想像成你是个在操作台上制作陶器的陶匠。

35、睡眠促进
睡眠已被证明对记忆有影响。花点时间休息，足够的睡眠可以让你记住你想学的。

36、精神集中
偶尔我看到有人边学习边听音乐和看电视。尽管他们具备我所没有的一心二用能力，但我想他们实在愚弄自己。关掉所有的娱乐设备专心学习，否则不可能精神集中。

37、为什么

38、找出你精神最佳的时间

39、运动
Cal Newport，曾在他博客上提到过这点及后面两项。首先是锻炼、健康体魄、健康思想。我知道闷头运动的人思想往往愚钝。而通常能保持苗条的人、思想也很活跃！

40、释放压力
聚会、社交，放送你的神经。这样做可以保持精神稳定，帮助你更好学习。还有酒吧不是你写书的地方，要划清娱乐和学习的界限！

41、创造
学习和创造在一定程度上是差不多的。我们要学以致用，而不是把知识停留在学习状态。我们要形成自己的交流方式、叙述技巧和个性内容。

42、自我审视
要有适合自己的学习风格，强扭的瓜不甜。

43、发现弱点
为什么你在最近的测验中考砸了？是准备不充分吗，还是没有记住课本，或者不会fluid note。缺啥补啥，要有针对性地学习。

44、备忘贴
在你房里的任何地方备忘任何信息，每隔几天复习一遍。

45、井井有条
说实话我并不是个井井有条的人，我经常把周围搞得一团糟，还丢三拉四。后来发现井然有序的布置能让我有更多的精神空间。整洁有序的布置，才能有条理的思维。

46、按部就班
如果我不在椅子上，我是无法入定学习的。而当我散布或在其他地方时，我也无法集中精神。当写文章时，很难再去做其他事。可贵的是只要在老地方，我都能很快进入状态，使得学习更有效率。

47、顺其自然
我在写作时会很放松。我很少紧张，但些许的紧张，有时会让精神更集中。如果你在工作时非常不安的话，试试深呼吸和沉思，这个能让你平静下来。

48、节食
消化食物会消耗身体大量的能量。在学习测验前少吃点，能节省精力！

49、多用烂笔头
书写是最好的学习方法之一。我经常在解决问题、头脑风暴以及策划点子时用到。思考时经常会开小差跑题以致效率低下。通过烂笔头，你的思路会更清晰的！

50、文凭只是一张纸
我的最后一个建议是别再怀念你在班级里的排名了。学校仅仅是你人生教育的过客罢了。找出学习的动力，而不仅仅为了应付考试。毋庸置疑这才是最重要的一条了。为了知识而学，而不是考试。

  1.定下几个本周内你想完成的简明目标。也许是3到5个。写下来并且每天复习。为什么这很重要呢？因为通过写下这些简明的目标你可以制定自己过滤信息的视角，并且对你真正关心的信息优先化

    2.在周末回顾这些目标，你成功了么?想想自己已经做了哪些不同点和进展。这样做的目的是增加你避免分心的动机和能力，并确保形成学习循环。你可以通过一生中确定地每天，每周学习一点，随着时间过去积累起来，从而“进化你的大脑”。

3.分清主次：象麦肯锡这样的管理顾问公司在训练他们的职员时使用二八定理：80%的效果由20%导致，因此关注这20%。在一个公司里，80%的利润由20%的客户带来。从那里取得最佳信息，不要在那些只能影响20%的80%上消耗太多。如果你把焦点集中在正确的20%目标上，那么80%的人便会投票支持你。

使用科学的思路。科学家必须用非常有效的方法对成吨的数据进行转换。

.把新的信息和你已知的连接起来，你无法处理或是记得数百万的破碎的，随机的事实

确认将压力和焦虑处于控制之中

：集中注意并工作记忆.

.不要把你的脑子训练成一个视觉化的，粗心的，被动接受信息的容器

When I saw what a Macintosh could do, the clouds parted and the angels started singing.

为以前的高价服务提供一个免费的替代途径

iStockphoto从第一天起，就通过论坛，电子邮件，面对面会议等形式有意识地培养着它的社区。

这些活跃的论坛使得iStockphoto社区既对菜鸟张开双臂，也让高手参与很有成就感

通过只允许那些满足一定质量标准的图片（上线），iStockphoto更是在用户中建立了一种正面的、心理上的排他性

致力保证上传图片满足质量标准

Bruce开始通过电邮朋友的口碑传播方式来营销他的网站。Bruce的一位朋友，网站设计高手Jeffrey Zeldman通过写博客及才诸如Macworld的杂志上采用iStockphoto的图片来帮助推广。Zeldman在设计师和摄影师圈子的影响力对于推广使用iStockphoto的免版税图片很有裨益。
随着iStockphoto社区的演变，其摄影师基础用户成了它的主要营销宣传车

主要驱动力来自把以前仅有的高价服务变成免费的

两者都曾增长到一个地步，只有靠收取少量费用来能维持服务，且仅靠社区本身的支持

基础用户群的需要可以告诉你什么时候收费是对的，而不是过早地实现收入模型

当你为你某些用户群创造或者贡献了财务上的谋生手段，你就拥有了一个可自己自足的公司。iStockphoto有这么一个活跃社区一个原因就是他们的大佬用户跟公司的成功有切身的，财务上的紧密联系

Bruce和Patrick把他们大部分的成功归功于iStockphoto优秀的导师及顾问。很多年来，Bruce和Patrick都大量阅读、学习、应用了商界智者Guy Kawasaki的商业概念及创意。在2003年跟Guy会面后，他就成为了iStockphoto管理团队的私人导师。优秀的导师和顾问对任何公司的成功都很关键，但尤其是初创公司。没有一个创业者能拥有成功的所有技能和经验；拥有正确的导师作为你的共鸣箱（注三）有无法估量的作用

与被动反应相对应的是创造力，当我们决定采取一组行动时，这完全是个人选择
的结果。 然后我们决定实现这些活动所需要的步骤。 这就是计划。 计划本质上
就是在每一步骤上采取的创造性的努力。

首先，产生一个想法，你想达成什么。 非常短期的想法不需要过多的去思考如
何去做。 但是长期目标就需要计划，因为你的大脑无法容纳所有的细节。

其次，决定这些想法如何反应在你所处的环境之中。 有些环境因素可以帮助你达
成梦想，而还有一些会成为你的障碍。 但是，一步步来，找出每一个阻碍你实现
梦想的障碍，然后想办法去克服他们。 一旦你把所有的未知的事情从头到尾尽
你最大努力找到相应方案，你就已经拥有的你的计划了

第三步，把你的计划按照阶段分成不同的部分，以降低它们的复杂度。 在这个
过程中，你的计划会变成多个任务项，每一项会在一天的时间跨度内完成。 如
果一个任务需要多天完成，就把它们进一步的细分。 任务越小，你就越不会害
怕去完成它。

第四是在你执行的过程中监控你的进度，找出问题并解决它们。有些计划看似永
远无法达成，只是因为少了一些监督。 如果事情毫无进展，那么就改变它。 否
则，你的计划只是一个美好的愿望

第五，耐心的去完成你的工作。 所有好的计划都需要花费大量的时间，不可能
一蹴而就。 基础工作必须一步步坚实的完成，否则你的计划的地基就会非常不
可靠。 如果你能顽强的每天，每星期都按照你的计划前进，那么他就会实现。
记住龟兔赛跑的故事。

有关报道: Noah Kagan, Facebook的前任产品经理. Noah最近将很快在Facebook网站上出版一本电子书, 书中对社交网络空间有很好的见解. 读者可以在Noah’s blog, okdork.com.下载此书. 在最近两年中我和Facebook的相关人员进行了很多非正式的对话,虽然不是正式的访谈. 我把这些人视为优秀的人才资源 – 员工,投资者和竞争者.

限制用户注册(以及其他行为)来创建理想的在线服务

Facebook作了很重要的产品决策,保证实体社区和在线服务之间的协调和信任

此外,Facebook已经实行了一系列隐私控制,允许用户准确地控制谁能够查看他们所提供的信息.

一系列被渗透的微社区集合

Facebook比其他的社交网站更能吸引广告机会,因为能够深入地渗透到一系列微社区(各大学校园)内. 如果一个地方的广告商想定位一个特殊的大学校园,Facebook是将广告信息传递给观众的最佳途径. 本地广告行为的CPM千人成本因为所具有的定位本质而受到广告商的高度重视. 每日65%和每周85%的用户登陆率保证了广告商能够非常有效地操作时间导向的广告活动.大的品牌广告商能够通过一次广告活动宣传到几乎每一位美国18-22岁的学生.

想通过在线广告业务定位来建立品牌的广告商(广告商是为了建立品牌,而不仅仅是点击数)的关键是拥有强大的品牌,使众多广告商愿意与之合作.一个被认可的著名品牌能够获取更好的广告CPM千人成本. 拥有同样用户统计数据和用户使用模式的两个网站可能具有很大差异的CPM率, 仅仅是因为品牌认知度和形象的因素. 尽管一些人持不同意见,我相信Facebook完成了非常出色的公关工作 –强调Facebook对大学生的生活和在线消费产生的影响力

创始人在大学生用户群中的可信度

所以Facebook的上市策略是通过电子邮件市场营销, 传播特点,和口头的相互转告来实现的. Facebook在哈佛大学收到迅速的积极的响应后,便开始向其他大学推出该项服务. Facebook在早期没有使用按地域推广的策略, 他们从其他学校的学生收取注册申请表,然后按照申请数量来选择开放学校的优先顺序.  我们可以很有趣的看到这就是Craigslist业务如何扩展到新城市的 – 基于用户需求.

下面列出了几个说明Facebook的网页浏览量比MySpace更有商业价值的理由：

1）Facebook的核心用户（大学生）比MySpace的核心用户（青少年）更令商家满意。因为大学生有更多可自由支配的收入。比起青少年来说，他们拥有信用卡的几率更高。从广告商的角度来看，大学生更合他们胃口。

2）比起MySpace，Facebook展示了一个更加令人注目的区域性广告良机，因为Facebook能够渗透大学生的校园生活，而MySpace就不能以同样的模式显示其用户群。地方性广告的CPM（千人成本，指的是广告投放过程中，听到或者看到某广告的每一人平均分担到多少广告成本）明显比国家性广告要高出很多，因为他们的目标指向性更加明确。

3）品牌广告商认为Facebook比MySpace更安全。因为Facebook在形象上没有MySpace花哨。当广告商考虑哪个网站的内容最能吸引用户时，Facebook已经在品牌定位上取得了更好的成效。

Facebook另一个值得注意的地方是，他们如何熟练地处理整个VC的融资过程来限制对开发者的股权稀释。

而更多的了解这些人的信息则是人的天性，因此，大家都上Facebook。Facebook非常重视大学生每周甚至每天的需要，始终不渝地加强服务的质量，并与用户建立的深厚的友谊。用户的记忆力是值得网络发布商重视的一个问题，尤其是在目标用户的需求经常出现的时候。

Facebook的另一个经验是对品牌和广告点击率排名的重视。那些品牌广告商愿意支付给在线广告的价钱是完全主观的——因为他们认为广告是一门艺术而不是科学

作为一个网络发布商，你能和你的用户以多快的速度建立信任将是决定你成功的关键因素。Facebook通过在主页上只显示少数高校来做到这一点。结合主页的显示和注册过程，用户很快就意识到该网站是只为高校学生服务的。这让他们感到舒服并愿意透露一些平时不愿意透露的信息。方法很简单，却很有效果。Facebook允许用户设置他们的外形信息，并由用户决定让什么人看到信息。但是实际上只有很少一部分的用户对初始设置进行了修改。由此可见，建立信任的关键是服务的品牌和信息而不是特色

据2007年7月数据，Facebook在所有以服务于大学生为主要业务的网站中，拥有最多的用户：三千四百万活跃用户（包括在非大学网络中的用户）。从2006年9月到2007年9月间，该网站在全美网站中的排名由第60名上升至第7名。同时Facebook是美国排名第一的照片分享站点，每天上载八百五十万张照片

网站对用户是免费的，其收入来自广告

起步和发展

Facebook增加了更多提高收入机会的功能。和苹果iTunes的合作推广活动中，加入“苹果学生小组”的用户可以在9月10日之前每周下载25首单曲。这个推广活动的目的是让学生们在秋季学期开学前对苹果和Facebook的服务都更熟悉和喜爱。

2007年5月10日，Facebook宣布了一个提供免费分类广告的计划，直接和其他分类广告站点，如Craigslist竞争。这个被称为“Facebook市场”的功能，于2007年5月14日上线。2007年5月24日，Facebook推出应用编程接口（API）。通过这个API，第三方软件开发者可以开发在Facebook网站运行的应用程序。这被称为Facebook开放平台（Facebook Platform）。同年6月，和iTunes的合作继续为用户提供免费音乐单曲下载。7月，Facebook完成了第一次对其他公司的收购，从Blake Ross和Joe Hewitt手中收购了Parakey（译者：Ross和Hewitt是火狐浏览器的作者，Parakey是一个被称为网络操作系统的平台）。7月24日，Facebook聘用YouTube的前CFO Gideon Yu为CFO，替换了Michael Sheridan。8月，Facebook成为新闻周刊的封面故事。

2007年9月25日，微软宣布他们可能会收购Facebook的部分股份。据称Facebook被完全收购可能性不大，因为其创始人Mark Zuckerberg希望保持独立。

网站功能

墙（The Wall）

墙就是用户档案页上的留言板。有权浏览某一个用户完整档案页的其他用户，都可以看到该用户的墙。用户墙上的留言还会用Feed输出。很多用户通过他们朋友的墙，留短信儿。更私秘的交流则通过“消息（Messages）”进行。消息发送到用户的个人信箱，就象电子邮件，只有收信人和发信人可以看到。

2007年7月起，用户可以在墙上贴附件。之前，只允许文本内容。

另有一个“匿名”的选项。虽然所有人都可以看到礼物，但只有收礼者可以看到送礼者的名字和消息。这种礼物只在礼盒中，而不在墙上显示

Facebook用户注册时免费获得一个礼物。以后的每个礼物一美元

2007年5月，Facebook推出Facebook 市场。用户可以免费发布下列分类广告：卖二手货、租房、工作，等。供求两方均可发布。所有Facebook用户都可以使用这个功能。目前是免费的。

”实际上这个功能的目的只是让用户能引起别的用户的注意。尽管很多用户确实用这个功能来引起别的用户注意，或说声“嘿”，但有些用户仍把它理解为“性”的意味。

状态，让用户向他们的朋友和Facebook社区显示他们现在在哪里、做什么。

Facebook活动的功能帮助用户通知朋友们将发生的活动，帮助用户组织线下的社交活动

2007年5月24日，Facebook推出Facebook 开放平台。利用这个框架，第三方软件开发者可以开发与Facebook核心功能集成的应用程序。

Facebook 标识语言是HTML的子集。Facebook应用的开发者可以用这种语言定制他们的应用程序的外观

与Facebook开放平台同时推出的，还有一个Facebook自己开发的应用程序－－视频分享。用户可以上传视频、通过“Facebook移动”上传手机视频，以及用摄像头录像。

Facebook使用LAMP（Linux、 Apache、 MySQL、 PHP）作为技术构架。Facebook的一个技术构架工程师Steven Grimm在博客中写到：

几乎我们所有的服务器都运行开源软件。我们的Web服务器是Linux，Apache和PHP。我们数据库是MySQL。我们使用memchached来保证网站的快速反应。一些后台应用Python、Perl和Java，以及一些gcc和Boost。程序员用Subversion和git来进行代码管理。还有很多－－象很多网站一样，从头到脚都是开源软件。

Facebook发源于哈佛大学，是目前社会化网络和web2.0的风向标。这个网站目前全球排名第8位，微软公司刚刚宣布投资2.4亿美元以发展其广告事业。估值超过150亿美元。而Facebook开放平台的推出，更是让互联网业内认为它是最有可能和Google比肩的公司。Facebook创建于2004年2月。这样的高速增长和短短三年多取得的成就，成为当今互联网发展的一个奇迹。

很多人退缩（犹豫不决）。或者他们有不太让人高兴的经历，或者他们认为自己应该更加专业。其实毫无疑问的是：在你的圈子里无私分享自己才会增强你与他们的交流。拿出勇气来！

互相介绍并不是建立在你认为两个人互相欣赏的基础上的，而是不需要理由的。

PageRank(网页级别)是Google用于评测一个网页“重要性”的一种方法。在揉合了诸如Title标识和Keywords标识等所有其它因素之后，Google通过PageRank来调整结果，使那些更具“重要性”的网页在搜索结果中另网站排名获得提升，从而提高搜索结果的相关性和质量。

Google的PageRank是基于这样一个理论：若B网页设置有连接A网页的链接(B为A的导入链接时)，说明B认为A有链接价值，是一个“重要”的网页。当B网页级别(重要性)比较高时，则A网页可从B网页这个导入链接分得一定的级别(重要性)，并平均分配给A网页上的导出链接。

导入链接(也叫逆向链接)指链至你网站的站点，也就是我们一般所说的“外部链接”。而当你链至另外一个站点，那么这个站点就是你的“导出链接”，即你向其它网站提供的本站链接。

PageRank反映了一个网页的导入链接的级别(重要性)。所以一般说来，PageRank是由一个网站的导入链接的数量和这些链接的级别(重要性)所决定的。

OpenSocial的早期支持者包括Plaxo、LinkedIn、MySpace 和谷歌旗下的Orkut。不过，OpenSocial并未开放参与网站的

，因此不同社交网站的用户仍然无法交换信息。此外，OpenSocial也不允许用户使用社交搜索引擎，即在所有社交网站搜索和定位好友。

奥莱利在博客中撰文称，缺乏数据共享意味着谷歌并没能理解Web2.0的两条基本原则，即开放数据和松散耦合(loosely coupled)应用或服务

“OpenSocial可以帮助开发者更方便地将应用由一个社交网站移植到另一个社交网站。对于开发者来说，这当然是一个重大胜利，因为他们可以面向所有支持OpenSocial的社交网站发行自己的应用。但对于最终用户来说，OpenSocial几乎没有增加任何价值。我们并不希望所有社交网站都拥有同样的应用，我们需要的是能使用不同社交网站数据的应用。

奥莱利指出，

是Web2.0的一个典型例子，因为它允许开发者将地图嵌入自己的网站，以及同来自外界的数据整合在一起。2004年，奥莱利在一次会议中率先使用“Web2.0”一词指代新媒体，因此获得了“Web2.0之父”的美誉

　　display属性基本上分为inline,block,和none。
　　inline就像它的本意——显示为inline的元素为行。strong,anchor锚和em强调元素默认是行。
　　block元素前后换行。标题和段落元素是块元素。
　　none，意思不显示元素，在可用性上可以实现漂亮的效果，交替样式或hover效果的高级运用。

display:none和visibility:hidden;的不同在于display:none完全取消元素的显示，visibility:hidden保持元素位置但视觉上的内容不可见

id的主要用途:
在客户端页面作为对象的唯一表示,同一个页面中不允许出现多个相同的id.可以使用javascript的document.getElementById(’id’)来获取对象.

用途1:
作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其name通过Request[”name”]取得元素提交的值。

用途2:
HTML元素input type=’radio’分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的name属性来实现的。

用途3:
建立页面中的锚点，我们知道<a href=”url”>link</a>是获得一个页面超级链接，如果不用href属性，而改用name，如：<a name=”PageBottom”></a>，我们就获得了一个页面锚点。

用途4:
作为对象的identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其name来引用该对象。

用途5:
在img元素和map元素之间关联的时候，如果要定义img的热点区域，需要使用其属性usemap，使usemap=”#name”(被关联的map元素的name)。

用途6:
某些特定元素的属性，如attribute，和param。例如为Object定义参数<param name = “appletParameter” value= “value”>。

用途7:
name属性也可以作为客户端对象的标识,可以使用javascript的document.getElementByName(’name’)来获取对象

类：在HTML中当表现class属性的时候，人们可以用点（.）号来作为~=号的一个替代选择，所以div.value等同于div[class~=value]。此时.value只能严格的应用于HTML中的class属性，所以此类选择符叫类选择符。

伪类：伪类对元素进行分类是基于特征(characteristics)而不是它们的名字、属性或者内容；原则上特征是不可以从文档树上推断得到的。在感觉上伪类可以是动态的，当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是”:first-child”能通过文档树推断出来，”:lang”在一些情况下也在从文档树中推断出来

伪类有：:first-child ，:link:，vistited，:hover:，active:focus，:lang

伪元素：伪元素是创造关于文档语言能够指定的文档树之外的抽象

伪元素有：:first-line，:first-letter，:before，:after

伪类和伪元素都不出现在源文件和文档树中

总结上面可以知道：

• 类选择器可以看着属性选择器在HTML应用中的一种快捷方式，从逻辑和功能上理解有传统类的含义，其被HTML元素预定义的属性class引用，所以叫着类选择器。
• 伪类可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类。
• 伪元素所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的元素，所以叫伪元素。

教主从来没看过没买过一本Photoshop实体书，全靠Google和F1。所以你们就别指望我能系统的讲什么东西，此文和我的思想一样天马行空。

教主告诉你们一个真理：人从结绳记事到网络世界这段时间，生理上的脑容量并没改变多少。但外部记忆体的飞跃，使人类能运用更多的知识有更大的力量。所以，对我和我的信徒来说Google和F1就是这个世界的全部！如果你在我的帖子里发问前没有Google没有F1，那么我肯定不会理睬你！

关键词优化有四个要点

要点一：Title，一定不要太长，一般30个字左右，很多站长过分的堆加关键词，这样只能适得其反。 中.国站长站

要点二：Description，告诉人家你网站是做什么的。要有通顺的语句来阐述，同样注意不要堆加关键词。

中.国.站.长.站

要点三：Keywords，这个是给搜索引擎看的，告诉搜索引擎你网站是做什么的。

Www~Chinaz~com

要点四：Alt，对图片的描述，当你的网站长时间为打开的时候，图片可能还未显示，alt就会替代图片，避免了让读者傻呆呆等的现象，至少我如果我是一个读者，我是不希望出现这样的情况的。 中国.站.长站

SS的优势在于可以和DISCUZ的论坛整合，功能非常强大

帝国CMS和DEDECMS相比SS来说更简单些，采集功能我个人感觉比SS好用。说到这说一下采集，采集就是采集别人站点上和你网站定位相符的一些文章，图片等到你自己的网站上来。

目前比较有名的采集器包括：火车头，三人行等，他们的功能都是很强大的，不过对新手来说比较难懂，是要花时间去摸索的。

第六步：如果你想自己的网站被BAIDU收录的多，关键词排名能靠前些，那就坚持每天更新文章。至少要更新10篇以上，也不要每天采集几百几千条信息到自己的站点上，那样BAIDU可能反而收的会比较慢些。

推广自己的站点

脚踏实地从基本的HTML语言和DW学起

做某个专业型的网站对新手来说才是最切合实际的

用户敲打键盘时是否方便

现在网上支持月付的空间很多，可以尝试找信誉较好的空间商买月付的空间，速度即使比不上正规的商业空间，但也比免费空间快多了。关键是便宜啊，一个月10几20块钱就搞定了，如果稳定的话可以考虑买年付的，一年也才100，200块钱。