| 大鹏's profile眼下PhotosBlogLists |  Tools  Help |
|
眼下我与梦擦肩 September 19 半透明style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1; this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5; this.filters.alpha.opacity=50" web2.0的科学理解Zend创建者Andi Gutmans为我们带来了一段非常精炼的Web 2.0诠释，抓住Web 2.0的几个要点，对Ajax、Blog、Wash-Up等Web2.0标志概念以及之间的关系进行了简明扼要的阐述，足以作为Web 2.0的经典定义。（感谢Chris笔录） “大家好，我是Zend的Andi Gutmans，今天我们将要讨论的问题是：什么是Web 2.0？ 也许你早已听说过Web 2.0的部分特征，例如Blog，Mash-up，Ajax，但是Web 2.0含义究竟是什么？Flickr、Youtube这些概念网站就可以代表Web 2.0么？其实不然，Web 2.0的定义更为深入。 Web 2.0由三个部分组成，第一个部分－－RIA，Rich Internet Applications（丰富互联网应用程序），Flash、Ajax等网络应用技术便归于RIA旗下－－改进强化用户浏览器体验，将桌面操作带入浏览器操作的方法－－最典型的，在网页中支持超级托拽功能。 Web 2.0第二个部分－－SOA，Service-Oriented Architecture（面向服务架构），也是Web 2.0的核心部分，相关词汇：Feeds、RSS、Web Services、Mash-Up。SOA的核心问题－－开放、互通，如何让来自不同服务商的网络应用能够协作运行。作为SOA核心词汇之一，Mash-Up其实就在我们身边－－例如，Google开放功能模块API接口的行为直接导致一系列以Google Earth为核心的第三方网络服务产生。 Web 2.0第三个部分－－Social Web（网络社交），Web 2.0应用大大提高了终端用户的互动性，用户不再仅仅是服务的使用者，同时成为服务的创造参与者－－WiKi、Blog、Tag、Podcast等用户交互行为让Web 2.0应用更能“吸引”用户，并且激发用户行为创造资源和内容。 如何才能创建一个成功的Web 2.0网站/产品？ 亦有三点需要注意的问题。 首先，你需要规划一个出色的Ajax支持产品－－Ajax特指一系列创建Web 2.0服务的关键技术，是创造丰富用户体验的技术基础，当然，在浏览器支持方面也要IE/火狐通吃。 其次，为你的产品选择合适的编程语言，能够完成你需要创立的网络服务－－服务产品是Web 2.0关键，选择好合适的语言是产品的技术基础。 最后，拥有一个可迭代（Iterative）的软件架构，可以非常方便地添加、部署、升级功能特性－－这对拥有大量用户的情况下进行持续更新十分必要。” 文中关键词总结： RIA－－Ajax、Flash SOA－－RSS、Feeds、Web Services、Mash-Up，API Social Web－－Wiki、Blog、Tagging、Podcast Iterative Tags: Web 2.0 August 08 我目前完成设计的网站汇总Paul-设计作品展示－相关作品截图请浏览：http://zpauloo.spaces.live.com/
目前在线网站：
1、 雪花啤酒 http://www.snowbeer.com.cn 2、 成才网 http://www.chengcai.net/ 3、 龙拓互动 http://www.chengcai.net/ 4、 龙拓致胜 http://www.longtuov.com 5、 传奇速记 http://www.chuanqisuji.com/index.html 6、 加拿大裕隆教育 网址变更存有所有源文件 7、 欢乐传媒－乐动网：http://www.letdoo.com/ 8、 btv-2梦想星空 http://www.dream88.cn 9、 上东会 www.upper-eastside.com 10、 猎头招聘 http://www.hr-bank.net/ 11、 中国纺织网 http://www.fashionresource.com.cn/ 12、 亚细亚友之会日本语学校 网站在日本 13、 京西厨具 http://www.jingxichuju.com/ 14、 北京伯乐都市新贵车租赁有限公司 http://www.bldsxg.com/ 15、 四达国际旅行社 http://www.cnssits.com/ 16、 美驰门窗 http://www.mylch.com/ 17、 北京协和医院 http://www.pumch.ac.cn/ 18、 北京阳光节点网络技术有限公司 http://www.nodessun.com/ 19、 北京摇太阳文化艺术传播有限公司 网址变更 20、 泉州克罗斯阀门制造有限公司 http://www.krosvalve.cn/ 21、 北京开运竹园林景观有限公司 http://www.bjkyz.com.cn/ 22、 北京海天远大科技有限公司 http://www.bjhtyd.com/ 23、 北京光信光通科技有限公司 http://www.gxgt.cn/ 24、 2006（中国）节能环保汽车奥运城市绿色行活动 http://www.greenauto.net/ 25、 现代管理大学中曲演艺学院 http://www.xiqucollege.com/ 26、 中国人民大学上海联络处 http://www.chinardr.net/rdr/web/web/
独立设计网站：
1、 雪花啤酒 2、 安踏运动 3、 欢乐传媒－乐动网 4、 当当网 5、 当当网B2B即时通讯工具界面 6、 btv-2梦想星空 7、 成才网 8、 MSN中国插件及页面 9、 切尔茜护肤专家 10、 中国形象设计网 11、 北京龙发装饰 12、 O`ROLA 13、 美驰门窗 14、 鲁艺文君古典家具有限公司 15、 北京协和医院 16、 中电华通－北京站 17、 ONE MEDIA PLANET 18、 北京宽地摄影 19、 孟琳行摄影 20、 北京华兆益生健康体检中心 21、 IAE留学网络 22、 空军总医院整形美容中心 23、 沈阳海洋世界 24、 龙拓互动 25、 龙拓致胜 26、 泉州克罗斯阀门制造有限公司 27、 中国纺织网 28、 京西厨具 29、 传奇速记 30、 加拿大裕隆教育 31、 上东会 32、 猎头招聘 33、 亚细亚友之会日本语学校 34、 北京伯乐都市新贵车租赁有限公司 35、 四达国际旅行社 36、 北京阳光节点网络技术有限公司 37、 北京摇太阳文化艺术传播有限公司 38、 北京开运竹园林景观有限公司 39、 北京海天远大科技有限公司 40、 北京光信光通科技有限公司 41、 盛世嘉华文化发展有限公司 42、 2006（中国）节能环保汽车奥运城市绿色行活动 43、 现代管理大学中曲演艺学院 44、 可丽亚医疗美容 45、 东方英文书院 46、 中国人民大学上海联络处
非企业型设计：
1、 雪花啤酒海报 2、 雪花啤酒论坛设计 3、 雪花啤酒－啤酒艺术－flash动画设计制作 4、 Flash大话三国－非典篇 5、 Flash 祖国腾飞 6、 当当网即时通讯工具皮肤设计 7、 MSN windows live messenger 皮肤设计 8、 金属数码产品设计 9、 PAUL个人站设计A 10、PAUL个人站设计B 11、《龙艳》个人站设计A 12、 《龙艳》个人站设计B CSS解决未知高度垂直居中管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。
标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中，但非标准浏览器是不支持的。 非标准浏览器只能在子元素里设距顶部50%，里面再套个元素距顶部-50% 来抵消。 CSS body {padding: 0; margin: 0;}
xhtml <div id="outer">
以上CSS代码的优点是没有hacks，采用了IE不支持的CSS2选择器#value[id]。 CSS2选择器#value[id]相当于选择器#value，但是Internet Explorer不支持这种类型的选择器。同样地.value[class]，相当于.value,这些只有标准浏览器能读懂。 测试：Firefox1.5、Opera9.0、IE6.0、IE5.0通过。
July 21 世界各地水族馆网址
http://www.oceanpark.com.hk/f_index.html http://www.seaworld.com/sw_index.aspx
广州海洋馆 http://www.gzoceanworld.com/ 亚洲其他著名水族馆 http://www.underwaterworld.com.sg/ 大洋州著名水族馆 The melbourne aquarium http://www.melbourneaquarium.com.au/ 非洲著名水族馆 美洲著名水族馆 birch aquarium http://aquarium.ucsd.edu/ July 19 备忘录HTML模板 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
框架： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
3,制作1px边框表格的几种方法 一、用嵌套表格 用两个表格嵌套，外层的表格的长与宽比里层的多出2px，并设置对齐属性为水平居中、垂直居中，然后把外层表格的背景设为你需要的边框颜色，里层表格背景设为与网页背景相同，这样就实现我们的愿望了，实例如下： <tr> <table cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="30" height="30" border="0"> 二、设置亮、暗边框颜色 表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性，把表格边框(border)设为1px，亮边框(bordercolorlight)设为背景色，暗边框(bordercolordark)设为你需要的实际边框颜色就可以了，实列如下： <table border="1" cellpadding="0" cellspacing="0" width="32" height="32" bordercolorlight="#000000" bordercolordark="#FFFFFF"> 三、用CSS定义（一） （推荐使用） 代码为： 实例如下： <table border="1" cellspacing="0" width="32" height="32" style="border-collapse: collapse" bordercolor="#000000" cellpadding="0">
四、用CSS定义（二） 代码为： 实例如下： <table cellspacing="1" width="32" height="32" style="border: 1px solid #000000; "> <tr>
4,各种播放器代码 SWF格式:
3.1.avi格式 <object id="video" width="400" height="200" border="0" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa">
3.2.mpg格式 <object classid="clsid:05589fa1-c356-11ce-bf01-00aa0055595a" id="activemovie1" width="239" height="250"> 3.3.smi格式 <object id=rvocx classid=clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa width=240
3.4.rm格式 <object id=video1 classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" height=288 width=352>
<param name="_extentx" value="9313">
</object>
3.5.wmv格式
<object id="nsplay" width=200 height=180 classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=6,4,5,715" standby="loading microsoft windows media player components..." type="application/x-oleobject" align="right" hspace="5">
<param name="showcontrols" value="1">
<param name="showpositioncontrols" value="0">
<param name="showaudiocontrols" value="1">
<param name="showtracker" value="0">
<param name="showdisplay" value="0">
<param name="showstatusbar" value="0">
<param name="showgotobar" value="0">
<param name="showcaptioning" value="0">
<param name="autostart" value=1>
<param name="volume" value="-2500">
<param name="transparentatstart" value="0">
<param name="allowchangedisplaysize" value="0">
<param name="allowscan" value="0">
<param name="enablecontextmenu" value="0">
5,ASP结构化 <%@LANGUAGE="VB******" CODEPAGE="936"%> '设置属性 Private Sub show() '引用类 6,W******.Network及W******.Shell简单使用示范: <% Result: W******.Shell: Set WshSysEnv=WshShell.Environment("SYSTEM") %> Result: 7,Request.ServerVariables(http://www.elook.net.cn/ServerVariables.asp）: HTTP_ACCEPT:*/*
HTTP_ACCEPT_LANGUAGE:zh-cn
HTTP_CONNECTION:Keep-Alive
HTTP_HOST:elook.net.cn
HTTP_USER_AGENT:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2)
HTTP_COOKIE:ASPSESSIONIDCCQCQCBC=AGFFNAMAOIEKLFCAJLKNFEME
HTTP_ACCEPT_ENCODING:gzip, deflate
列出所有未格式化的HTTP标头： Accept: */* Accept-Language: zh-cn Connection: Keep-Alive Host: elook.net.cn User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2) Cookie: ASPSESSIONIDCCQCQCBC=AGFFNAMAOIEKLFCAJLKNFEME Accept-Encoding: gzip, deflate
ALL_HTTP:HTTP_ACCEPT:*/* HTTP_ACCEPT_LANGUAGE:zh-cn HTTP_CONNECTION:Keep-Alive HTTP_HOST:elook.net.cn HTTP_USER_AGENT:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2) HTTP_COOKIE:ASPSESSIONIDCCQCQCBC=AGFFNAMAOIEKLFCAJLKNFEME HTTP_ACCEPT_ENCODING:gzip, deflate ALL_RAW:Accept: */* Accept-Language: zh-cn Connection: Keep-Alive Host: elook.net.cn User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2) Cookie: ASPSESSIONIDCCQCQCBC=AGFFNAMAOIEKLFCAJLKNFEME Accept-Encoding: gzip, deflate APPL_MD_PATH:/LM/W3SVC/10/Root APPL_PHYSICAL_PATH:f:\homeweb\homec\8esky203\ AUTH_PASSWORD: AUTH_TYPE: AUTH_USER: CERT_COOKIE: CERT_FLAGS: CERT_ISSUER: CERT_KEYSIZE: CERT_SECRETKEYSIZE: CERT_SERIALNUMBER: CERT_SERVER_ISSUER: CERT_SERVER_SUBJECT: CERT_SUBJECT: CONTENT_LENGTH:0 CONTENT_TYPE: GATEWAY_INTERFACE:CGI/1.1 HTTPS:off HTTPS_KEYSIZE: HTTPS_SECRETKEYSIZE: HTTPS_SERVER_ISSUER: HTTPS_SERVER_SUBJECT: INSTANCE_ID:10 INSTANCE_META_PATH:/LM/W3SVC/10 LOCAL_ADDR:218.85.133.52 LOGON_USER: PATH_INFO:/ServerVariables.asp PATH_TRANSLATED:f:\homeweb\homec\8esky203\ServerVariables.asp QUERY_STRING: REMOTE_ADDR:219.137.95.96 REMOTE_HOST:219.137.95.96 REMOTE_USER: REQUEST_METHOD:GET ******_NAME:/ServerVariables.asp SERVER_NAME:www.elook.net.cn SERVER_PORT:80 SERVER_PORT_SECURE:0 SERVER_PROTOCOL:HTTP/1.1 SERVER_SOFTWARE:Microsoft-IIS/5.0 URL:/ServerVariables.asp HTTP_ACCEPT:*/* HTTP_ACCEPT_LANGUAGE:zh-cn HTTP_CONNECTION:Keep-Alive HTTP_HOST:www.elook.net.cn HTTP_USER_AGENT:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2) HTTP_COOKIE:ASPSESSIONIDCCQCQCBC=AGFFNAMAOIEKLFCAJLKNFEME HTTP_ACCEPT_ENCODING:gzip, deflate
8,加入背景音乐
9,简单的window.open方法
参数解释： 10,拉动页面时背景图不动 11,让浏览器在保存页面时保存失败
12，禁止右键，禁止选择文本
13,随机替换图片 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
14,窗口定时关闭
15,网页自动关闭 16,网页自动刷新
17,网页自动转页
18,保持layer在最前面，而不被Iframe、Object所覆盖
19,从历史列表中装入一个 URL
20,Iframe 透 明 背 景 不需修改，但如果 iframe 裡的網頁裡有先預設背景圖／背景顏色，要先把該設定刪除～
21,论坛贴图，当图片过大就会引网页的变形的解决方法： <table width="100" border="1" style="table-layout:fixed;word-break:break-all"> 另外，在表格里加入style="table-layout:fixed;word-break:break-all"，可以防止内容撑破本格。
打开这个页面的原代码，在<head>与</head>插入代码：
这样这个过渡效果就完成了，很简单吧。现在我们来测试一下效果如何，打开这个页面，然后点击页面上的链接，页面在转到下一个页面的过程中，我们看到页面是从上到下慢慢的转换到第二个页面的。
我们现在再试一个效果，将那段代码换成：
我们看到页面是从中间向左右两端展开过渡的，而且速度上快了一点。原因在于Duration和Transition的值不同。Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：0 盒状收缩 1 盒状放射
当Transition为23时，会随机产生0到22中的一个过渡效果。例如：<meta http-equiv="Page-Exit" content="revealTrans(Duration=2,Transition=23)">
除了上面两个参数，还有一个http-equiv：http-equiv="Page-Exit"的意思是指页面离开时产生效果。
23,禁止网页图片的下载 下面的代码将帮助你禁止网页中目标对象被下载：<a href="java******:void(0)" onMouseDown="alert('对不起!图片不能下载！')"></a>
24,查看当前网页的HTML源代码: 在网页的BODY中加入以下的代码: <FORM> 25,网页中双击向下滚屏 //自动滚屏 function sc() function scrollwindow()
26,设为首页、加入收藏夹的代码
27,时间显示1 <****** language="Java******"> //-->
28,时间显示2 <****** language=Java******> 以下的放在目标位置： <******>
29,滚动显示区域
30,关闭窗口
31, 右键打开收藏夹 脚本说明:
32,Kafree使用的一份CSS模板 <STYLE type=text/css> .litter4 {
33,写组件DLL时有用的代码 Option Explicit
34,DVBBS7.0中的一段打开Access、SQL数据库的代码 Sub ConnectionDatabase
35,SQL注入防御代码 Function ReqNum ( StrName ) Function ReqStr ( StrName ) 以上面三句SQL语句，说明一下调用方法： 重申一点：上面的方法无论对SQLServer库还是Access或是其它数据库，都是绝对适用、绝对安全，但注意一点，SQLServer的存储过程是个例外，该情况下要把单引号替换成四个单引号，以保安全。
36,ASP 3.0内置Application、ASPError、Request、Session、ObjectContext、Server等7个对象。 下面的是一段将ADODB.Connection放入Application的方法：
37,ASP常用的几段代码 '************************************************** '**************************************************
function dvHTMLEncode(fString)
dvHTMLEncode = fString
function dvHTMLCode(fString)
function nohtml(str)
38,注册组件可用到的批处理文件 copy powereasy.dll %windir%\system32
更新组件.bat:
卸载组件.bat:
39,永远带着框架 在子框架文件中<head></head>之间加入:
破解方法：
40,改变IE地址栏的IE图标 我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码： <link REL = "Shortcut Icon" href="/mediablog/index.ico">
41,ASP代码里嵌入各种播放器
<%
dim lurl
select case Lcase(right(lurl,4))
select case Lcase(right(lurl,3))
42,Show event.keycode }
43,不同时间段显示不同问候语 <****** Language="java******">
43,随机变换背景图象（一个可以刷新心情的特效） 在<head></head>之间加上如下代码： <****** Language="java******">
44,表格的半透明显示效果 在<head></head>之间加上如下代码： <style>
在<body></body>之间加上如下代码： <table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" >
45,Dvbbs 6.x To 7.0升级文件中的一些涉及表、字段操作的SQL语句 '更改数据库表名，入口参数：老表名、新表名
'删除字段通用函数
'添加字段通用函数
'更改字段通用函数
'删除表通用函数
46,今天在动网，看到有人问如何使Frmae背景透明?刚好我以前用过，Kafree现提供代码： July 13 ajax产品Wiki百科、Wallop 、yahoo360 、openbc 、 cyworld 、43things 、 flickr、 del.icio.us、 cragslist 、glob 、客齐集、 friendster 、 linkin 、UU通 、 优友 、 天际网 、爱米网 、linkist 、新浪点点通、skype、亿友、cyworld web2.0定义总之，Web2.0是以 Flickr、Craigslist、Linkedin、 Tribes、Ryze、 Friendster、Del.icio.us、43Things.com等网站为代表，以Blog、TAG、SNS、RSS、 wiki等应用为核心，依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代模式。 July 12 vblogJuly 07 全面精通Web 2.0，做互联网潮头人Web 2.0 正在让互联网逐渐找回Internet的真正含义：平等、交互，去中心化。你不应该只是互联网的读者，你也应该是互联网的作者； 你不该只是在互联网上冲浪，你本身就是波浪制造者。Web 2.0 之于Web 1.0 ，如同分布式计算之于集中式计算，网格之于大型主机。 WEB2.0概念诠释 Web2.0，是相对Web1.0（2003年以前的互联网模式）的新的一类互联网应用的统称，是一次从核心内容到外部应用的革命。由Web1.0单纯通过网络浏览器浏览html网页模式向内容更丰富、联系性更强、工具性更强的Web2.0互联网模式的发展已经成为互联网新的发展趋势。 Web1.0到Web2.0的转变，具体的说，从模式上是单纯的“读”向“写”、“共同建设”发展；由被动地接收互联网信息向主动创造互联网信息迈进！从基本构成单元上，是由“网页”向“发表/记录的信息”发展；从工具上，是由互联网浏览器向各类浏览器、rss阅读器等内容发展；运行机制上，由“Client Server”向“Web Services”转变；作者由程序员等专业人士向全部普通用户发展；应用上由初级的“滑稽”的应用向全面大量应用发展。 总之，Web2.0是以 Flickr、Craigslist、Linkedin、Tribes、Ryze、 Friendster、Del.icio.us、43Things.com等网站为代表，以Blog、TAG、SNS、RSS、wiki等应用为核心，依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代模式。 应用： 1、 Blog（from wiki） 历史： Blog一词本起源于 weblog，意思是网上日志。1997年由 Jorn Barger所提出。在1998年， infosift 的编辑Jesse J. Garrett (http://www.jjg.net)，将一些类似blog的网站收集起来，寄给Cameron Barrett。 Cameron随后将名单发布在CamWorld网站上，许多人亦陆续将blog的URL给Cameron，慢慢的，一个新的网络社区俨然成型。1999年，Brigitte Eaton (http://www.eatonweb.com)成立一个weblog 目录，收集她所知道的blog站。1999年，Peter Merholz (http://www.peterme.com)首次使用缩略词“blog”，成为今天常用的术语。但是，blog 真正开始快速发展的转折点，是在1999年6月，当时Pitas开始提供免费的weblog服务，紧接着8月，Pyra lab推出了现在的blogger.com。blogger.com 提供了简单易学的说明，以及能通过FTP直接将blog发表在个人网站上的功能，这带给使用者很大的方便。目前已经有了很多Blog托管服务商(BSP)，业内人士对其盈利前景，持谨慎乐观态度。 Blog的特点 Blog是个人或群体以时间顺序所作的一种记录，并且不断更新。blog之间的交流主要是通过回溯引用（TrackBack）和回响/留言/评论（comment）的方式来进行的。blog的操作管理用语，也借鉴了大量档案管理用语。一个blog亦可被视为一个档案（archives），或是卷宗（fonds）。与传统档案不同的是，blog的写作者（blogger），既是这份档案的创作人（creator），也是其档案管理人（archivist）。 Blog大量采用了RSS（Really Simple Syndication或者Rich Site Summary或者RDF Site Summary）技术，所有的RSS文件都必须符合由W3C发布的XML 1.0规范。对读者来说，可以通过RSS订阅一个blog，确知该blog作者最近的更新。对Blog作者来说，RSS可以使自己发布的文章易于被计算机程序理解并摘要。 对知识管理和创造而言，blog提供了新的形态和途径。对汉语为母语的人而言，blog写作既接续了汉语笔记文学的优秀传统，更充分鼓励了个人表达。从交往形态考察，网志空间（blogosphere）设定了积极的读者、作者、编者互动转换关系，“言者互重，阅者相惜 ”。 2、 Tag （from blogbus） 什么是Tag？ Tag（标签）是一种更为灵活、有趣的日志分类方式，您可以为每篇日志添加一个或多个Tag（标签），然后您可以看到BlogBus上所有和您使用了相同Tag的日志，并且由此和其他用户产生更多的联系和沟通。不仅如此，我们还通过与Technorati的合作，把您的Tag发送到全球Blog空间，和全世界的人们共同分享。 Tag体现了群体的力量，使得日志之间的相关性和用户之间的交互性大大增强，可以让您看到一个更加多样化的世界，一个关联度更大的Blog空间，一个热点实时播报的新闻台。Tag为您提供前所未有的网络新体验…… 当然，您也可以简单地把一个Tag（标签）理解为一个日志分类，但是Tag和分类的不同之处也很明显： 首先，分类是您在写日志之前就定好的，而Tag是在您写完日志之后再添加的； 其次，您可以同时为一篇日志贴上好几个Tag（标签），方便自己随时查找，而原先一篇日志只能有一个分类； 再次，当您积累了一定数量的Tag之后，您可以看看自己在Blog中最经常写的是哪些话题； 最后，您可以看到有哪些人和自己使用了一样的Tag（标签），进而找到和您志趣相投的Blogger。 举一个例子，比如说：您写了一篇到西湖旅游的日志，原来您都是把这一类的日志放到自己的“驴行天下”分类下，但是有了Tag之后，您可以给这篇日志同时加上“旅游”、“杭州”、“西湖”、“驴行天下”等几个Tag，当浏览者点击其中任何一个Tag，他都可以看到您的这篇日志。同时您自己也可以通过点击这几个Tag，看看究竟有谁最近也去了杭州旅游，或许你们还可以交流一下旅游心得，成为下一次出游的伙伴呢！ 3、 SNS Social Network Service，社会性网络软件，依据六度理论，以认识朋友的朋友为基础，扩展自己的人脉。并且无限扩张自己的人脉，在需要的时候，可以随时获取一点，得到该人脉的帮助。 SNS网站，就是依据六度理论建立的网站，帮你运营朋友圈的朋友。 4、 RSS（from wiki） RSS是一种用于共享新闻和其他Web内容的数据交换规范，起源于网景通讯公司的推"Push"技术，将订户订阅的内容传送给他们的通讯协同格式(Protocol)。RSS可以是以下三个解释的其中一个： Really Simple Syndication（真正简单的整合） RDF (Resource Description Framework) Site Summary Rich Site Summary（丰富站点摘要） 但其实这三个解释都是指同一种Syndication的技术。 目前RSS规范的主要版本有0.91、1.0和2.0。 0.91版和1.0版完全不同，风格不同，制定标准的人也不同。0.91版和2.0版一脉相承。1.0版更靠拢XML标准。 RSS目前广泛用于blog、wiki和网上新闻频道，世界多数知名新闻社网站都提供RSS订阅支持。 5、 Wiki（from wiki） Wiki一詞源自夏威夷語的「wee kee wee kee」，本是「快點快點」之意。在這裡Wiki指的是一種超文本系統。這種超文本系統係支持那些面向社群的協作式寫作，同時也包括一組支持這種寫作的輔助工具。有人認為，Wiki系統屬於一種人類知識的網路系統，我們可以在Web的基礎上對Wiki文本進行瀏覽、創建、更改，而且這種創建、更改、及發佈的代價遠比HTML文本小；與此同時Wiki系統還支持那些面向社群的協作式寫作，為協作式寫作提供了必要的幫助；最後，Wiki的寫作者自然構成了一個社群，Wiki系統為這個社群提供了簡單的交流工具。與其它超文本系統相比，Wiki有使用簡便且開放的優點，所以Wiki系統可以幫助我們在一個社群內共用某個領域的知識。 Wiki起源 1995年沃德•坎寧安（Ward Cunningham）為了方便模式社群的交流創建了全世界第一個wiki系統－WikiWikiWeb，並用它建立了波特蘭模式知識庫（Portland Pattern Repository）。在建立這個系統的過程中，沃德•坎寧安創造了Wiki的概念和名稱，並且實現了支持這些概念的服務系統。這個系統是最早的Wiki系統。從1996年至2000年間，波特蘭模式知識庫圍繞著面向社群的協作式寫作，不斷發展出一些支持這種寫作的輔助工具，從而使Wiki的概念不斷得到豐富。同時Wiki的概念也得到了傳播，出現了許多類似的網站和軟體系統。 Wiki的歷史不長，無論是Wiki概念本身，還是相關軟體系統的特性，都還在熱烈的討論中；所以怎樣的一個站點才能稱得上是一個Wiki系統還是有爭議的。與Wiki相關新近出現的技術還有blog，它們都降低了超文本寫作和發佈的難度。這兩者都是同內容管理系統密切相關的。 Wiki的特點 使用方便 維護快捷：快速創建、存取、更改超文本頁面（這也是為什麼叫作 "wiki wiki" 的原因）。 格式簡單：用簡單的格式標記來取代 HTML 的複雜格式標記。（類似所見即所得的風格） 鏈接方便：通過簡單標記，直接以關鍵字名來建立鏈接（頁面、外部連接、圖像等）。 命名平易：關鍵字名就是頁面名稱，並且被置於一個單層、平直的名空間中。 可增長 可增長：頁面的鏈接目標可以尚未存在，通過點擊鏈接，我們可以創建這些頁面，從而使系統得以增長。 修訂歷史：記錄頁面的修訂歷史，頁面的各個版本都可以被獲取。 開放性 開放的：社群內的成員可以任意創建、修改、或刪除頁面。 可觀察：系統內頁面的變動可以被來訪者清楚觀察得到。 由於Wiki的自組織，可增長以及可觀察的特點，使Wiki本身也成為一個網路研究的對象。對Wiki的研究也許能夠讓人們對網路的認識更加深入 理论和技术： 1、 六度关系理论 目前流行的“六度分隔”理论是20世纪60年代由美国的心理学家米格兰姆（Stanley Milgram）提出的，这个理论可以通俗地阐述为： 最多通过六个人你就能够认识任何一个陌生人。“六度分隔”成为人际关系世界中无可否认而又令人震惊的特征，许多社会学上的深入研究也给出令人信服的证据，说明这一特征不只是特例，在一般情形下也存在。 最近，美国哥伦比亚大学社会学系的瓦茨教授领导的EMAIL试验也再次证明了这一人际关系世界中惊人的规律。然而，在现实世界中，六十亿人怎么可能真的构成如此紧密的相互关联呢？是互联网使一切成为现实。 2、 Xml XML即可扩展标记语言（eXtensible Markup Language）。标记是指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的文章等。如何定义这些标记，既可以选择国际通用的标记语言，比如HTML，也可以使用象XML这样由相关人士自由决定的标记语言，这就是语言的可扩展性。XML是从SGML中简化修改出来的。它主要用到的有XML、XSL和XPath等。 3、 AJAX Ajax并不是一种技术。它实际上是几种已经在各自领域大行其道技术的强强结合。Ajax混合了： * 基于XHTML/CSS * 由DOM（Document Object Model）实现动态显示与交互 * 通过XML和XSLT进行数据交换及处理 * 使用JavaScript整合上述技术 直观一点的说Ajax能够实现不刷新浏览器窗口（当然更不用安装额外的插件）而满足用户的操作，现在一些看上去很Cool的网站，很多是用这项技术实现的，其中包括：orkut、Gmail、Google Group、Google Suggest、Google Maps、Flickr、A9.com等。2SIMPLE的Co-mment系统虽然没有用到XML/XSLT，其理念已经暗合容Ajax，实现了不刷新网页提供动态内给用户。 现有的产品： Wiki百科、Wallop 、yahoo360 、openbc 、 cyworld 、43things 、 flickr、 del.icio.us、 cragslist 、glob 、客齐集、 friendster 、 linkin 、UU通 、 优友 、 天际网 、爱米网 、linkist 、新浪点点通、skype、亿友、cyworld 现在说说web2.0的具体应用。 历史很重要。对一个技术的学习也应当从历史出发，通过其在时间形成历史的流变，得以知晓现状，甚至能够预知未来。 那Web 1.0是什么呢？ 他们说，记得静态HTML的WWW时代么？ （那个时代的WWW应用、人们的Web体验、对社会的影响如何？） 那么动态HTML和静态HTML下的Web相比，是多少版本？1.5？对了，他们是真这么叫的。 （在效果和影响上，与1.0相比，扩展和加深多少？） 要呈现的数据存储在数据库中，通过Web服务端的程序，应用户的请求，取出数据，加上事先设计的模板，动态的生成Html代码，发送到用户的浏览器那里。 他是1.0系列，应为用户在浏览器中所见和Web 1.0一样，它有0.5的升级，因为数据不是事先制作并发布，而是动态生成，和用户的需要交互生成。 那好，在加0.5，到Web 2.0，变化是在哪里呢？ （看到了正在崛起的和改变的，会继续朝着什么方向改变互联网和社会呢？） 更新：关于各个版本的差别，看看亚马逊的例子。 事情没有那么幸运，Web 2.0并不是一个具体的事物，而是一个阶段，是促成这个阶段的各种技术和相关的产品服务的一个称呼。所以，我们无法说，Web 2.0是什么，但是可以说，那些是Web 2.0。 WikiPedia的Web 2.0条目下列出了这些条件： * CSS 和语义相关的 XHTML 标记 * AJAX 技术 * Syndication of data in RSS/ATOM * Aggregation of RSS/ATOM data * 简洁而有意义的 URLs * 支持发布为 weblog * RESTian (preferred) 或者 XML Webservice APIs * 一些社会性网络元素 必须具备的要素有： * 网站应该能够让用户把数据在网站系统内外倒腾。 * 用户在网站系统内拥有自己的数据 * 完全基于Web，所有的功能都能透过浏览器完成。 （以上内容引用自英文版维基百科） 虽然这只是一家之言，不过，对于其中谈到的几个要素，大家还是公认的。 - 基于RSS/ATOM/RDF/FOAF等XML数据的同步、聚合和迁移。 数据不再和页面和网站混粘在一起，它独立了，它跟着用户走。这是Web 2.0的很重要特征。这也是为什么Blog是Web 2.0的代表的原因。在网志上，常主角的是相互独立的一则则的网志。 独立，然后有物理表现。现在，就能让他们活跃起来。透过对XML数据的处理，这些内容能被自由的组合，被各种应用程序，不论是Web程序还是桌面程序等呈现和处理。 （更新：参看商业周刊的All Your Info in One Place） 当然，最重要的是背后的人。 - 社会性因素。 内容跟着人走，内容又能够被用户自由的组合，也就是说，用户能够自由的借助内容媒介，创建起一个个的社群，发生各种社会性的（网络）行为。 此外还有标签以及建立在开放标签系统之上的Folksonomy。 - 第三个公认的因素是开放API，这个技术性稍强些，得另花时间研习，可以先看看例子：amazon、flickr、google map等。 （Web 2.0是个大筐，装了好多东西） 从Web应用的产品/服务生产者角度来说，该如何创建Web 2.0的产品呢？ 重要的是要抓住这么几点，一个是微内容（这里有定义），一个是用户个体。除了这两个最基本的之外，还可以考虑社群内的分享以及提供API。 微内容：英文是microcontent。用户所生产的任何数据都算是微内容，比如一则网志，评论，图片，收藏的书签，喜好的音乐列表、想要做的事情，想要去的地方、新的朋友等等。这些微内容，充斥着我们的生活、工作和学习，它的数量、重要性，还有我们对它的依赖，并不亚于那些道貌岸然、西装革履的正统文章、论文、书籍。 对微内容的重新发现和利用，是互联网所开创的平等、***、自由风气的自然衍生，也是互联网相关技术消减信息管理成本之后的一个成果。 我们每天都生产众多的微内容，也消费着同样多的微内容。对于Web 2.0来说，如何帮助用户管理、维护、存储、分享、转移微内容，就成了关键。 用户个体。对于Web 1.0的典型产品/服务来说，用户没有具体的面貌、个性，它只是一个模糊的群体的代名词而已。但是对于Web2.0的产品和服务来说，用户是个实实在在的人。Web 2.0所服务的，是具体的人，而不是一个如同幽灵般的概念。并且，这个人的具体性，会因为服务本身而不断地充实起来。 如何为这个具体的个体服务，是Web 2.0设计的起点。 因此，一类可以被称作Web 2.0的产品/服务将是这样： 服务于用户个体的微内容的收集、创建、发布、管理、分享、合作、维护等的平台。 这是表。 里呢，恐怕就设计到好些人提到的，微内容的XML表现；微内容的聚合；微内容的迁移；社会性关系的维护；界面的易用性等等。 其质，是否就是开源、参与、个人价值、草根、合作等等？ Web2.0是许多方面起头并进又相互牵连的一个新的阶段的到来。因此，不同的人，有着不同的看法。那么，对于Web开发人员来说，Web2.0意味着什么呢？ 他们说Web2.0阶段，Web是一个平台，或者说，Web正在变得可编程，可以执行的Web应用。野心家们设想这个它的终极目标是Web OS。 Web 1.0时候，Web只是一个针对人的阅读的发布平台，Web由一个个的超文本链接而成。现在的趋势发生了变化，Web不仅仅是Html文档的天下，它成了交互的场所。 Web 2.0 Conference网站的横幅引用Jeff Bezos的话说“Web 1.0 is making the internet for people，web 2.0 is making the internet better for computers”。 具体来讲，他们说Web成为一个开发环境，借助Web服务提供的编程接口，网站成了软件构件。 这些，就是Web Service的目标吧，信息孤岛通过这些Web Service的对话，能够被自由构建成适合不同应用的建筑来。 一些例子：del.icio.us、flickr、a9、amazon、yahoo、google、msn等提供的编程接口衍生出的各种应用。 为什么要开放APIs，这涉及到集市中的商业方面的技术策略。当然，还有更深层的原因，那是什么呢？ 这种交互不仅体现在不同的网站服务之间，同时还体现在用户和Web之间在浏览器上的交互。这也是为什么在美味书签的收藏中Web2.0和AJAX如此相关的一个原因。 在Web页面上使用桌面程序有的那些便利，真的是很享受的事情。这恐怕也是Web可编程的一个方面，Web页面不再是标记和内容混合那样的简单，它就是一个可以编程的地方（是这样理解吧？） 有人反对说，AJAX的使用对搜索引擎不友好，只有Web 1.0的站长才关心这个事情吧，在Web 2.0时候，站长应该关心的是用户参与的便利、用户的自由度，至于搜索，有RSS/ATOM/RDF等，更本用不着操心，Google不是已经顺应这个趋势，让大家主动提交了么？ 可编程的第三个方面，是否在于Web应用和桌面应用之间的无缝连接趋势的出现？类似这里说的“从工具上，是由互联网浏览器向各类浏览器、rss阅读器等内容发展” ...... 自己不是专业开发人员，对Web OS的学习就点到为止，下次换个方向，否则我非头大不可。 --------------------- cathayan和Live21说Web 2.0其实思路很古老，就是internet 1.0的回归。 Live21那里提到“关于概念的炒做应该不是一次两次的问题了”。 提到概念炒作，我还真见到过，今天在一篇报道中看到作为WEB 2.0的BSP的字眼，好笑得很。 不过，我真想说明，在目前中文Blog空间内能查阅到的学习、探讨Web 2.0的资料都不是炒作，因为包括我在内，大家都没有任何商业背景（注意，新闻报道中的那些Web 2.0除外）。 [Web 2.0是个历史学的概念，而非是个技术性的概念，它是对Web发展历史断代的成果。对这个概念的梳理，能帮助我更好的把握互联网正在发生的技术与文化。] 中文网志圈谈论的Web 2.0内容摘要： - “我觉得最有价值的一个是， web应用的数据格式开始逐渐出现了交换“标准”...这些标准...更加容易被机器自动化处理...能帮助人更好地过滤和定制化信息。其次，更多的服务将以web service的形式来提供，...这使得web 服务可以被互相集成， 从而诞生更多新的服务...人的重要性被提高了。过去web更多注重在信息提供， 而现在的越来越多的应用更加关注人，也就是所谓“社会性”。此外web的可用性改进正在被越来越重视...”[老冒：朝web 2.0泼点冷水] - “RSS逐渐成为在线内容提供服务的标准发行平台。Blog以及user-generated内容的兴起。My Yahoo提供的RSS整合型服务。同时提出了值得密切关注的一些发展中领域，其中包括搜索技术，个性化，User-Generated内容（包括 blog，评论，图像和声音），音乐，短视频和Accessibility(易访问性）”[Owen：Mary Meeker新作 - 关于Digital World的发展报告的摘取] - “我们谈论的Web2.0带给我们的是一种可读写的网络，这种可读写的网络表现于用户是一种双通道的交流模式，也就是说网页与用户之间的互动关系由传统的“Push”模式演变成双向交流的“Two- Way Communication”的模式。而对于Web服务的开发者来说，Web2.0带来的理念是服务的亲和力，可操作性，用户体验以及可用性。”[Owen：BaCKpACK-体验可读写的Web服务] - “web 2.0是一种可以被分发的信息概述，web文档被格式化成了web数据。我们不会再看到不同旧地信息，现在我们所注意到是一种聚合、再混合内容的工具。”[songzhen：也说Web 2.0的翻译] - “从这些应用中可以看到：如果基于传统的HTML，同样的功能实现将变得非常复杂和不稳定，数据的再生产和交换成本是很高的。所以：RSS这个标准最终要的贡献就是使得互联网的大部分网站变得可编程：类似的例子还有Blog中的：TrackBack Ping等机制，这些机制都是依赖XML/RPC实现的。当初为Lucene设计一个RSS/XML的接口也是为了这个初衷，它使得全文检索服务可以轻松的嵌入到各种应用中，通过关键词将各种内容之间实现更丰富的关联(Well Referenced)。”[车东：RSS，简单协议使得互联网可编程] - “聚合的可能性以及如何更好地聚合（通常来说，更好的聚合应该基于个人知识管理和人际关系管理）很显然应该成为新一代或者说web2.0架构的核心之一。还有，你会重新发现，恰好是分散带动了聚合，聚合促进了分散，通过聚合的思维，互联网的网络状变得越来越丰富和密集，web2.0就变得越来越有趣味，它将web1.0时代的硕大节点即门户网站不断消解，去努力创造一个更加和谐的自然网络图谱。”[Horse：rss，聚合的无数可能] - “新的web2.0网站都依赖于用户参与、用户主导、用户建设”。[Horse：Web 2.0这个词] - Keso：Web 1.0与Web 2.0的区别 - “表面上看，Bloglines取代了门户，成为一个新的中心，但这里有一个重大的区别。门户是只读的，它带有某种锁定的性质。你可以离开门户，但你无法带走门户的内容。Bloglines则完全不同，你觉得它好用，就会继续使用，有一天你不再喜欢Bloglines，你完全可以导出你的OPML，到另一个 RSS订阅网站，或者干脆用客户端软件浏览同样的内容。所以，像Bloglines这样的网站，是可写的，你可以导入，也可以导出。就像你对信息拥有选择权，对服务提供商也同样拥有选择权，没有人可以锁定你，主动权在你自己手上。”[Keso：再说信息选择权] - “Flickr、del.icio.us、Bloglines等Web 2.0服务，通过开放API获得了很多有趣、有用的想法，并借助外部的力量，让用户获得了更好的体验。更多大公司也加入到开放API的潮流中，Google、Yahoo!、Amazon、Skype。Google桌面搜索今年3月才开放API，很快就产生了大量的创造，大大扩充了可搜索的文件格式。”[Keso：开放API] - “归纳：web1.0天天谈门户，web2.0谈个人化；web1.0谈内容，web2.0谈应用；web1.0商业模式，web2.0谈服务；web1.0谈密闭、大而全，web2.0大家谈开放、谈联合；web1.0网站中心化，web2.0谈个人中心化；web1.0一对一，web2.0谈社会性网络；web1.0不知道你是狗，web2.0你去年夏天干了什么我一清二楚甚至想要干什么呢。。。”[van_wuchanghua：发现了N.HOOLYWOOD，我还知道你今年夏天要干什么] - “我认为Web2.0有下面几个方面的特性: 个性化的传播方式. 读与写并存的表达方式. 社会化的联合方式.标准化的创作方式. 便捷化的体验方式. 高密度的媒体方式．”[飞戈：Web2.0与未来的网络] - “用RAILS写的网站带有典型的读写网络的特征：RAILS创建的三个架构中的ACTIVE RECORD这个模块中，如果你读读它最重要的基类 ActiveRecord::Base，你会发现有CREAT,EDIT,SAVE,DESTROY这些方法已经天然包含在内了，这让实现一个数据库的CRUDS行为变得如此简单。由于这些类的方法直接和网页的名称映射到一起，这使得网页本身就像一个可以编缉的数据库的数据项。”[Blogdriver：RUBY ON RAILS，wEB2.0世界新生的创造力] - “Greasemonkey一定名列前茅。这个通过User Script就能修改任何网页输出效果的插件极大的提高了用户阅读的自主性，一推出就引起了轰动，同时也引来了不少争议。”[Webleon：platypus，完全可写的互联网] - “Web1.0到Web2.0的转变，具体的说，从模式上是单纯的“读”向“写”、“共同建设”发展；从基本构成单元上，是由“网页”向“发表/记录的信息”发展；从工具上，是由互联网浏览器向各类浏览器、rss阅读器等内容发展；运行机制上，由“Client Server”向“Web Services”转变；作者由程序员等专业人士向全部普通用户发展；应用上由初级的“滑稽”的应用向全面大量应用发展。 ” Blog：个人媒体崛起 在Web 2.0 的世界中，Blog（中文翻译作“网志”、“博客”）绝对是个“招牌菜”，它已获得了广泛的知名度。 “911 事件”是Blog发展史上的里程碑阶段。人们发现，恐怖事件现场当事人建立的Blog才是最可能给出第一手和最真实信息的人。一个重要的博客类战争Blog（WarBlog ）因此繁荣起来。“对911 事件最真实最生动的描述不在《纽约时报》，而在那些幸存者的Blog中”一位Blog作者写道。 在中文世界，让“博客”一举成名的人当属“木子美”，她对个人隐私毫不避讳的曝光，完全颠覆了中国人的伦理传统。网民们蜂拥而至“木子美”的Blog，“木子美”私生活曝光的同时，Blog也走进大众传播领域。 Blog并不是一个充满技术含量的概念，为了便于理解，你甚至可以把它看作以时间为顺序更新的个人主页。Blog的可贵之处在于，它让世人认识到，写作并不是媒体的专利，新闻也不是记者的特权。再眼疾手快的记者也不如在现场的人更了解事实。目击者的Blog比新闻记者拥有更高的权威和更接近事实的判断。 在亚洲，韩国人Oh Yeon Ho创立的Blog网站已经成为韩国重要的媒体力量，通过发动全社会的力量，无论是韩国总统卢武铉遭弹劾事件，还是韩国人金善逸在伊拉克遭到绑架并被杀害事件，都走在了韩国各大媒体的前列。这个网站的一条新闻上竟然有85000 条评论，远超过其他媒体互动水平。 著名硅谷IT专栏作家丹。吉尔默总结说，Blog本身代表着“新闻媒体3.0 ”。1 . 0 是指传统媒体或说旧媒体（O l d Media ，如“晚报、CCTV”），2.0 就是人们通常所说的新媒体（New Media ，如新浪、雅虎）或者叫跨媒体，3.0 就是以Blog为代表的（We Media）的个人媒体或者叫自媒体。 Blog发展到现在，内容已并不仅局限于文字。图片、音频和视频都是可选项，而音频B l o g 就有一个自己的名字——Podcast （国内有翻译为“播客”）。Blog搭起从互联网阅读时代到写录时代的桥梁。 模糊编辑和读者的角色 在Blog完成了对Web2.0的启蒙教育之后，一系列在其框架下的理念纷至沓来，其中较有代表性的是：Wiki（网络大百科全书）、SocialBookmark（社会化书签）等等。 Wiki是Web 2.0 体系下的又一个概念。Wiki可以简单地解释为由网友自发维护的网络大百科全书，这个大百科全书由网友自发编辑并修改内容，每个人既可以是某个词条的读者，又可以是这个词条的编撰者，读者和编辑的界限在Wiki中被模糊了。首个Wiki网站的创建者WardCunningham说：“我创建第一个Wiki的初衷就是要建立一种环境，我们能够交流彼此的经验。”社会化书签则是与Wiki很相似的概念，它可以让网民互相共享自己的收藏夹，交换资源。 独立的Blog并不具备商业网站的推广能力，这一个个以自我为中心的网络节点如何完成互通与共享？在Web 2.0 体系下，Tag （标签），RSS （聚合服务）和六度分隔理论起到了黏合剂的作用。 Tag 直译为标签，它可以让你为自己所创造的内容（Blog文字、图片、音频等）创建多个用作解释的关键字。比如一副雪景的图片就可以定义“雪花”、“冬天”、“北极”“风景照片”这几个Tag.雅虎刚刚收购的图片共享网站Flickr就对此提供支持。Tag 类似于传统媒体的“栏目”，它的相对优势则在于创作者不会因媒体栏目的有限性而无法给作品归类。 RSS 则是一种更为直接的互动方式，一般翻译为聚合服务，它仿佛就是为Blog而生的技术，借助RSS ，网民可以自由订阅指定Blog（绝大多数的Blog都支持RSS ），也就是说读者可以自定义自己喜欢的内容，而不是象Web 1.0 那样由网络编辑选出读者阅读的内容。 颠覆媒体中心理念 雅虎首席运营官丹尼尔。罗森格告诉记者，“（对传统媒体的）颠覆倒不敢说，但RSS 重新定义了信息分享的方法，颠覆了未来信息社会必须有一个核心的理念，虽然RSS 眼下并不会为网络广告带来什么帮助，但是却能让所有人更好地分享信息。” 传统媒体也希望借此把自己的内容互动起来。数字音频出版商Audible 正计划发行纽约时报、华尔街日报和其他一些期刊的Podcast ，通过RSS 网络标准进行发行，用户可以下载到MP3 播放器中收听。 曾经有人提出疑问，Web 2.0 的互动与传统BBS 有何不同？一名叫罗皓菱的Blog作者解释了Blog与BBS 的区别：Blog是集原创文章、链接评价、链接、网友跟进于一体的，比起BBS 那种口无遮拦、随心所欲、良莠不齐的情绪化发言，博客制作的日志更加审慎、仔细和周详，其单个文本的丰富性、讨论脉络的清晰度、论题的拓展空间都超过了BBS 的网友发言帖子。 Ward Cunningham 也谈到过Wiki与BBS 的差别，他认为BBS 没有上下文的概念，讨论经常无法持久地进行。讨论组反复围绕着同一个话题，但是人们经常忘了以前说过什么。 Web 2.0 探索盈利模式 一个新的互动模式，必然伴随着新的商业模式，或者带来新的商业机会。 但是因为与Web 1.0 巨大的差异，Web 2.0 在商业模式上现在还处于探索阶段。2003年2 月，Google并购了全球最大的博客托管服务网站Blogger.com 母公司Pyra实验室。Pyra当时成立仅3 年半，博客注册用户已达数百万、人气极旺，但由于缺乏收入，三个创始人中的两个被迫离开公司，如果不是Trellix 公司的CTO Bricklin（也是一个著名博客）出手相助，Pyra早已破产。 不过外界普遍认为，找到Web 2.0 的商业模式应该只是迟早的事情。雅虎、微软这些传统互联网巨头则并不太在意Web 2.0 当前的商业价值，他们更希望赶快抢占这一阵地。雅虎刚刚推出的Yahoo 360 服务，就是一个包含了图片上传、Blog、IM（即时通讯）所有功能在内的个人Web 2.0 平台。微软也发布了与之类似的MSN Space.微软非常看好Blog，它甚至雇佣一个Blog团队来为其MSN 门户网站制作原创内容。 在中国市场，规模最大的Web 2.0 商业公司是Blog服务托管商（BSP ），其中总部位于杭州的中国博客网目前注册用户超过200 万，并以每月8 到10万的速度增长。该公司董事长胡之光认为，当用户数足够多的时候，博客就能够通过广告和无线增值来实现盈利。另外一家BSP博客中国负责人方兴东透露，未来的盈利将来自三个方面：广告收入、无线增值服务和向博客用户提供增值服务和应用程序收取的服务费。但是到目前为止，上述两家都还没有实现盈利。 不过对一般的企业而言，Web 2.0 的好处则是立竿见影。在企业内部实施Blog和Wiki，可以让知识轻松共享，一个新员工可以通过内部Wiki熟悉工作技能，了解企业文化。 Blog作者Keso这样说：“Web 1.0 提下的HTML、JavaScript等本身是一种语言，它按照某种约定的协议（比如TCP/ IP ）进行对话，但这只是机器与机器的对话，人顶多是让这场对话存在而已，并未直接参与进来。而Web 2.0 让人参与到对话中，互联网一下子就变得生动了起来。Web 2.0 无疑是一场革命。“ 不管Web 2.0 是不是革命，一场以“交互”为核心的互联网创新浪潮已确定无疑的到来。每个人都要在这次互联网“人民运动”中寻找自己在其中的位置。 Web 2.0 重要名词解释 Blog：Blog是个人或群体以时间顺序所作的一种记录，且不断更新。Blog之间的交流主要是通过反向引用（TrackBack ）和留言/ 评论（Comment ）的方式来进行的。Blog的作者（Blogger ），既是这个Blog的创作人，也是其档案管理人。 TrackBack：是一种Blog应用工具，它可以让Blogger 知道有哪些人看到自己的文章后撰写了与之有关的内容。这种功能实现了网站之间的互相通告；因此它也可以看作一种提醒功能。 RSS：是一种用于共享新闻和其他Web 内容的数据交换规范。读者可以通过RSS 订阅一个Blog，确知该Blog最近的更新。 Wiki：1995年，沃德。坎宁安（Ward Cunningham ）为了方便模式社群的交流创建了全世界第一个w i k i 系统——WikiWikiWeb （http://c2.com/cgi/wiki），并用它建立了波特兰模式知识库，在建立过程中，沃德。坎宁安创造了Wiki的概念和名称，并且实现了支持这些概念的服务系统。 Social Bookmark：社会化书签，它可以让你把喜爱的网站随时加入自己的网络书签中；你可以用多个关键词（Tag ）而不是分类来标示和整理你的书签，并与其他人共享。 六度分隔理论：（Six Degrees of Separation ）。1967年，哈佛大学的心理学教授Stanley Milgram （1933～1984）创立。简单地说：“你和任何一个陌生人之间所间隔的人不会超过六个，也就是说，最多通过六个人你就能够认识任何一个陌生人。”六度分隔理论的数学解释是：如果每个人平均认识260 人，其六度就是2606＝1188137600000.消除一些节点重复，那也几乎覆盖了整个地球人口若干多倍。 （名词解释的主要内容来自Wiki网络大百科全书） 小资料 SNS 以及六度分隔理论 Social Networking Service （简称SNS ，社会化网络软件）是Web 2.0 体系下的一个技术应用架构。SNS 基于六度分隔理论运作，这个理论的通俗解释是：“在人脉网络中，要结识任何一位陌生的朋友，中间最多只要通过六个朋友就可以达到目的。” 我们举个例子更好地介绍六度分隔理论。一位叫做“FLYPI ”的网友用歌手孙燕姿做起了实验，如何才能与这个“亚洲小天后”建立联系呢？他认为以下的链条可能行之有效：“我→初中同学Eric→ Eric 在南洋理工大学念书的表哥Michael → Michael的教授，也就是孙燕姿的父亲→孙燕姿。” 放在Web 2.0 的背景下，每个用户都拥有自己的Blog、自己维护的Wiki、社会化书签或者Podcast.用户通过Tag 、RSS 或者IM、邮件等方式连接到一起，“按照六度分隔理论，每个个体的社交圈都不断放大，最后成为一个大型网络，这就是社会化网络（SNS ）。” Google推出1GB 免费信箱也是一个SNS 应用，通过网友之间的互相邀请，Gmail 在很短的时间内就获得了巨大的用户群。 SNS 还处于起步阶段，对于它的商业价值和未来的发展方向，现在也没有一个统一的认识。 以上内容是根据互联网上类似信息整理出来，未能进行一一致谢！ 当然作为我本人，我认为web2.0的核心是SNS，在将来很可能是虚拟的3D网络化的SNS。具体我将陆续阐述。 4Aonline一.4A广告
电通 http://www.dentsu.com.cn/index.htm 李奥·贝纳 http://www.leoburnett.com/ 智威汤逊 http://www.jwttpi.com.tw/ 奥美 http://www.ogilvy.com.cn 肯 http://www.mccann.com/mai 叶茂中营销策划机构 http://www.yemaozhong.net/y_works.html 广东省广告公司 http://www.gdadc.com/new5a.htm 梅高广告公司 http://www.meikao.com/anli.asp 东道设计 http://www.dongdao.net/main04.htm# 灵智大洋广告 http://www.eurorscg.com/ 达彼思广告 http://www.batesasia.com/ 奥美广告中文网站 http://www.ogilvy.com.cn/ 精信整合传播 http://www.grey.com/ Y&R电扬广告 http://www.yr.com/ 金长城国际广告 http://www.adsalon.com.cn/ 优秀主导设计师公司 ：
沈浩鹏设计 http://www.hopesun.com/03.htm 深圳陈绍华设计 http://www.chenshaohua.net/ 韩家英设计 http://www.hanjiaying.com/index/index2.htm 六月海设计 http://www.junsea.com/case/another.asp 陈飞波设计 http://www.bobchandesign.com/ 王序设计 http://www.wangxu.com.cn/ 晏钧企划设计 http://www.yanjun.net/ 陈幼坚设计 http://www.alanchandesign.com/ 靳与刘设计顾问 http://www.kanandlau.com/ 肖勇设计 http://www.xiaoyong.com/ 陈正达 http://www.chenzhengda.com/ 杨韬设计 http://www.yang-tao.com/ 南风设计工作室 http://www.nfstudio.com/ 杜峰松设计 http://www.dudo.com.cn/ 柯力设计 http://www.kelidesign.com/ 石小帆 http://www.shixiaofan.com/ 二.国内优秀广告公司站点:
广州深圳地区:
广州元龙广告 http://www.sunmarch.com/logo/index.htm
深圳黑弧广告 http://www.szblackarc.com/Case/index.htm# 广州黑马广告 http://www.zjhangzhou.com/design_3.asp 深圳海天广告 http://www.kingcid.com/#### 广州旭日因赛广告公司-旭日与智威合资 http://www.adnewsun.com/newad/adproduct.html 广州天艺广告 http://www.tianyi-ad.com/index1.htm 中海地产广州佳美广告 http://www.jmadv.com.cn/service.asp...ss=&SmallClass= 广州创见广告 http://innovt.com/design/index.htm 深圳黑风广告 http://www.radian.com.cn/plane.htm 深圳蓝韵设计 http://www.szlanyun.com.cn/ 广州美域广告包装设计公司 http://www.meivi.com/zp.html 深圳弧度设计 http://www.szvd.com/eWebEditor/port...asp?nclassid=25 深圳派力广告 http://www.szplan.com/cata/cata-china.htm# 深圳万意达广告 http://www.master-ad.com/html/zhuoping/index.htm 广告其意广告 http://www.qiyiok.com/zuoping/pinpai/index.htm 广州文山设计 http://www.wwssj.com/htm/opus/pm.htm 深圳矩创设计 http://www.szjuchuang.com/ 北京地区:
北京海润广告 http://www.ad008.com/shejianli/vi.htm
北京世纪百代广告公司 http://www.boxod.net/boxod_pmsj_ybhc07.htm 北京蓝海洋广告公司 http://www.bjlhy.com/AD-ltd/zuopin/manual.htm 北京帝城国际广告公司 http://www.china-ads.com/product.htm 北京晴朗国际广告公司 http://www.qlth-cn.com/ourworks3.htm 北京正一堂策略广告公司 http://www.cn-tts.com/zpal.html 北京视新广告 http://www.topsunad.com/cn/04/04c_1.htm 北京策动国际广告 http://www.incite.com.cn/cdzp.HTM 北京正邦广告 http://www.zhengbang.com.cn/zbzp_ppzd.htm 北京互动视觉 http://www.activision.com.cn/2j/2j6-1.asp 北京品格广告 http://www.pgsj.com/ 北京朗顿设计 http://www.randodesign.com/portfolio.htm 夏威夷wy国际设计顾问公司 http://www.wy-di.com/2baoli.htm 北京左岸合一广告 http://www.zuoanheyi.com/zuopin/zuo-baozhuang.htm 北京缔力广告 http://www.dearteam.com/works/workhuace.aspx 北京行人广告 http://www.xrdesign.com/case.htm 北京三木森广告 http://www.sanmusen.com/book1.htm 北京蓝轩设计 http://www.lanxuan.com/exhibition/exhibition_0502.htm 北京然则广告设计 http://www.ranze.com/docc/hc.html 北京万视辉煌广告 http://www.vanshall.com/anli/anli5.htm 北京鼎唐广告设计 http://www.top-culture.com/graphic.htm 北京建策设计 http://www.jiancedesign.com.cn/case/index.htm 北京奇胜设计 http://www.qis.com.cn/huace-10.htm 北京理想动画 http://www.ideal3d.com/ 北京理想创意 http://www.bjideal.com/GB/lxsj/vis/8.htm 北京博大思源广告 http://www.bice.com.cn/BICEAD/AD-anli.HTML 上海地区:
上海博扬广告 http://www.2581.com/pingmian/haibao.htm
上海一加一广告公司 http://www.sh-yjy.com/flash/profile.htm 上海诺星广告 http://www.adnorstar.com/work/work.htm 上海朗意品牌 http://www.adnorstar.com/work/work.htm 上海聚格广告有限公司 http://www.21juge.com/gsjj.asp 上海禾野包装设计 http://www.heyecn.com/design/moon/moon13.htm 上海创智设计 http://www.chans-art.com/ 上海莱可企业策划设计 http://www.licoo.com/works_list.asp?kind1=1&type1=d 上海万美设计 http://www.wamel.com/c-index.htm 上海创奥广告 http://www.dofoto.com/portfolio.html# 上海昊然广告 http://www.sun-sky.com/zhanshi/type.asp?typeid=7 上海递彩策划 http://www.disigncn.com/product.asp?start=1&id=2 上海迪智设计 http://www.mingliou.com/index/workshow.asp-id=69.htm 上海星嘉洲广告 http://www.star178.com/ 上海博尚设计 http://www.posh-design.com/main.htm 内地:
天津双木广告公司 http://www.shuangmu.com/html/shzuopin.html 安微金娟国际广告 http://www.jinjuan.com.cn/opus.asp 南京mai迪广告公司 http://www.tidecom.com/docs/index_f.htm 余姚市金太阳广告公司 http://www.kingsunad.com/pbaozhang.htm 南京市广告公司 http://www.advertising-in-china.com...w/workshow1.htm 山东共和设计 http://www.sd-design.com/new_page_80.htm 珠海卓为广告 http://www.zwad.com/index01.htm 中国设计之窗展区 http://www.333cn.com/qiyefuwuzaixian/haibsj/index.htm 杭州同人广告 http://www.tlisman.com/home.htm 郑州金苹果设计 http://www.goldenapple.com.cn/zuopi....asp?type_id=16 上海禾丰堂 http://www.hf-art.com/case4.htm 元龙广告设计 http://www.ad008.com/shejianli/huace.htm June 29 什么是AJAX1.什么是Ajax? Ajax的全称是：Asynchronous JavaScript + XML 2.Ajax的定义： Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。 3.Ajax包括： XHTML和CSS 使用文档对象模型(Document Object Model)作动态显示和交互 使用XML和XSLT做数据交互和操作 使用XMLHttpRequest进行异步数据接收 使用JavaScript将它们绑定在一起 Web开发领域的最新时髦术语其实质是“旧貌换新颜”。 Ajax（Asynchronous JavaScript and XML）是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的惯例。 Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。 异步JavaScript和XML（AJAX）不是什么新技术，而是指这样一种方法：使用几种现有技术——包括级联样式表（CSS）、JavaScript、XHTML、XML和可扩展样式语言转换（XSLT），开发外观及操作类似桌面软件的Web应用软件。实现Ajax的所有组件都已存在了许多年。Adaptive Path的用户体验战略部门主管兼创办合伙人Jesse James Garrett今年2月发表在Adaptive Path网站上的一篇文章中杜撰了这个术语。 异步这个词是指AJAX应用软件与主机服务器进行联系的方式。如果使用旧模式，每当用户执行某种操作、向服务器请求获得新数据，Web浏览器就会更新当前窗口。 如果使用AJAX的异步模式，浏览器就不必等用户请求操作，也不必更新整个窗口就可以显示新获取的数据。只要来回传送采用XML格式的数据，在浏览器里面运行的JavaScript代码就可以与服务器进行联系。JavaScript代码还可以把样式表加到检索到的数据上，然后在现有网页的某个部分加以显示。 在面向消费者的诸多应用当中，Google的Gmail和Google Maps就是最常见的例子。在Gmail当中，AJAX负责如何开启线程会话，以显示不同邮件的文本内容。而在Maps当中，AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图。 还有雅虎的Flickr像片共享应用和亚马逊网站的A9搜索引擎。另外，雅虎新的Web邮件服务可能很快就会吸引AJAX支持者的莫大关注，这项服务基于雅虎收购Oddpost后得到的技术。 这些UI都充分地使用了后台通道，也被一些开发者称为“Web 2.0”，并导致了大家对Ajax应用兴趣的猛涨。 然而，AJAX应用软件厂商越来越把目光瞄准了企业。譬如说，Scalix的Web Access电子邮件应用软件其实比微软Outlook自己的Web邮件界面更像Outlook。 不过AJAX应用软件的适用领域具有一定的局限性。因为它们利用了一些最新的Web技术，所以只能在某些Web浏览器里面运行——不过AJAX适用的浏览器正越来越多。 Ajax Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。 Ajax处理过程 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在Java Web服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在Java Web服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在Java Web服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。 实例 以下是我所写的一个简单的例子: ajaxServlet.java程序清单: package com; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /* April 22 CSS基本定义例子大部分定义根据项目需求定制，并不适合每个网站，提出一种思路，抛砖引玉。 主要兼容MOZ & IE6。好多年不用IE5.x了，而且也没测试环境，工作和自己项目都已不考虑IE5； 定义名主要采用单字母识别。主要是自己使用，减少代码，语意描述显然不是很好； 大量采用包含选择符增加定义重用，定义写法上重复都为合写，可读性同样不是那么好； 链接部分定义适用于触发不换色，只增加下划线； 语言定义 常被忽略，但我总喜欢加上@charset "gb2312"; 全局宏观定义 html,body标签，以及MOZ的模块兼容 html,body { margin:0 auto; font:12px Arial,Helvetica,sans-serif,宋体; line-height:150%; TEXT-ALIGN:center; overflow-x:hidden; color:#000;} body>table,body>div { margin-left:auto; margin-right:auto; clear:both;} /* M0Z */ 全局微观定义 各容器和表单，主要控制文字、图片 table,div,tr,th,td,ul,li,img,form,h2,h3,h4 { font:12px Arial,Helvetica,sans-serif,宋体; margin:0; padding:0; border:0; color:#000;} div,td,ul,li,h2,h3,h4 { LIST-STYLE-TYPE: none; word-break:break-all; Width:fixed; text-align:justify; text-justify:inter-ideograph; line-height:150%; border:0;} input,select,textarea { color:#000; font:12px Arial,Helvetica,sans-serif,宋体;} 全局链接定义 触发出现下划线，链接颜色不变 a { font:12px Arial,Helvetica,sans-serif,宋体; color:#000; text-decoration: none;} a:hover { text-decoration:underline;} 文字-标题 h2,h2 a { font-size:16px; font-weight:bold;} h3,h3 a { font-size:14px; font-weight:bold;} h4,h4 a { font-size:12px; font-weight:bold;} 文字-加粗与下划线 .f_b {} .fs_b,.f_b * { font-weight:bold;} .f_u {} .fs_u,.f_u * { text-decoration:underline;} 文字-链接下划线效果 .a_vl a:link,.a_vl a:visited { text-decoration:underline;} .a_vl a:hover{ text-decoration:none;} /* 触发无 */ .a_hl a:link,.a_hl a:visited { text-decoration:none;} .a_hl a:hover{ text-decoration:underline;} /* 触发有 */ .a_nl a:link,.a_nl a:visited { text-decoration:none;} .a_nl a:hover{ text-decoration:none;} /* 永久无 */ 文字-大小 .f_s_10,.f_s_10 * { font-size:10px;} .f_s_12,.f_s_12 * { font-size:12px;} .f_s_14,.f_s_14 * { font-size:14px;} .f_s_16,.f_s_16 * { font-size:16px;} 文字-颜色 .a_c_black,.a_c_black * { color:#000;} .a_c_gray,.a_c_gray * { color:#666;} .a_c_white,.a_c_white * { color:#fff;} .a_c_red,.a_c_red * { color:#f00;} 图片-边框 .b_black {} .bs_black,.b_black img { border:1px #000 solid;} .b_gray {} .bs_gray,.b_gray img { border:1px #999 solid;} .b_white {} .bs_white,.b_white img { border:1px #fff solid;} 图片-通栏广告 常用宽度通栏，包含纵向外补丁，兼容MOZ .ban,.ban_white,.ban_black { width:760px;} .ban img { margin:5px auto;} .ban_white img { margin:5px auto; border:1px #fff solid;} .ban_black img { margin:5px auto; border:1px #000 solid;} 列表-行高 .l_16,.l_16 * { line-height:16px;} .l_18,.l_18 * { line-height:18px;} .l_20,.l_20 * { line-height:20px;} .l_22,.l_22 * { line-height:22px;} .l_24,.l_24 * { line-height:24px;} .l_26,.l_26 * { line-height:26px;} .l_28,.l_28 * { line-height:28px;} .l_30,.l_30 * { line-height:30px;} 列表-高度 .l_h_18,.l_h_18 * { height:18px;} .l_h_20,.l_h_20 * { height:20px;} .l_h_22,.l_h_22 * { height:22px;} 列表-单元格宽 .l_t_20 {} .l_t_20 td { width:20%;} .l_t_25 {} .l_t_25 td { width:25%;} 列表-补丁 列表的横向内补丁 .l_p_5 {} .l_p_5 * { padding-left: 5px;padding-right: 5px;} .l_pr_5 {} .l_pr_5 * { padding-right: 5px;} 浮动-位置，偏移，对齐 组合定义，控制位置左中右，控制左右浮动列表，单元格居顶，图片、表单的横向对齐 .t_l,.t_l * { text-align:left;} .t_c,.t_c * { text-align:center;} .t_r,.t_r *,.f_la,.f_lb,.f_ld,.f_ls { text-align:right;} .f_l,.f_la a,.f_lb b,.f_ld div,.f_ls span { float:left;} /* f_la f_lb f_ld f_ls */ .f_r { float:right;} .v_t { vertical-align:top;} .v_m,.v_m_o,.v_m_o * { vertical-align:middle;} 间隔-内补丁 常用内补丁组合定义 .p_5 { padding: 5px;} .p_t_5 { padding-top: 5px;} .p_l_5 { padding-left: 5px;} .p_r_5 { padding-right: 5px;} .p_ape_5 { padding-top: 5px;padding-bottom: 5px;} /* apeak */ .p_lev_5 { padding-left: 5px;padding-right: 5px;} /* level */ .p_10 { padding: 10px;} .p_t_10 { padding-top: 10px;} .p_l_10 { padding-left: 10px;} .p_r_10 { padding-right: 10px;} .p_ape_10 { padding-top: 10px;padding-bottom: 10px;} /* apeak */ .p_lev_10 { padding-left: 10px;padding-right: 10px;} /* level */ 间隔-外补丁 常用外补丁组合定义 .m_t_5 { margin:5px auto 0 auto;} .m_a_5 { margin:5px auto;} 兼容 MOZ层自动延伸，清除浮动，MOZ居中 .h_h { height:0; clear:both; overflow:hidden; margin:0 auto;} /* M0Z */ .c_c { clear:both;} .c_m,.c_l_m,.c_l_m div { margin:0 auto;} /* M0Z */ CSS样式命名规则1.样式命名 外 套： wrap 主导航： mainnav 子导航： subnav 页 脚： footet 整个页面： content 页 眉： header 页 脚： footer 商 标： label 标 题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： leftsidebar 右导航： rightsidebar 旗 志： logo 标 语： banner 菜单内容1： menu1 content 菜单容量： menu container 子菜单： submenu 边导航图标：sidebarIcon 注释： note 面包屑： breadcrumb(即页面所处位置导航提示） 容器： container 内容： content 搜索： search 登陆： Login 功能区： shop(如购物车，收银台) 当前的 current 2.另外在编辑样式表时可用的注释可这样写： <-- Footer --> 内容区 <-- End Footer --> 3.样式文件命名 主要的 master.css 布局，版面 layout.css 专栏 columns.css 文字 font.css 打印样式 print.css 主题 themes.css April 21 网页设计值得一去的地方现在网页设计方面的站点越来越多，究竟哪个才是经典；根据网页设计中牵涉到的：网页制作，平面设计，动画制作，素材安排等，我特地找了些好的站点，发表在这里，如果大家有好的站点，也希望能跟在后面。
一、网页设计类 －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－－－－－－－－－－－－－－－－－
－－－－－－－－－－－－－－－－－－－－－－－－－－－
－－－－－－－－－－－－－－－－－－－－－－－－－－－ 2。闪吧 3。数码动力国际 －－－－－－－－－－－－－－－－－－－－－－－－－－－
－－－－－－－－－－－－－－－－－－－－－－－－－－－ 2。素材精品屋 －－－－－－－－－－－－－－－－－－－－－－－－－－－ 3。精品素材图库 五：网页代码类 2。天新网源码下载
六：web技术类 1。goEway.com 2。HTML.CN 3。流媒体中国技术频道 4。虚拟无忌 韩国网站总体特点概括页面结构 韩国网站的页面结构相对来说比较简单，可以说几乎是统一的风格，顶部的左边是网站的logo，右边就是它的导航栏，和国内网站不一样的地方它甚少采用下拉菜单的样式，而是把各级栏目的下级内容放在导航栏的下面。然后下面是个大大的Flash条，再往下就是各个小栏目的主要内容 色彩运用 韩国设计师很多都是科班出生，对色彩的运用非常得当，在我们看来有些非常难看的颜色到了他们的手里很轻易的就搭配出一种很另类或和谐的美感，给人的感觉要么淡雅迷人，要么另类大胆，让人觉得欣赏他们的网站是一个非常愉悦的过程。韩国设计师对渐变色以及透明水晶效果用得非常恰当，而不像很多网站动不动就滥用仿苹果按钮，和整体风格不协调，看起来显得很突兀。韩国网站的各个栏目一般都比较喜欢采用不同的色调来表达不同栏目的主题，灰色是他们最爱用的颜色，因为灰色比较中庸，能和任何色彩搭配，大大的改变色彩的韵味，使对比更强烈，正文文字也大都采用灰色。而局部则喜欢用色彩绚丽的色条或色块来区分不同的栏目 Flash动画及图片的运用 文字排版 页面的立体感及细节处理 February 20 生活的质量有人说生活的质量是快乐.我信了,之后努力的追求快乐;
另有人说生活的质量是健康,我信了,之后全心的寻找健康;
还有人说生活的质量是财富,我信了,之后认真的节约每笔财富;
......
最后妈妈说生活的质量是身边的人,是你爱的人,是你自己.
我怀疑了.
我一个人在他乡生活了五年.终于,我知道生活的质量是我的心情...
我知道. February 04 总结吗?2005年过去了,我这个属狗的迎来了一个有意义的本命年.
2005的二月18号,我第一次来北京,目的没有别的,只是为了找工作,让自己能在北京活下去, 为了活下去我瘦了,我也胖了,为了能活下去,我哭了,但我没哭,我忍下了没多以往被我称作汗水的泪水.
2005年我的目标是在年底我的月平均薪水达到XK,并且有一个笔记本.....我实现了70%...
2006年我不会再为了活着而活着,更不会哭.......我为了生活的更好,有自己的生活而奋斗,谁都不会改变我...
那么,上面的话是总结吗?
不是!
是我对自己的认识和改变.......决心下,盼你同!
January 24 一年了来北京一年整.
来之前的希望实现了,不知不觉又失去了很多...
那得到的呢...只有和我一同拥有,才能算是我得到的. 我知道我喜欢的很多(谁又不是呢?)..我的音乐,我的设计,.......现在我怎么专注 我知道我的朋友很多(谁又不是呢?)..我的朋友,我的女朋友.......现在你们在哪. |
||||
Send a private message
Tell a friend
Add to My MSN
Add to your network
Sign up for alerts|
|
