﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>盛飞在线 &#187; 织网</title>
	<atom:link href="http://www.senfe.com/archives/category/%e7%bb%87%e7%bd%91/feed" rel="self" type="application/rss+xml" />
	<link>http://www.senfe.com</link>
	<description>淡泊以明志，宁静而致远。</description>
	<lastBuildDate>Sat, 28 Jan 2012 13:40:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>用P3P header解决iframe跨域访问cookie/session</title>
		<link>http://www.senfe.com/archives/811.html</link>
		<comments>http://www.senfe.com/archives/811.html#comments</comments>
		<pubDate>Sat, 28 Jan 2012 13:40:02 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[cookie]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[session]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=811</guid>
		<description><![CDATA[理论很简单,而且模式也和大多请求返回状态的SSO差不多.但是有几个地方是要注意一下的. 1.页面里的COOKIE不能是浏览器进程的COOKIE(包括验证票和不设置超时时间的COOKIE),否则跨域会取不到.这点做跨域COOKIE的人比较少提到.不过实际上留意下几家大学做的方案,有细微的提到他们的验证模块里的COOKIE是有设置超时时间的. 2.当利用IFRAME时,记得要在相应的动态页的页头添加一下P3P的信息,否则IE会自觉的把IFRAME框里的COOKIE给阻止掉,产生问题.本身不保存自然就取不到了.这个其实是FRAMESET和COOKIE的问题,用FRAME或者IFRAME都会遇到. 3.测试时输出TRACE,会减少很多测试的工作量. 只需要设置 P3P HTTP Header，在隐含 iframe 里面跨域设置 cookie 就可以成功。他们所用的内容是： P3P: CP=&#8217;CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR&#8217; ASP直接在头部加了头部申明，测试有效。 php的话，我没去试，应该是如下写法： header(&#8216;P3P: CP=CAO PSA OUR&#8217;); ASP.NET的话 通过在代码上加Response.AddHeader(“P3P”, “CP=CAO PSA OUR”)或者在Window服务中将ASP.NET State Service 启动。 JSP: response.setHeader(“P3P”,”CP=CAO PSA OUR”) 转自：http://blog.csdn.net/lanmao100/archive/2008/04/25/2328491.aspx]]></description>
			<content:encoded><![CDATA[<p>理论很简单,而且模式也和大多请求返回状态的SSO差不多.但是有几个地方是要注意一下的.</p>
<p>1.页面里的COOKIE不能是浏览器进程的COOKIE(包括验证票和不设置超时时间的COOKIE),否则跨域会取不到.这点做跨域COOKIE的人比较少提到.不过实际上留意下几家大学做的方案,有细微的提到他们的验证模块里的COOKIE是有设置超时时间的.</p>
<p>2.当利用IFRAME时,记得要在相应的动态页的页头添加一下P3P的信息,否则IE会自觉的把IFRAME框里的COOKIE给阻止掉,产生问题.本身不保存自然就取不到了.这个其实是FRAMESET和COOKIE的问题,用FRAME或者IFRAME都会遇到.</p>
<p>3.测试时输出TRACE,会减少很多测试的工作量.</p>
<p>只需要设置 P3P HTTP Header，在隐含 iframe 里面跨域设置 cookie 就可以成功。他们所用的内容是：</p>
<p>P3P: CP=&#8217;CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR&#8217;<br />
<span id="more-811"></span><br />
ASP直接在头部加了头部申明，测试有效。<br />
<%Response.AddHeader "P3P", "CP=CAO PSA OUR"%></p>
<p>php的话，我没去试，应该是如下写法：<br />
header(&#8216;P3P: CP=CAO PSA OUR&#8217;);</p>
<p>ASP.NET的话<br />
通过在代码上加Response.AddHeader(“P3P”, “CP=CAO PSA OUR”)或者在Window服务中将ASP.NET State Service 启动。 </p>
<p>JSP:<br />
response.setHeader(“P3P”,”CP=CAO PSA OUR”) </p>
<p>转自：http://blog.csdn.net/lanmao100/archive/2008/04/25/2328491.aspx</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/811.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>瞬间的快感之细节提升用户满意度</title>
		<link>http://www.senfe.com/archives/748.html</link>
		<comments>http://www.senfe.com/archives/748.html#comments</comments>
		<pubDate>Thu, 11 Nov 2010 08:22:49 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[快感]]></category>
		<category><![CDATA[满意度]]></category>
		<category><![CDATA[用户]]></category>
		<category><![CDATA[细节]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=748</guid>
		<description><![CDATA[话说土匪老湿在他的大作 《交互设计之回归篇》 里曝光了上次有意思小组竞赛我们小组分享的话题 “瞬间的快感”，但这一极具噱头的主题，土匪老湿惜字如金只用了廖廖几字作了归纳…汗，字数没够，字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。 在第一个瞬间，也就是当一位浏览者刚刚打开我们网站的时候，他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间可能就开始移动手中的小鼠标到自已感兴趣的东西上点点。再然后则可能是寻找从哪里注册等等。然而在这些瞬间中怎么样才能让浏览者找到快感，提升他的满意度呢？ 1、按钮的鼠标按下状态 我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态，但是现在大多数网站的按钮都只设计了未动作、鼠标经过这两种状态，其中更有不管你小鼠标怎么蹂躏它都只有一种状态者。这里我不是说这些做法不好，只是觉得如果我们在设计的时候加上鼠标按下状态会提升浏览者的满意度，让他们在点击之中获得快感。就像我们平常进行的开关灯操作一样，当手指放在开关面板上按下，伴随着“啪”这个轻脆声音，开关被按下，灯亮了。 上图中百度一下的鼠标按下状态加深了颜色，google搜索则直接将底色置灰，从视觉上给了浏览者最直观的感受这个按钮我按下了。 2、鼠标经过也可以这样 我们在设计的时候，为了让浏览者更好的理解文字表述的含义或当前所处的状态都会给文字配上相应的一个icon，当鼠标经过的时候通常的做法就是直接改变颜色和改变一下方向。但是淘宝首页处理极具创新，原来鼠标经过也可以这样。 ps:以上效果用Firefox 或 chrome 查看 上图中搜索后面的小三角在未动作的是指向下方的，当鼠标经过的时候小三角顺时钟旋转180度指向下方，鼠标离开后逆时针旋转180回到原位;淘宝天下前面的icon在鼠标经过的时候顺时针旋转35度，鼠标离开后逆时针旋转35度回到原位。这种处理方式让浏览者摆脱了枯燥的浏览，这个瞬间心情愉悦。 3、弹出层也有新花样 弹出层是我们浏览网页时经常会遇到的东东，它的好处我就不说了，这里我提出来是想说说它们出现和消失的方式。通常的作法是当浏览者触发之后给一个半透明遮罩层，弹出层与之一同出现。迅雷7就来了一个新花样。 上图中当我们点击皮肤设置（黄色小衣服）按钮之后，会看到时皮肤主题这个弹出层以180度水平旋转这个“高难度动作”登场，当我们点击关闭按钮时，它又以放大加渐隐“风骚”离去。和平常弹出层直来直往的方式相比，让我们在那一瞬间感受到愉快、兴奋。当然并不是所有的弹窗加上这样的效果就会提升满意度，效果的加强伴随而来的是过程时间的增加，在这里需要处理好的是平衡性的问题，在枯燥的一系列操作中，动态效果的点缀会使人眼前一亮，频繁的滥用只会产生视觉疲劳。 除了上面所说的按钮、鼠标经过的状态、弹出层还有很多细节比如：下拉菜单出现的方式可以由浅变深、由小变大等等，我这里就不一一列举了。每一个细节，每一个瞬间都有可能加强也可能摧毁浏览者对某个产品或公司的信心。我们在工作中应该注重每一个交互细节，它们对于完整的用户体验来说，都是不可或缺的一部分。只有不断的改进创新，才能提升用户的满意度。 最后借用书上的一句话“良好的用户体验，全在于那些完美的瞬间。” 以上表达了我个人对细节提升用户满意度方面的一些理解，水平有限，不足处，欢迎指正。 来源：http://www.xmued.com/?p=1561]]></description>
			<content:encoded><![CDATA[<p><img title="点击图片，在新窗口显示原始尺寸" src="http://www.senfe.com/wp-content/uploads/2010/11/a351_banner3.jpg" alt="瞬间的快感之细节提升用户满意度" width="600" height="200" /></p>
<div>
<p>话说土匪老湿在他的大作 <a title="交互设计之回归篇" href="http://www.xmued.com/?p=1203" target="_blank">《交互设计之回归篇》</a> 里曝光了上次有意思小组竞赛我们小组分享的话题 “瞬间的快感”，但这一极具噱头的主题，土匪老湿惜字如金只用了廖廖几字作了归纳…汗，字数没够，字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。</p>
<p>在第一个瞬间，也就是当一位浏览者刚刚打开我们网站的时候，他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间可能就开始移动手中的小鼠标到自已感兴趣的东西上点点。再然后则可能是寻找从哪里注册等等。然而在这些瞬间中怎么样才能让浏览者找到快感，提升他的满意度呢？</p>
<p><strong>1、按钮的鼠标按下状态</strong></p>
<p>我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态，但是现在大多数网站的按钮都只设计了未动作、鼠标经过这两种状态，其中更有不管你小鼠标怎么蹂躏它都只有一种状态者。这里我不是说这些做法不好，只是觉得如果我们在设计的时候加上鼠标按下状态会提升浏览者的满意度，让他们在点击之中获得快感。就像我们平常进行的开关灯操作一样，当手指放在开关面板上按下，伴随着“啪”这个轻脆声音，开关被按下，灯亮了。<br />
<img title="1" src="http://www.senfe.com/wp-content/uploads/2010/11/4c0f_1.jpg" alt="1" width="400" height="176" /></p>
<p>上图中百度一下的鼠标按下状态加深了颜色，google搜索则直接将底色置灰，从视觉上给了浏览者最直观的感受这个按钮我按下了。</p>
<p><span id="more-748"></span></p>
<p><strong>2、鼠标经过也可以这样</strong></p>
<p>我们在设计的时候，为了让浏览者更好的理解文字表述的含义或当前所处的状态都会给文字配上相应的一个icon，当鼠标经过的时候通常的做法就是直接改变颜色和改变一下方向。但是淘宝首页处理极具创新，原来鼠标经过也可以这样。</p>
<div><img title="点击图片，在新窗口显示原始尺寸" src="http://www.senfe.com/wp-content/uploads/2010/11/6728_2.jpg" alt="2" width="557" height="337" /></div>
<p>ps:以上效果用Firefox 或 chrome 查看<br />
上图中搜索后面的小三角在未动作的是指向下方的，当鼠标经过的时候小三角顺时钟旋转180度指向下方，鼠标离开后逆时针旋转180回到原位;淘宝天下前面的icon在鼠标经过的时候顺时针旋转35度，鼠标离开后逆时针旋转35度回到原位。这种处理方式让浏览者摆脱了枯燥的浏览，这个瞬间心情愉悦。</p>
<p><strong>3、弹出层也有新花样</strong></p>
<p>弹出层是我们浏览网页时经常会遇到的东东，它的好处我就不说了，这里我提出来是想说说它们出现和消失的方式。通常的作法是当浏览者触发之后给一个半透明遮罩层，弹出层与之一同出现。迅雷7就来了一个新花样。</p>
<p><img title="3" src="http://www.senfe.com/wp-content/uploads/2010/11/1a00_3.jpg" alt="3" width="426" height="635" /></p>
<p>上图中当我们点击皮肤设置（黄色小衣服）按钮之后，会看到时皮肤主题这个弹出层以180度水平旋转这个“高难度动作”登场，当我们点击关闭按钮时，它又以放大加渐隐“风骚”离去。和平常弹出层直来直往的方式相比，让我们在那一瞬间感受到愉快、兴奋。当然并不是所有的弹窗加上这样的效果就会提升满意度，效果的加强伴随而来的是过程时间的增加，在这里需要处理好的是平衡性的问题，在枯燥的一系列操作中，动态效果的点缀会使人眼前一亮，频繁的滥用只会产生视觉疲劳。</p>
<p>除了上面所说的按钮、鼠标经过的状态、弹出层还有很多细节比如：下拉菜单出现的方式可以由浅变深、由小变大等等，我这里就不一一列举了。每一个细节，每一个瞬间都有可能加强也可能摧毁浏览者对某个产品或公司的信心。我们在工作中应该注重每一个交互细节，它们对于完整的用户体验来说，都是不可或缺的一部分。只有不断的改进创新，才能提升用户的满意度。</p>
<p>最后借用书上的一句话“良好的用户体验，全在于那些完美的瞬间。” 以上表达了我个人对细节提升用户满意度方面的一些理解，水平有限，不足处，欢迎指正。<br />
来源：<a href="http://www.xmued.com/?p=1561">http://www.xmued.com/?p=1561</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/748.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JavaScript添加、获取和删除Cookie的代码</title>
		<link>http://www.senfe.com/archives/695.html</link>
		<comments>http://www.senfe.com/archives/695.html#comments</comments>
		<pubDate>Fri, 30 Jul 2010 14:40:13 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[cookie]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=695</guid>
		<description><![CDATA[1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 function setCookie&#40;name, value, expires, path, domain&#41;&#123; //name cookie的名称 //value cookie的值 //expires cookie存活的时间[可选项：无值代表页面关闭生命到期]，以毫秒为单位 支持 '1000' 1000 100*1000 三种格式（计算时不能用引号包含）[可以为其他目录进行赋值] //path cookie的可访问范围，例设置为&#34;/test/&#34;或&#34;text/&#34;或&#34;/text&#34; 都代表test目录下的所有文件及子目录都可访问到cookie //domain cookie的访问域，path的延伸，如设置为 &#34;senfe.com&#34; 那么&#34;bbs.senfe.com&#34;/&#34;www.senfe.com&#34;等二级子域名都可以访问到该cookie[只能为自己域赋值] //完整引用实例： //添加：setCookie('userName','qqqqqq',1000*60,'/test/','senfe.com') //读取：getCookie('userName') //删除：clearCookie('userName') if&#40; expires [...]]]></description>
			<content:encoded><![CDATA[
<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> setCookie<span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #339933;">,</span> value<span style="color: #339933;">,</span> expires<span style="color: #339933;">,</span> path<span style="color: #339933;">,</span> domain<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">//name cookie的名称</span>
	<span style="color: #006600; font-style: italic;">//value cookie的值</span>
	<span style="color: #006600; font-style: italic;">//expires cookie存活的时间[可选项：无值代表页面关闭生命到期]，以毫秒为单位 支持 '1000'  1000  100*1000 三种格式（计算时不能用引号包含）[可以为其他目录进行赋值]</span>
	<span style="color: #006600; font-style: italic;">//path cookie的可访问范围，例设置为&quot;/test/&quot;或&quot;text/&quot;或&quot;/text&quot; 都代表test目录下的所有文件及子目录都可访问到cookie</span>
	<span style="color: #006600; font-style: italic;">//domain cookie的访问域，path的延伸，如设置为 &quot;senfe.com&quot; 那么&quot;bbs.senfe.com&quot;/&quot;www.senfe.com&quot;等二级子域名都可以访问到该cookie[只能为自己域赋值]</span>
	<span style="color: #006600; font-style: italic;">//完整引用实例：</span>
	<span style="color: #006600; font-style: italic;">//添加：setCookie('userName','qqqqqq',1000*60,'/test/','senfe.com')</span>
	<span style="color: #006600; font-style: italic;">//读取：getCookie('userName')</span>
	<span style="color: #006600; font-style: italic;">//删除：clearCookie('userName')</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span> expires <span style="color: #339933;">&amp;&amp;</span> isNaN<span style="color: #009900;">&#40;</span>expires<span style="color: #009900;">&#41;</span><span style="color: #339933;">===</span><span style="color: #003366; font-weight: bold;">false</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>expires<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getTime</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span>expires<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
	document.<span style="color: #660066;">cookie</span><span style="color: #339933;">=</span><span style="color: #000066;">name</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;=&quot;</span><span style="color: #339933;">+</span>escape<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>expires<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #3366CC;">&quot;; expires=&quot;</span><span style="color: #339933;">+</span>expires.<span style="color: #660066;">toGMTString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>path<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #3366CC;">&quot;; path=&quot;</span><span style="color: #339933;">+</span>path<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;; path=/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>domain<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #3366CC;">&quot;;domain=&quot;</span><span style="color: #339933;">+</span>domain<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> getCookie<span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> arr<span style="color: #339933;">=</span>document.<span style="color: #660066;">cookie</span>.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;(^| )&quot;</span><span style="color: #339933;">+</span><span style="color: #000066;">name</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;=([^;]*)(;|$)&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>arr<span style="color: #339933;">!=</span><span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">return</span> unescape<span style="color: #009900;">&#40;</span> arr<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> clearCookie<span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #339933;">,</span> path<span style="color: #339933;">,</span> domain<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">get</span><span style="color: #009900;">&#40;</span> <span style="color: #000066;">name</span> <span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		document.<span style="color: #660066;">cookie</span><span style="color: #339933;">=</span><span style="color: #000066;">name</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;=&quot;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>path<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #3366CC;">&quot;; path=&quot;</span><span style="color: #339933;">+</span>path<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;; path=/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>domain<span style="color: #009900;">&#41;</span><span style="color: #339933;">?</span><span style="color: #3366CC;">&quot;; domain=&quot;</span><span style="color: #339933;">+</span>domain<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;;expires=Fri, 02-Jan-1970 00:00:00 GMT&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/695.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS颜色代码对照</title>
		<link>http://www.senfe.com/archives/687.html</link>
		<comments>http://www.senfe.com/archives/687.html#comments</comments>
		<pubDate>Mon, 19 Jul 2010 11:14:53 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[颜色]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=687</guid>
		<description><![CDATA[FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC #FF8888 #FF3333 #FF0000 #CC0000 #AA0000 #880000 #FFC8B4 #FFA488 #FF7744 #FF5511 #E63F00 #C63300 #A42D00 #FFDDAA #FFBB66 #FFAA33 #FF8800 #EE7700 #CC6600 #BB5500 #FFEE99 #FFDD55 #FFCC22 #FFBB00 #DDAA00 #AA7700 #886600 #FFFFBB #FFFF77 #FFFF33 #FFFF00 #EEEE00 #BBBB00 #888800 #EEFFBB #DDFF77 #CCFF33 #BBFF00 #99DD00 #88AA00 [...]]]></description>
			<content:encoded><![CDATA[<table border="0">
<tbody>
<tr>
<td width="95" height="30" bgcolor="#ffffff">FFFFFF</td>
<td width="95" height="30" bgcolor="#dddddd">#DDDDDD</td>
<td width="95" height="30" bgcolor="#aaaaaa">#AAAAAA</td>
<td width="95" height="30" bgcolor="#888888">#888888</td>
<td width="95" height="30" bgcolor="#666666">#666666</td>
<td width="95" height="30" bgcolor="#444444">#444444</td>
<td width="95" height="30" bgcolor="#000000">#000000</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffb7dd">#FFB7DD</td>
<td width="95" height="30" bgcolor="#ff88c2">#FF88C2</td>
<td width="95" height="30" bgcolor="#ff44aa">#FF44AA</td>
<td width="95" height="30" bgcolor="#ff0088">#FF0088</td>
<td width="95" height="30" bgcolor="#c10066">#C10066</td>
<td width="95" height="30" bgcolor="#a20055">#A20055</td>
<td width="95" height="30" bgcolor="#8c0044">#8C0044</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffcccc">#FFCCCC</td>
<td width="95" height="30" bgcolor="#ff8888">#FF8888</td>
<td width="95" height="30" bgcolor="#ff3333">#FF3333</td>
<td width="95" height="30" bgcolor="#ff0000">#FF0000</td>
<td width="95" height="30" bgcolor="#cc0000">#CC0000</td>
<td width="95" height="30" bgcolor="#aa0000">#AA0000</td>
<td width="95" height="30" bgcolor="#880000">#880000</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffc8b4">#FFC8B4</td>
<td width="95" height="30" bgcolor="#ffa488">#FFA488</td>
<td width="95" height="30" bgcolor="#ff7744">#FF7744</td>
<td width="95" height="30" bgcolor="#ff5511">#FF5511</td>
<td width="95" height="30" bgcolor="#e63f00">#E63F00</td>
<td width="95" height="30" bgcolor="#c63300">#C63300</td>
<td width="95" height="30" bgcolor="#a42d00">#A42D00</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffddaa">#FFDDAA</td>
<td width="95" height="30" bgcolor="#ffbb66">#FFBB66</td>
<td width="95" height="30" bgcolor="#ffaa33">#FFAA33</td>
<td width="95" height="30" bgcolor="#ff8800">#FF8800</td>
<td width="95" height="30" bgcolor="#ee7700">#EE7700</td>
<td width="95" height="30" bgcolor="#cc6600">#CC6600</td>
<td width="95" height="30" bgcolor="#bb5500">#BB5500</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffee99">#FFEE99</td>
<td width="95" height="30" bgcolor="#ffdd55">#FFDD55</td>
<td width="95" height="30" bgcolor="#ffcc22">#FFCC22</td>
<td width="95" height="30" bgcolor="#ffbb00">#FFBB00</td>
<td width="95" height="30" bgcolor="#ddaa00">#DDAA00</td>
<td width="95" height="30" bgcolor="#aa7700">#AA7700</td>
<td width="95" height="30" bgcolor="#886600">#886600</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffffbb">#FFFFBB</td>
<td width="95" height="30" bgcolor="#ffff77">#FFFF77</td>
<td width="95" height="30" bgcolor="#ffff33">#FFFF33</td>
<td width="95" height="30" bgcolor="#ffff00">#FFFF00</td>
<td width="95" height="30" bgcolor="#eeee00">#EEEE00</td>
<td width="95" height="30" bgcolor="#bbbb00">#BBBB00</td>
<td width="95" height="30" bgcolor="#888800">#888800</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#eeffbb">#EEFFBB</td>
<td width="95" height="30" bgcolor="#ddff77">#DDFF77</td>
<td width="95" height="30" bgcolor="#ccff33">#CCFF33</td>
<td width="95" height="30" bgcolor="#bbff00">#BBFF00</td>
<td width="95" height="30" bgcolor="#99dd00">#99DD00</td>
<td width="95" height="30" bgcolor="#88aa00">#88AA00</td>
<td width="95" height="30" bgcolor="#668800">#668800</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ccff99">#CCFF99</td>
<td width="95" height="30" bgcolor="#bbff66">#BBFF66</td>
<td width="95" height="30" bgcolor="#99ff33">#99FF33</td>
<td width="95" height="30" bgcolor="#77ff00">#77FF00</td>
<td width="95" height="30" bgcolor="#66dd00">#66DD00</td>
<td width="95" height="30" bgcolor="#55aa00">#55AA00</td>
<td width="95" height="30" bgcolor="#227700">#227700</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#99ff99">#99FF99</td>
<td width="95" height="30" bgcolor="#66ff66">#66FF66</td>
<td width="95" height="30" bgcolor="#33ff33">#33FF33</td>
<td width="95" height="30" bgcolor="#00ff00">#00FF00</td>
<td width="95" height="30" bgcolor="#00dd00">#00DD00</td>
<td width="95" height="30" bgcolor="#00aa00">#00AA00</td>
<td width="95" height="30" bgcolor="#008800">#008800</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#bbffee">#BBFFEE</td>
<td width="95" height="30" bgcolor="#77ffcc">#77FFCC</td>
<td width="95" height="30" bgcolor="#33ffaa">#33FFAA</td>
<td width="95" height="30" bgcolor="#00ff99">#00FF99</td>
<td width="95" height="30" bgcolor="#00dd77">#00DD77</td>
<td width="95" height="30" bgcolor="#00aa55">#00AA55</td>
<td width="95" height="30" bgcolor="#008844">#008844</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#aaffee">#AAFFEE</td>
<td width="95" height="30" bgcolor="#77ffee">#77FFEE</td>
<td width="95" height="30" bgcolor="#33ffdd">#33FFDD</td>
<td width="95" height="30" bgcolor="#00ffcc">#00FFCC</td>
<td width="95" height="30" bgcolor="#00ddaa">#00DDAA</td>
<td width="95" height="30" bgcolor="#00aa88">#00AA88</td>
<td width="95" height="30" bgcolor="#008866">#008866</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#99ffff">#99FFFF</td>
<td width="95" height="30" bgcolor="#66ffff">#66FFFF</td>
<td width="95" height="30" bgcolor="#33ffff">#33FFFF</td>
<td width="95" height="30" bgcolor="#00ffff">#00FFFF</td>
<td width="95" height="30" bgcolor="#00dddd">#00DDDD</td>
<td width="95" height="30" bgcolor="#00aaaa">#00AAAA</td>
<td width="95" height="30" bgcolor="#008888">#008888</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#cceeff">#CCEEFF</td>
<td width="95" height="30" bgcolor="#77ddff">#77DDFF</td>
<td width="95" height="30" bgcolor="#33ccff">#33CCFF</td>
<td width="95" height="30" bgcolor="#00bbff">#00BBFF</td>
<td width="95" height="30" bgcolor="#009fcc">#009FCC</td>
<td width="95" height="30" bgcolor="#0088a8">#0088A8</td>
<td width="95" height="30" bgcolor="#007799">#007799</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ccddff">#CCDDFF</td>
<td width="95" height="30" bgcolor="#99bbff">#99BBFF</td>
<td width="95" height="30" bgcolor="#5599ff">#5599FF</td>
<td width="95" height="30" bgcolor="#0066ff">#0066FF</td>
<td width="95" height="30" bgcolor="#0044bb">#0044BB</td>
<td width="95" height="30" bgcolor="#003c9d">#003C9D</td>
<td width="95" height="30" bgcolor="#003377">#003377</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ccccff">#CCCCFF</td>
<td width="95" height="30" bgcolor="#9999ff">#9999FF</td>
<td width="95" height="30" bgcolor="#5555ff">#5555FF</td>
<td width="95" height="30" bgcolor="#0000ff">#0000FF</td>
<td width="95" height="30" bgcolor="#0000cc">#0000CC</td>
<td width="95" height="30" bgcolor="#0000aa">#0000AA</td>
<td width="95" height="30" bgcolor="#000088">#000088</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ccbbff">#CCBBFF</td>
<td width="95" height="30" bgcolor="#9f88ff">#9F88FF</td>
<td width="95" height="30" bgcolor="#7744ff">#7744FF</td>
<td width="95" height="30" bgcolor="#5500ff">#5500FF</td>
<td width="95" height="30" bgcolor="#4400cc">#4400CC</td>
<td width="95" height="30" bgcolor="#2200aa">#2200AA</td>
<td width="95" height="30" bgcolor="#220088">#220088</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#d1bbff">#D1BBFF</td>
<td width="95" height="30" bgcolor="#b088ff">#B088FF</td>
<td width="95" height="30" bgcolor="#9955ff">#9955FF</td>
<td width="95" height="30" bgcolor="#7700ff">#7700FF</td>
<td width="95" height="30" bgcolor="#5500dd">#5500DD</td>
<td width="95" height="30" bgcolor="#4400b3">#4400B3</td>
<td width="95" height="30" bgcolor="#3a0088">#3A0088</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#e8ccff">#E8CCFF</td>
<td width="95" height="30" bgcolor="#d28eff">#D28EFF</td>
<td width="95" height="30" bgcolor="#b94fff">#B94FFF</td>
<td width="95" height="30" bgcolor="#9900ff">#9900FF</td>
<td width="95" height="30" bgcolor="#7700bb">#7700BB</td>
<td width="95" height="30" bgcolor="#66009d">#66009D</td>
<td width="95" height="30" bgcolor="#550088">#550088</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#f0bbff">#F0BBFF</td>
<td width="95" height="30" bgcolor="#e377ff">#E38EFF</td>
<td width="95" height="30" bgcolor="#d93eff">#E93EFF</td>
<td width="95" height="30" bgcolor="#cc00ff">#CC00FF</td>
<td width="95" height="30" bgcolor="#a500cc">#A500CC</td>
<td width="95" height="30" bgcolor="#7a0099">#7A0099</td>
<td width="95" height="30" bgcolor="#660077">#660077</td>
</tr>
<tr>
<td width="95" height="30" bgcolor="#ffb3ff">#FFB3FF</td>
<td width="95" height="30" bgcolor="#ff77ff">#FF77FF</td>
<td width="95" height="30" bgcolor="#ff3eff">#FF3EFF</td>
<td width="95" height="30" bgcolor="#ff00ff">#FF0 0FF</td>
<td width="95" height="30" bgcolor="#cc00cc">#CC00CC</td>
<td width="95" height="30" bgcolor="#990099">#990099</td>
<td width="95" height="30" bgcolor="#770077">#770077</td>
</tr>
</tbody>
</table>
<p><span id="more-687"></span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td><span style="text-decoration: underline;">maroon </span></td>
<td>#800000</td>
<td bgcolor="#800000">　</td>
</tr>
<tr>
<td>darkred</td>
<td>#8B0000</td>
<td bgcolor="#8b0000">　</td>
</tr>
<tr>
<td>brown</td>
<td>#A52A2A</td>
<td bgcolor="#a52a2a">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">firebrick </span></td>
<td>#B22222</td>
<td bgcolor="#b22222">　</td>
</tr>
<tr>
<td>crimson</td>
<td>#DC143C</td>
<td bgcolor="#dc143c">　</td>
</tr>
<tr>
<td>red</td>
<td>#FF0000</td>
<td bgcolor="#ff0000">　</td>
</tr>
</tbody>
</table>
<p><span style="text-decoration: underline;">桃红~纷红</span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>mediumvioletred</td>
<td>#C71585</td>
<td bgcolor="#c71585">　</td>
</tr>
<tr>
<td>palevioletred</td>
<td>#D87093</td>
<td bgcolor="#d87093">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">deeppink </span></td>
<td>#FF1493</td>
<td bgcolor="#ff1493">　</td>
</tr>
<tr>
<td>fuchsia(magenta)</td>
<td>#FF00FF</td>
<td bgcolor="#ff00ff">　</td>
</tr>
<tr>
<td>hotpink</td>
<td>#FF69B4</td>
<td bgcolor="#ff69b4">　</td>
</tr>
<tr>
<td>pink</td>
<td><span style="text-decoration: underline;">#FFC0CB</span></td>
<td bgcolor="#ffc0cb">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">lightpink </span></td>
<td>#FFB6C1</td>
<td bgcolor="#ffb6c1">　</td>
</tr>
<tr>
<td>mistyrose</td>
<td>#FFE4E1</td>
<td bgcolor="#ffe4e1">　</td>
</tr>
<tr>
<td>lavenderblush</td>
<td>#FFF0F5</td>
<td bgcolor="#fff0f5">　</td>
</tr>
</tbody>
</table>
<p><span style="text-decoration: underline;">紫 </span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>indigo</td>
<td>#4B0082</td>
<td bgcolor="#4b0082">　</td>
</tr>
<tr>
<td>purple</td>
<td>#800080</td>
<td bgcolor="#800080">　</td>
</tr>
<tr>
<td>darkmagenta</td>
<td><span style="text-decoration: underline;">#8B008B</span></td>
<td bgcolor="#8b008b">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">darkorchid</span></td>
<td>#9932CC</td>
<td bgcolor="#9932cc">　</td>
</tr>
<tr>
<td>blueviolet</td>
<td>#8A2BE2</td>
<td bgcolor="#8a2be2">　</td>
</tr>
<tr>
<td>darkviolet</td>
<td>#9400D3</td>
<td bgcolor="#9400d3">　</td>
</tr>
<tr>
<td>slateblue</td>
<td>#6A5ACD</td>
<td bgcolor="#6a5acd">　</td>
</tr>
<tr>
<td>mediumpurple</td>
<td>#9370DB</td>
<td bgcolor="#9370db">　</td>
</tr>
<tr>
<td>mediumslateblue</td>
<td><span style="text-decoration: underline;">#7B68EE</span></td>
<td bgcolor="#7b68ee">　</td>
</tr>
<tr>
<td>mediumorchid</td>
<td>#BA55D3</td>
<td bgcolor="#ba55d3">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">violet </span></td>
<td>#EE82EE</td>
<td bgcolor="#ee82ee">　</td>
</tr>
<tr>
<td>plum</td>
<td>#DDA0DD</td>
<td bgcolor="#dda0dd">　</td>
</tr>
<tr>
<td>thistle</td>
<td><span style="text-decoration: underline;">#D8BFD8</span></td>
<td bgcolor="#d8bfd8">　</td>
</tr>
<tr>
<td>lavender</td>
<td>#E6E6FA</td>
<td bgcolor="#e6e6fa">　</td>
</tr>
</tbody>
</table>
<p><span style="text-decoration: underline;">褐~橘~米白<br />
</span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>saddlebrown</td>
<td>#8B4513</td>
<td bgcolor="#8b4513">　</td>
</tr>
<tr>
<td>sienna</td>
<td><span style="text-decoration: underline;">#A0522D</span></td>
<td bgcolor="#a0522d">　</td>
</tr>
<tr>
<td>chocolate</td>
<td>#D2691E</td>
<td bgcolor="#d2691e">　</td>
</tr>
<tr>
<td>indianred</td>
<td>#CD5C5C</td>
<td bgcolor="#cd5c5c">　</td>
</tr>
<tr>
<td>rosybrown</td>
<td>#BC8F8F</td>
<td bgcolor="#bc8f8f">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">lightcorol </span></td>
<td><span style="text-decoration: underline;">#F08080</span></td>
<td bgcolor="#f08080">　</td>
</tr>
<tr>
<td>salmon</td>
<td>#FA8072</td>
<td bgcolor="#fa8072">　</td>
</tr>
<tr>
<td>lightsalmon</td>
<td>#FFA07A</td>
<td bgcolor="#ffa07a">　</td>
</tr>
<tr>
<td>orangered</td>
<td>#FF4500</td>
<td bgcolor="#ff4500">　</td>
</tr>
<tr>
<td>tomato</td>
<td><span style="text-decoration: underline;">#FF6347 </span></td>
<td bgcolor="#ff6347">　</td>
</tr>
<tr>
<td>coral</td>
<td>#FF7F50</td>
<td bgcolor="#ff7f50">　</td>
</tr>
<tr>
<td>darkorange</td>
<td>#FF8C00</td>
<td bgcolor="#ff8c00">　</td>
</tr>
<tr>
<td>sandybrown</td>
<td>#F4A460</td>
<td bgcolor="#f4a460">　</td>
</tr>
<tr>
<td>peru</td>
<td>#CD853F</td>
<td bgcolor="#cd853f">　</td>
</tr>
<tr>
<td>tan</td>
<td>#D2B48C</td>
<td bgcolor="#d2b48c">　</td>
</tr>
<tr>
<td>burlywood</td>
<td>#DEB887</td>
<td bgcolor="#deb887">　</td>
</tr>
<tr>
<td>wheat</td>
<td><span style="text-decoration: underline;">#F5DEB3</span></td>
<td bgcolor="#f5deb3">　</td>
</tr>
<tr>
<td>moccasin</td>
<td>#FFE4B5</td>
<td bgcolor="#ffe4b5">　</td>
</tr>
<tr>
<td>navajowhite</td>
<td>#FFDEAD</td>
<td bgcolor="#ffdead">　</td>
</tr>
<tr>
<td>peachpuff</td>
<td>#FFDAB9</td>
<td bgcolor="#ffdab9">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">bisque </span></td>
<td>#FFE4C4</td>
<td bgcolor="#ffe4c4">　</td>
</tr>
<tr>
<td>antuquewhite</td>
<td>#FAEBD7</td>
<td bgcolor="#faebd7">　</td>
</tr>
<tr>
<td>papayawhip</td>
<td>#FFEFD5</td>
<td bgcolor="#ffefd5">　</td>
</tr>
<tr>
<td>cornsilk</td>
<td><span style="text-decoration: underline;">#FFF8DC</span></td>
<td bgcolor="#fff8dc">　</td>
</tr>
<tr>
<td>oldlace</td>
<td>#FDF5E6</td>
<td bgcolor="#fdf5e6">　</td>
</tr>
<tr>
<td>linen</td>
<td>#FAF0E6</td>
<td bgcolor="#faf0e6">　</td>
</tr>
<tr>
<td>seashell</td>
<td>#FFF5EE</td>
<td bgcolor="#fff5ee">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">snow </span></td>
<td>#FFFAFA</td>
<td bgcolor="#fffafa">　</td>
</tr>
<tr>
<td>floralwhite</td>
<td>#FFFAF0</td>
<td bgcolor="#fffaf0">　</td>
</tr>
<tr>
<td>ivory</td>
<td><span style="text-decoration: underline;">#FFFFF0 </span></td>
<td bgcolor="#fffff0">　</td>
</tr>
<tr>
<td>mintcream</td>
<td>#F5FFFA</td>
<td bgcolor="#f5fffa">　</td>
</tr>
</tbody>
</table>
<p>  </p>
<p><span style="text-decoration: underline;">金~黄<br />
</span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>darkgoldenrod</td>
<td>#B8860B</td>
<td bgcolor="#b8860b">　</td>
</tr>
<tr>
<td>goldenrod</td>
<td>#DAA520</td>
<td bgcolor="#daa520">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">gold </span></td>
<td>#FFD700</td>
<td bgcolor="#ffd700">　</td>
</tr>
<tr>
<td>yellow</td>
<td>#FFFF00</td>
<td bgcolor="#ffff00">　</td>
</tr>
<tr>
<td>darkkhaki</td>
<td>#BDB76B</td>
<td bgcolor="#bdb76b">　</td>
</tr>
<tr>
<td>khaki</td>
<td>#F0E68C</td>
<td bgcolor="#f0e68c">　</td>
</tr>
<tr>
<td>palegoldenrod</td>
<td><span style="text-decoration: underline;">#EEE8AA</span></td>
<td bgcolor="#eee8aa">　</td>
</tr>
<tr>
<td>beige</td>
<td>#F5F5DC</td>
<td bgcolor="#f5f5dc">　</td>
</tr>
<tr>
<td>lemonchiffon</td>
<td>#FFFACD</td>
<td bgcolor="#fffacd">　</td>
</tr>
<tr>
<td>lightgoldenrodyellow</td>
<td>#FAFAD2</td>
<td bgcolor="#fafad2">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">lightyellow</span></td>
<td>#FFFFE0</td>
<td bgcolor="#ffffe0">　</td>
</tr>
</tbody>
</table>
<p>  </p>
<p><span style="text-decoration: underline;">~黄<br />
</span></p>
<p><span style="text-decoration: underline;">绿</span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>darkslategray</td>
<td>#2F4F4F</td>
<td bgcolor="#2f4f4f">　</td>
</tr>
<tr>
<td>darkolivegreen</td>
<td>#556B2F</td>
<td bgcolor="#556b2f">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">olive </span></td>
<td>#808000</td>
<td bgcolor="#808000">　</td>
</tr>
<tr>
<td>darkgreen</td>
<td>#006400</td>
<td bgcolor="#006400">　</td>
</tr>
<tr>
<td>forestgreen</td>
<td>#228B22</td>
<td bgcolor="#228b22">　</td>
</tr>
<tr>
<td>seagreen</td>
<td><span style="text-decoration: underline;">#2E8B57</span></td>
<td bgcolor="#2e8b57">　</td>
</tr>
<tr>
<td>green(teal)</td>
<td>#008080</td>
<td bgcolor="#008080">　</td>
</tr>
<tr>
<td>lightseagreen</td>
<td>#20B2AA</td>
<td bgcolor="#20b2aa">　</td>
</tr>
<tr>
<td>madiumaquamarine</td>
<td>#66CDAA</td>
<td bgcolor="#66cdaa">　</td>
</tr>
<tr>
<td>mediumseagreen</td>
<td>#3CB371</td>
<td bgcolor="#3cb371">　</td>
</tr>
<tr>
<td>darkseagreen</td>
<td>#8FBC8F</td>
<td bgcolor="#8fbc8f">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">yellowgreen </span></td>
<td>#9ACD32</td>
<td bgcolor="#9acd32">　</td>
</tr>
<tr>
<td>limegreen</td>
<td>#32CD32</td>
<td bgcolor="#32cd32">　</td>
</tr>
<tr>
<td>lime</td>
<td>#00FF00</td>
<td bgcolor="#00ff00">　</td>
</tr>
<tr>
<td>chartreuse</td>
<td>#7FFF00</td>
<td bgcolor="#7fff00">　</td>
</tr>
<tr>
<td>lawngreen</td>
<td>#7CFC00</td>
<td bgcolor="#7cfc00">　</td>
</tr>
<tr>
<td>greenyellow</td>
<td><span style="text-decoration: underline;">#ADFF2F</span></td>
<td bgcolor="#adff2f">　</td>
</tr>
<tr>
<td>mediumspringgreen</td>
<td>#00FA9A</td>
<td bgcolor="#00fa9a">　</td>
</tr>
<tr>
<td>springgreen</td>
<td>#00FF7F</td>
<td bgcolor="#00ff7f">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">lightgreen</span></td>
<td>#90EE90</td>
<td bgcolor="#90ee90">　</td>
</tr>
<tr>
<td>palegreen</td>
<td>#98F898</td>
<td bgcolor="#98f898">　</td>
</tr>
<tr>
<td>aquamarine</td>
<td>#7FFFD4</td>
<td bgcolor="#7fffd4">　</td>
</tr>
<tr>
<td>honeydew</td>
<td>#F0FFF0</td>
<td bgcolor="#f0fff0">　</td>
</tr>
</tbody>
</table>
<p>  </p>
<p><span style="text-decoration: underline;">蓝</span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>midnightblue</td>
<td>#191970</td>
<td bgcolor="#191970">　</td>
</tr>
<tr>
<td>navy</td>
<td>#000080</td>
<td bgcolor="#000080">　</td>
</tr>
<tr>
<td>darkblue</td>
<td><span style="text-decoration: underline;">#00008B</span></td>
<td bgcolor="#00008b">　</td>
</tr>
<tr>
<td>darkslateblue</td>
<td>#483D8B</td>
<td bgcolor="#483d8b">　</td>
</tr>
<tr>
<td>mediumblue</td>
<td>#0000CD</td>
<td bgcolor="#0000cd">　</td>
</tr>
<tr>
<td>royalblue</td>
<td>#4169E1</td>
<td bgcolor="#4169e1">　</td>
</tr>
<tr>
<td>dodgerblue</td>
<td>#1E90FF</td>
<td bgcolor="#1e90ff">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">cornflowerblue </span></td>
<td>#6495ED</td>
<td bgcolor="#6495ed">　</td>
</tr>
<tr>
<td>deepskyblue</td>
<td>#00BFFF</td>
<td bgcolor="#00bfff">　</td>
</tr>
<tr>
<td>lightskyblue</td>
<td>#87CEFA</td>
<td bgcolor="#87cefa">　</td>
</tr>
<tr>
<td>lightsteelblue</td>
<td>#B0C4DE</td>
<td bgcolor="#b0c4de">　</td>
</tr>
<tr>
<td>lightblue</td>
<td>#ADD8E6</td>
<td bgcolor="#add8e6">　</td>
</tr>
<tr>
<td>steelblue</td>
<td><span style="text-decoration: underline;">#4682B4</span></td>
<td bgcolor="#4682b4">　</td>
</tr>
<tr>
<td>darkcyan</td>
<td>#008B8B</td>
<td bgcolor="#008b8b">　</td>
</tr>
<tr>
<td>cadetblue</td>
<td>#5F9EA0</td>
<td bgcolor="#5f9ea0">　</td>
</tr>
<tr>
<td>darkturquoise</td>
<td>#00CED1</td>
<td bgcolor="#00ced1">　</td>
</tr>
<tr>
<td>mediumturquoise</td>
<td>#48D1CC</td>
<td bgcolor="#48d1cc">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">turquoise </span></td>
<td>#40E0D0</td>
<td bgcolor="#40e0d0">　</td>
</tr>
<tr>
<td>skyblue</td>
<td>#87CECB</td>
<td bgcolor="#87cecb">　</td>
</tr>
<tr>
<td>powderblue</td>
<td>#B0E0E6</td>
<td bgcolor="#b0e0e6">　</td>
</tr>
<tr>
<td>paleturquoise</td>
<td>#AFEEEE</td>
<td bgcolor="#afeeee">　</td>
</tr>
<tr>
<td>lightcyan</td>
<td><span style="text-decoration: underline;">#E0FFFF</span></td>
<td bgcolor="#e0ffff">　</td>
</tr>
<tr>
<td>azure</td>
<td>#F0FFFF</td>
<td bgcolor="#f0ffff">　</td>
</tr>
<tr>
<td>aliceblue</td>
<td>#F0F8FF</td>
<td bgcolor="#f0f8ff">　</td>
</tr>
<tr>
<td>aqua(cyan)</td>
<td>#00FFFF</td>
<td bgcolor="#00ffff">　</td>
</tr>
</tbody>
</table>
<p><span style="text-decoration: underline;">黑~灰~白</span></p>
<table border="0">
<tbody>
<tr>
<th width="130">颜色名称</th>
<th width="80">代码</th>
<th width="80">颜色</th>
</tr>
<tr>
<td>black</td>
<td>#000000</td>
<td bgcolor="#000000">　</td>
</tr>
<tr>
<td>dimgray</td>
<td>#696969</td>
<td bgcolor="#696969">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">gray </span></td>
<td>#808080</td>
<td bgcolor="#808080">　</td>
</tr>
<tr>
<td>slategray</td>
<td>#708090</td>
<td bgcolor="#708090">　</td>
</tr>
<tr>
<td>lightslategray</td>
<td>#778899</td>
<td bgcolor="#778899">　</td>
</tr>
<tr>
<td>darkgray</td>
<td>#A9A9A9</td>
<td bgcolor="#a9a9a9">　</td>
</tr>
<tr>
<td>silver</td>
<td><span style="text-decoration: underline;">#C0C0C0</span></td>
<td bgcolor="#c0c0c0">　</td>
</tr>
<tr>
<td>lightgray</td>
<td>#D3D3D3</td>
<td bgcolor="#d3d3d3">　</td>
</tr>
<tr>
<td>gainsboro</td>
<td>#DCDCDC</td>
<td bgcolor="#dcdcdc">　</td>
</tr>
<tr>
<td><span style="text-decoration: underline;">whitesmoke </span></td>
<td>#F5F5F5</td>
<td bgcolor="#f5f5f5">　</td>
</tr>
<tr>
<td>ghostwhite</td>
<td>#F8F8FF</td>
<td bgcolor="#f8f8ff">　</td>
</tr>
<tr>
<td>white</td>
<td>#FFFFFF</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/687.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>55个壮观的登录表单设计</title>
		<link>http://www.senfe.com/archives/505.html</link>
		<comments>http://www.senfe.com/archives/505.html#comments</comments>
		<pubDate>Wed, 14 Jul 2010 12:23:12 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[登录表单设计]]></category>
		<category><![CDATA[登录页面设计]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=505</guid>
		<description><![CDATA[原文：55壮观的登录表单设计 登录表单，页面的设计是Ui设计的基础科目，也是最能直观体现UCD的地方，每一个用户来到登录页面的时候，都会对此产生取舍感，特别是在你经常使用这个页面的时候，体现的更突出，方便人性的设计，良好的体验，可以让他产生美感，甚至于依赖感！ Mobile Me Straw Poll Scrap Blog 20×200 Acrobat 97 Bottles Twitter The Mattinator Mint Freelance Suite College Humor Survs Virb Tuts+ Tumblr Hello How R U Tick Go Plan Wufoo Mochi Media Later This Good Barry Product Planner Grooveshark Digg Robo.to Strutta Nasi Briyani Lounge Blendue Pixel House Red Brick Health Rate My [...]]]></description>
			<content:encoded><![CDATA[<p>原文：<span style="font-family: Arial;"><a href="http://www.ucdcom.com/Blog/post/124.html" target="_blank">55壮观的登录表单设计</a></span></p>
<p>登录表单，页面的设计是Ui设计的基础科目，也是最能直观体现UCD的地方，每一个用户来到登录页面的时候，都会对此产生取舍感，特别是在你经常使用这个页面的时候，体现的更突出，方便人性的设计，良好的体验，可以让他产生美感，甚至于依赖感！</p>
<p>Mobile Me<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115022827.png" alt="" /></p>
<p>Straw Poll<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115025670.png" alt="" /><span id="more-505"></span></p>
<p>Scrap Blog<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115036368.png" alt="" /></p>
<p>20×200<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115039975.png" alt="" /></p>
<p>Acrobat<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115041267.png" alt="" /></p>
<p>97 Bottles<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115048857.png" alt="" /></p>
<p>Twitter<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115055720.png" alt="" /></p>
<p>The Mattinator<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115059545.png" alt="" /></p>
<p>Mint<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111513973.png" alt="" /></p>
<p>Freelance Suite<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111515424.png" alt="" /></p>
<p>College Humor<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111516440.png" alt="" /></p>
<p>Survs<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111518385.png" alt="" /></p>
<p>Virb<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115111444.png" alt="" /></p>
<p>Tuts+<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115113288.png" alt="" /></p>
<p>Tumblr<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115115188.png" alt="" /></p>
<p>Hello How R U<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115118240.png" alt="" /></p>
<p>Tick<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115122297.png" alt="" /></p>
<p>Go Plan<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115125526.png" alt="" /></p>
<p>Wufoo<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115126119.png" alt="" /></p>
<p>Mochi Media<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115128263.png" alt="" /></p>
<p>Later This<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115130292.png" alt="" /></p>
<p>Good Barry<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115131209.png" alt="" /></p>
<p>Product Planner<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115132789.png" alt="" /></p>
<p>Grooveshark<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115135435.png" alt="" /></p>
<p>Digg<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115136750.png" alt="" /></p>
<p>Robo.to<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115139798.png" alt="" /></p>
<p>Strutta<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115148599.png" alt="" /></p>
<p>Nasi Briyani Lounge<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115156500.png" alt="" /></p>
<p>Blendue<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111526423.png" alt="" /></p>
<p>Pixel House<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115211907.png" alt="" /></p>
<p>Red Brick Health<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115215426.png" alt="" /></p>
<p>Rate My Area<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115228547.png" alt="" /></p>
<p>Addictionary<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115236382.png" alt="" /></p>
<p>WordPress<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115243719.png" alt="" /></p>
<p>PSD Themes<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115245711.png" alt="" /></p>
<p>My Name is E<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115256127.png" alt="" /></p>
<p>Poll Daddy<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111530216.png" alt="" /></p>
<p>Meebo<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111533199.png" alt="" /></p>
<p>Ijji<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111536367.png" alt="" /></p>
<p>Battle.Net<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111539288.png" alt="" /></p>
<p>World of Warcraft<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115324546.png" alt="" /></p>
<p>Krop<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115346371.png" alt="" /></p>
<p>Mail Chimp<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115353510.png" alt="" /></p>
<p>eMusic<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111544736.png" alt="" /></p>
<p>Ustream.tv<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/201011111548231.png" alt="" /></p>
<p>Facebook<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115414563.png" alt="" /></p>
<p>Kongregate<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115415721.png" alt="" /></p>
<p>Spokeo<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115417561.png" alt="" /></p>
<p>Play Xpert<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115418701.png" alt="" /></p>
<p>Tengaged<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115420629.png" alt="" /></p>
<p>Myspace<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115422857.png" alt="" /></p>
<p>Threadless<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115422870.png" alt="" /></p>
<p>iLike<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115423145.png" alt="" /></p>
<p>Odeo<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115424726.png" alt="" /></p>
<p>Ning<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115425535.png" alt="" /></p>
<p>GoSquared<br />
<img src="http://www.senfe.com/wp-content/uploads/2010/07/2010111115425138.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/505.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>做网站的一些定律</title>
		<link>http://www.senfe.com/archives/499.html</link>
		<comments>http://www.senfe.com/archives/499.html#comments</comments>
		<pubDate>Thu, 17 Jun 2010 13:42:17 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[定律]]></category>
		<category><![CDATA[网站]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=499</guid>
		<description><![CDATA[1.250定律 　　拉德认为：每一位顾客身后，大体有250名亲朋好友。如果您赢得了一位顾客的好感，就意味着赢得了250个人的好感；反之，如果你得罪了一名顾客，也就意味着得罪了250 名顾客。 　　在你的网站访客中，一个访客可能可以带来一群访客，任何网站都有起步和发展的过程，这个过程中此定律尤其重要。 2.达维多定律 　　达维多认为，一个企业要想在市场上总是占据主导地位，那么就要做到第一个开发出新产品，又第一个淘汰自己的老产品。 　　国内网站跟风太严重，比如前段时间的格子网，乞讨网，博客网，一个成功了，大家一拥而上。但实际效果是，第一个出名的往往最成功，所以在网站的定位上，要动自己的脑筋，不是去捡人家剩下的客户。同理，买人家出售的数据来建站效果是很糟糕的。 3.木桶定律 　　水桶定律是指，一只水桶能装多少水，完全取决于它最短的那块木板。这就是说任何一个组织都可能面临的一个共同问题，即构成组织的各个部分往往决定了整个组织的水平。 　　注意审视自己的网站，是速度最糟糕？美工最糟糕？宣传最糟糕？你首先要做的，不是改进你最强的，而应该是你最薄弱的。 4.马太效应 　　《新约》中有这样一个故事，一个国王远行前，交给三个仆人每人一锭银子，吩咐他们：“你们去做生意，等我回来时，再来见我。”国王回来时，第一个仆人说： “主人，你交给我们的一锭银子，我已赚了10锭。”于是国王奖励他10座城邑。第二个仆人报告说：“主人，你给我的一锭银子，我已赚了5锭。” 于是国王例奖励了他5座城邑。第三个仆人报告说：“主人，你给我的一锭银子，我一直包在手巾里存着，我怕丢失，一直没有拿出来。”于是国王命令将第三个仆人的一锭银子也赏给第一个仆人，并且说：“凡是少的，就连他所有的也要夺过来。凡是多的，还要给他，叫他多多益善。”这就是马太效应。 　　在同类网站中，马太效应是很明显的。一个出名的社区，比一个新建的社区，更容易吸引到新客户。启示是，如果你无法把网站做大，那么你要做专。作专之后再做大就更容易。 5.手表定理 　　手表定理是指一个人有一只表时，可以知道现在是几点钟，而当他同时拥有两只表时却无法确定。 一个网站，你只需要关注你特定的用户群需求。不要在意不相干人的看法。 6.不值得定律 　　不值得定律：不值得做的事情，就不值得做好不要过度seo，如果你不是想只做垃圾站。不要把时间浪费在美化再美化页面，优化再优化程序，在你网站能盈利后，这些事情可以交给技术人员完成。 7.彼得原理 　　劳伦斯.彼得认为：在各种组织中，由于习惯于对在某个等级上称职的人员进行晋升提拔，因而雇员总是趋向于晋升到其不称职的地位。 不要轻易改变自己网站的定位。如博客网想变门户，盛大想做娱乐，大家拭目以待吧。 8.零和游戏原理 　　当你看到两位对弈者时，你就可以说他们正在玩“零和游戏”。因为在大多数情况下， 总会有一个赢，一个输，如果我们把获胜计算为得1分，而输棋为-1分，那么，这两人得分之和就是：1+（-1）=0 不要把目光一直盯在你的竞争网站上，不要花太多时间抢它的访客。我们把这些时间用来寻找互补的合作网站，挖掘新访客。 9.华盛顿合作规律 　　华盛顿合作规律说的是： 一个人敷衍了事，两个人互相推诿， 三个人则永无成事之日。 如果你看准一个方向，你自己干，缺人手就招。不要轻易找同伴一起搞网站，否则你会发现，日子似乎越过越快了，事情越做越慢了。 10.邦尼人力定律 　　一个人一分钟可以挖一个洞，六十个人一秒种却挖不了一个洞。合作是一个问题，如何合作也是一个问题。你需要有计划。 11.牛蛙效应 　　把一只牛蛙放在开水锅里，牛蛙会很快跳出来；但当你把它放在冷水里，它不会跳出来，然后慢慢加热，起初牛蛙出于懒惰，不会有什么动作，当水温高到它无法忍受的时候，想出来，但已经没有了力气。 　　如果你是soho，注意关注你的财务。不要等到没钱了再想怎么挣，你会发现那时候挣钱更难。 12.蘑菇管理 　　蘑菇管理是许多组织对待初出茅庐者的一种管理方法，初学者被置于阴暗的角落（不受重视的部门，或打杂跑腿的工作），浇上一头大粪（无端的批评、指责、代人受过），任其自生自灭（得不到必要的指导和提携）。 做网站毕竟要遭遇这样的阶段，搜索引擎不理你，友情链接找不到，访客不上门。这是磨练。 13.奥卡姆剃刀定律 　　如无必要，勿增实体。 把网站做得简单，再简单，简单到非常实用，而不是花俏。google的首页为什么比雅虎好？ 14.巴莱多定律(Paredo 也叫二八定律) 　　你所完成的工作里80%的成果，来自于你20%的付出；而80%的付出，只换来20%的成果。 随时衡量你所做的工作，哪些是最有效果的。 15.马蝇效应 　　林肯少年时和他的兄弟在肯塔基老家的一个农场里犁玉米地，林肯吆马，他兄弟扶犁，而那匹马很懒，慢慢腾腾，走走停停。可是有一段时间马走得飞快。 林肯感到奇怪，到了地头，他发现有一只很大的马蝇叮在马身上，他就把马蝇打落了。看到马蝇被打落了，他兄弟就抱怨说：”哎呀，你为什么要打掉它，正是那家伙使马跑起来的嘛！” 　　在你心满意足的时候，去寻找你的马蝇。没有firefox，不会有ie7，firefox就是微软的马蝇之一。马蝇不可怕，怕的是会一口吃掉你的东西，像 ie当初对网景干的那样。 16.最高气温效应 　　每天最热总是下午2 时左右，我们总认为这个时候太阳最厉害，其实这时的太阳早已偏西，不再是供给最大热量的时候了。此时气温之所以最高，不过是源于此前的热量积累。 [...]]]></description>
			<content:encoded><![CDATA[<p>1.250定律<br />
　　拉德认为：每一位顾客身后，大体有250名亲朋好友。如果您赢得了一位顾客的好感，就意味着赢得了250个人的好感；反之，如果你得罪了一名顾客，也就意味着得罪了250 名顾客。<br />
　　在你的网站访客中，一个访客可能可以带来一群访客，任何网站都有起步和发展的过程，这个过程中此定律尤其重要。</p>
<p>2.达维多定律<br />
　　达维多认为，一个企业要想在市场上总是占据主导地位，那么就要做到第一个开发出新产品，又第一个淘汰自己的老产品。<br />
　　国内网站跟风太严重，比如前段时间的格子网，乞讨网，博客网，一个成功了，大家一拥而上。但实际效果是，第一个出名的往往最成功，所以在网站的定位上，要动自己的脑筋，不是去捡人家剩下的客户。同理，买人家出售的数据来建站效果是很糟糕的。</p>
<p>3.木桶定律<br />
　　水桶定律是指，一只水桶能装多少水，完全取决于它最短的那块木板。这就是说任何一个组织都可能面临的一个共同问题，即构成组织的各个部分往往决定了整个组织的水平。<br />
　　注意审视自己的网站，是速度最糟糕？美工最糟糕？宣传最糟糕？你首先要做的，不是改进你最强的，而应该是你最薄弱的。<br />
<span id="more-499"></span><br />
4.马太效应<br />
　　《新约》中有这样一个故事，一个国王远行前，交给三个仆人每人一锭银子，吩咐他们：“你们去做生意，等我回来时，再来见我。”国王回来时，第一个仆人说： “主人，你交给我们的一锭银子，我已赚了10锭。”于是国王奖励他10座城邑。第二个仆人报告说：“主人，你给我的一锭银子，我已赚了5锭。” 于是国王例奖励了他5座城邑。第三个仆人报告说：“主人，你给我的一锭银子，我一直包在手巾里存着，我怕丢失，一直没有拿出来。”于是国王命令将第三个仆人的一锭银子也赏给第一个仆人，并且说：“凡是少的，就连他所有的也要夺过来。凡是多的，还要给他，叫他多多益善。”这就是马太效应。<br />
　　在同类网站中，马太效应是很明显的。一个出名的社区，比一个新建的社区，更容易吸引到新客户。启示是，如果你无法把网站做大，那么你要做专。作专之后再做大就更容易。<br />
<!--more--><br />
5.手表定理<br />
　　手表定理是指一个人有一只表时，可以知道现在是几点钟，而当他同时拥有两只表时却无法确定。<br />
一个网站，你只需要关注你特定的用户群需求。不要在意不相干人的看法。</p>
<p>6.不值得定律<br />
　　不值得定律：不值得做的事情，就不值得做好不要过度seo，如果你不是想只做垃圾站。不要把时间浪费在美化再美化页面，优化再优化程序，在你网站能盈利后，这些事情可以交给技术人员完成。</p>
<p>7.彼得原理<br />
　　劳伦斯.彼得认为：在各种组织中，由于习惯于对在某个等级上称职的人员进行晋升提拔，因而雇员总是趋向于晋升到其不称职的地位。<br />
不要轻易改变自己网站的定位。如博客网想变门户，盛大想做娱乐，大家拭目以待吧。</p>
<p>8.零和游戏原理<br />
　　当你看到两位对弈者时，你就可以说他们正在玩“零和游戏”。因为在大多数情况下， 总会有一个赢，一个输，如果我们把获胜计算为得1分，而输棋为-1分，那么，这两人得分之和就是：1+（-1）=0   不要把目光一直盯在你的竞争网站上，不要花太多时间抢它的访客。我们把这些时间用来寻找互补的合作网站，挖掘新访客。</p>
<p>9.华盛顿合作规律<br />
　　华盛顿合作规律说的是： 一个人敷衍了事，两个人互相推诿， 三个人则永无成事之日。<br />
如果你看准一个方向，你自己干，缺人手就招。不要轻易找同伴一起搞网站，否则你会发现，日子似乎越过越快了，事情越做越慢了。</p>
<p>10.邦尼人力定律<br />
　　一个人一分钟可以挖一个洞，六十个人一秒种却挖不了一个洞。合作是一个问题，如何合作也是一个问题。你需要有计划。</p>
<p>11.牛蛙效应<br />
　　把一只牛蛙放在开水锅里，牛蛙会很快跳出来；但当你把它放在冷水里，它不会跳出来，然后慢慢加热，起初牛蛙出于懒惰，不会有什么动作，当水温高到它无法忍受的时候，想出来，但已经没有了力气。<br />
　　如果你是soho，注意关注你的财务。不要等到没钱了再想怎么挣，你会发现那时候挣钱更难。</p>
<p>12.蘑菇管理<br />
　　蘑菇管理是许多组织对待初出茅庐者的一种管理方法，初学者被置于阴暗的角落（不受重视的部门，或打杂跑腿的工作），浇上一头大粪（无端的批评、指责、代人受过），任其自生自灭（得不到必要的指导和提携）。<br />
做网站毕竟要遭遇这样的阶段，搜索引擎不理你，友情链接找不到，访客不上门。这是磨练。</p>
<p>13.奥卡姆剃刀定律<br />
　　如无必要，勿增实体。<br />
把网站做得简单，再简单，简单到非常实用，而不是花俏。google的首页为什么比雅虎好？</p>
<p>14.巴莱多定律(Paredo 也叫二八定律)<br />
　　你所完成的工作里80%的成果，来自于你20%的付出；而80%的付出，只换来20%的成果。<br />
随时衡量你所做的工作，哪些是最有效果的。</p>
<p>15.马蝇效应<br />
　　林肯少年时和他的兄弟在肯塔基老家的一个农场里犁玉米地，林肯吆马，他兄弟扶犁，而那匹马很懒，慢慢腾腾，走走停停。可是有一段时间马走得飞快。 林肯感到奇怪，到了地头，他发现有一只很大的马蝇叮在马身上，他就把马蝇打落了。看到马蝇被打落了，他兄弟就抱怨说：”哎呀，你为什么要打掉它，正是那家伙使马跑起来的嘛！”<br />
　　在你心满意足的时候，去寻找你的马蝇。没有firefox，不会有ie7，firefox就是微软的马蝇之一。马蝇不可怕，怕的是会一口吃掉你的东西，像 ie当初对网景干的那样。</p>
<p>16.最高气温效应<br />
　　每天最热总是下午2 时左右，我们总认为这个时候太阳最厉害，其实这时的太阳早已偏西，不再是供给最大热量的时候了。此时气温之所以最高，不过是源于此前的热量积累。<br />
你今天的网站流量，是你一个星期或更长时间前所做的事带来的。</p>
<p>17.超限效应(溢出效应)<br />
　　刺激过多、过强和作用时间过久而引起心理极不耐烦或反抗的心理现象，称之为“超限效应”。 别到别人论坛里发太多广告。别在自己网站上放太多广告。别在自己的论坛里太多地太明显地诱导话题。</p>
<p>18.懒蚂蚁效应<br />
　　生物学家研究发现，成群的蚂蚁中，大部分蚂蚁很勤劳，寻找、搬运食物争先恐后，少数蚂蚁却东张西望不干活。当食物来源断绝或蚁窝被破坏时，那些勤快的蚂蚁一筹莫展。“懒蚂蚁”则“挺身而出”，带领众伙伴向它早已侦察到的新的食物源转移。<br />
　　不要把注意力仅仅放在一个网站上，即使这个网站现在为你带来一切。你要给自己一些时间寻找新的可行的方向，以备万一。</p>
<p>19.长尾理论<br />
　　ChrisAnderson认为，只要存储和流通的渠道足够大，需求不旺或销量不佳的产品共同占据的市场份额就可以和那些数量不多的热卖品所占据的市场份额相匹敌甚至更大。对于搜索引擎，未必你需要一个热门词排在第一位，如果有一千个冷门词排在第一位，效果不但一样，还会更稳定更长远。</p>
<p>20.破窗理论<br />
　　栋建筑上的一块玻璃，又没有及时修好，别人就可能受到某些暗示性的纵容，去打碎更多的玻璃。<br />
　　管理论坛时，如果你发现第一个垃圾贴，赶紧删掉他吧。想想：落伍现在为什么那么多××贴？现在控制比最初控制难多了。</p>
<p>21.“羊群效应”，又称复制原则(Copy Strategy)<br />
　　一个羊群(集体)是一个很散乱的组织，平时大家在一起盲目地左冲右撞。如果一头羊发现了一片肥沃的绿草地，并在那里吃到了新鲜的青草，后来的羊群就会一哄而上，争抢那里的青草，全然不顾旁边虎视眈眈的狼，或者看不到其它地方还有更好的青草。<br />
不要轻易跟风，保持自己思考的能力。</p>
<p>22.墨菲定律<br />
　　如果坏事情有可能发生，不管这种可能性多么小，它总会发生，并引起最大可能的损失。<br />
除非垃圾站，否则不要作弊，对搜索引擎不要，对广告也不要。</p>
<p>23.光环效应<br />
　　人们对人的某种品质或特点有清晰的知觉，印象比较深刻、突出， 这种强烈的知觉， 就像月晕形式的光环一样，向周围弥漫、扩散，掩盖了对这个人的其他品质或特点的认识。<br />
不要轻易崇拜一个人或者公司、一个概念、一种做法。</p>
<p>24.蝴蝶效应<br />
　　一只亚马逊河流域热带雨林中的蝴蝶，偶尔扇动几下翅膀，两周后，可能在美国德克萨斯州引起一场龙卷风。<br />
不管你做什么，网站或者其他，你都应该关注新闻。机遇或者灾难可能就在那。</p>
<p>25.阿尔巴德定理<br />
　　一个企业经营成功与否，全靠对顾客的要求了解到什么程度。<br />
　　我赞同别人的点评：看到了别人的需要，你就成功了一半；满足了别人的需求，你就成功了全部。尤其是做网站。</p>
<p>26.史密斯原则<br />
　　如果你不能战胜他们，你就加入到他们之中去。<br />
　　不要试图做孤胆英雄。如果潮流挡不住，至少，你要去思考为什么。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/499.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[转]&lt;!&#8211;[if IE]&gt;&#8230;&lt;![endif]&#8211;&gt; (&lt;!&#8211;[if !IE]&gt;&#8230;)</title>
		<link>http://www.senfe.com/archives/459.html</link>
		<comments>http://www.senfe.com/archives/459.html#comments</comments>
		<pubDate>Tue, 13 Oct 2009 16:29:19 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[个人]]></category>
		<category><![CDATA[织网]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hack]]></category>
		<category><![CDATA[针对IE的JS]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=459</guid>
		<description><![CDATA[1. &#60;!&#8211;[if !IE]&#62;&#60;!&#8211;&#62; 除IE外都可识别 &#60;!&#8211;&#60;![endif]&#8211;&#62; 2. &#60;!&#8211;[if IE]&#62; 所有的IE可识别 &#60;![endif]&#8211;&#62; 3. &#60;!&#8211;[if IE 5.0]&#62; 只有IE5.0可以识别 &#60;![endif]&#8211;&#62; 4. &#60;!&#8211;[if IE 5]&#62; 仅IE5.0与IE5.5可以识别 &#60;![endif]&#8211;&#62; 5. &#60;!&#8211;[if gt IE 5.0]&#62; IE5.0以及IE5.0以上版本都可以识别 &#60;![endif]&#8211;&#62; 6. &#60;!&#8211;[if IE 6]&#62; 仅IE6可识别 &#60;![endif]&#8211;&#62; 7. &#60;!&#8211;[if lt IE 6]&#62; IE6以及IE6以下版本可识别 &#60;![endif]&#8211;&#62; 8. &#60;!&#8211;[if gte IE 6]&#62; IE6以及IE6以上版本可识别 &#60;![endif]&#8211;&#62; 9. &#60;!&#8211;[if IE 7]&#62; 仅IE7可识别 &#60;![endif]&#8211;&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>1. &lt;!&#8211;[if !IE]&gt;&lt;!&#8211;&gt; 除IE外都可识别 &lt;!&#8211;&lt;![endif]&#8211;&gt;<br />
2. &lt;!&#8211;[if IE]&gt; 所有的IE可识别 &lt;![endif]&#8211;&gt;<br />
3. &lt;!&#8211;[if IE 5.0]&gt; 只有IE5.0可以识别 &lt;![endif]&#8211;&gt;<br />
4. &lt;!&#8211;[if IE 5]&gt; 仅IE5.0与IE5.5可以识别 &lt;![endif]&#8211;&gt;<br />
5. &lt;!&#8211;[if gt IE 5.0]&gt; IE5.0以及IE5.0以上版本都可以识别 &lt;![endif]&#8211;&gt;<br />
6. &lt;!&#8211;[if IE 6]&gt; 仅IE6可识别 &lt;![endif]&#8211;&gt;<br />
7. &lt;!&#8211;[if lt IE 6]&gt; IE6以及IE6以下版本可识别 &lt;![endif]&#8211;&gt;<br />
8. &lt;!&#8211;[if gte IE 6]&gt; IE6以及IE6以上版本可识别 &lt;![endif]&#8211;&gt;<br />
9. &lt;!&#8211;[if IE 7]&gt; 仅IE7可识别 &lt;![endif]&#8211;&gt;<br />
10. &lt;!&#8211;[if lt IE 7]&gt; IE7以及IE7以下版本可识别 &lt;![endif]&#8211;&gt;<br />
11. &lt;!&#8211;[if gte IE 7]&gt; IE7以及IE7以上版本可识别 &lt;![endif]&#8211;&gt;</p>
<p>&lt;!&#8211;[if lte IE 6]&gt;……&lt;![endif]&#8211;&gt;</p>
<p>Ite：less than or equal to意思是小于或等于IE6浏览器，用于IE浏览器的条件注释，常用于CSShack，针对IE的JS等。<br />
<span id="more-459"></span><br />
在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。</p>
<p>同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页（XHTML+CSS）解释执行的显示状况不尽相同。并且，其他非IE浏览器与IE对某些CSS解释也不一样。所以，通过IE浏览器中的专有条件注释可有针对性的进行相关属性的定义。</p>
<p>条件注释只能用于Explorer 5+ Windows(以下简称IE)(条件注释从IE5开始被支持)。如果你安装了多个IE，条件注释（Conditional comments）将会以最高版本的IE为标准（目前为IE 7）。</p>
<p>条件注释只能在windows Internet Explorer(以下简称IE)下使用，因此我们可以通过条件注释来为IE添加特别的指令。</p>
<p>通俗点，条件注释就是一些if判断，但这些判断不是在脚本里执行的，而是直接在html代码里执行的，比如：</p>
<p>&lt;!&#8211;[if IE]&gt;<br />
这里是正常的html代码<br />
&lt;![endif]&#8211;&gt;</p>
<p>1，条件注释的基本结构和HTML的注释(&lt;!&#8211; &#8211;&gt;)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。</p>
<p>2，IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。</p>
<p>3，条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。</p>
<p>可使用如下代码检测当前IE浏览器的版本（注意：在非IE浏览器中是看不到效果的）</p>
<p>&lt;!&#8211;[if IE]&gt;<br />
      &lt;h1&gt;您正在使用IE浏览器&lt;/h1&gt;<br />
      &lt;!&#8211;[if IE 5]&gt;<br />
          &lt;h2&gt;版本 5&lt;/h2&gt;<br />
      &lt;![endif]&#8211;&gt;<br />
      &lt;!&#8211;[if IE 5.0]&gt;<br />
          &lt;h2&gt;版本 5.0&lt;/h2&gt;<br />
      &lt;![endif]&#8211;&gt;<br />
      &lt;!&#8211;[if IE 5.5]&gt;<br />
          &lt;h2&gt;版本 5.5&lt;/h2&gt;<br />
      &lt;![endif]&#8211;&gt;<br />
      &lt;!&#8211;[if IE 6]&gt;<br />
          &lt;h2&gt;版本 6&lt;/h2&gt;<br />
      &lt;![endif]&#8211;&gt;<br />
      &lt;!&#8211;[if IE 7]&gt;<br />
          &lt;h2&gt;版本 7&lt;/h2&gt;<br />
      &lt;![endif]&#8211;&gt;<br />
&lt;![endif]&#8211;&gt;</p>
<p>那如果当前的浏览器是IE，但版本比IE5还低，该怎么办呢，可以使用&lt;!&#8211;[if ls IE 5]&gt;，当然，根据条件注释只能在IE5+的环境之下，所以&lt;!&#8211;[if ls IE 5]&gt;根本不会被执行。</p>
<p>lte：就是Less than or equal to的简写，也就是小于或等于的意思。</p>
<p>lt ：就是Less than的简写，也就是小于的意思。</p>
<p>gte：就是Greater than or equal to的简写，也就是大于或等于的意思。</p>
<p>gt ：就是Greater than的简写，也就是大于的意思。</p>
<p>! ：就是不等于的意思，跟javascript里的不等于判断符相同</p>
<p>Conditional comments属于CSS hack? 条件判断属于CSS hack吗？</p>
<p>严格地说是属于CSS hack。因为就好象其他真正的css hack一样，它使得我们可以给一些浏览器赋予特殊的样式，再则它不依赖于某个浏览器的BUG来控制另外一个浏览器（的样式）。除此之外，条件判断还能用来做一些超出CSS HACK范围的事情(虽然这种情况很少发生)。</p>
<p>因为条件判断不依赖于某个浏览器的hack,而是一个经过深思熟虑的特色功能，所以我相信它是可以被放心地使用的。当然，其他浏览器也有可能支持条件判断（到目前为止还没有），但是看起来，他们应该不会使用如&lt;!&#8211;[if IE]&gt;这样的语法。</p>
<p>应该如何应用条件注释</p>
<p>本文一开始就说明了，因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样，具体就是对CSS的解释不同，我们为了兼容这些，可运用条件注释来各自定义，最终达到兼容的目的。比如：</p>
<p>&lt;!&#8211; 默认先调用css.css样式表 &#8211;&gt;<br />
&lt;link rel=”stylesheet” type=”text/css” href=”css.css” /&gt;<br />
&lt;!&#8211;[if IE 7]&gt;<br />
&lt;!&#8211; 如果IE浏览器版是7,调用ie7.css样式表 &#8211;&gt;<br />
&lt;link rel=”stylesheet” type=”text/css” href=”ie7.css” /&gt;<br />
&lt;![endif]&#8211;&gt;<br />
&lt;!&#8211;[if lte IE 6]&gt;<br />
&lt;!&#8211; 如果IE浏览器版本小于等于6,调用ie.css样式表 &#8211;&gt;<br />
&lt;link rel=”stylesheet” type=”text/css” href=”ie.css” /&gt;<br />
&lt;![endif]&#8211;&gt;</p>
<p>这其中就区分了IE7和IE6向下的浏览器对CSS的执行，达到兼容的目的。同时，首行默认的css.css还能与其他非IE浏览器实现兼容。</p>
<p>注意：默认的CSS样式应该位于HTML文档的首行，进行条件注释判断的所有内容必须位于该默认样式之后。</p>
<p>比如如下代码，在IE浏览器下执行显示为红色，而在非IE浏览器下显示为黑色。如果把条件注释判断放在首行，则不能实现。该例题很能说明网页对IE浏览器和非IE浏览器间的兼容性问题解决。</p>
<p>&lt;style type=”text/css”&gt;<br />
body{<br />
background-color: #000;<br />
}<br />
&lt;/style&gt;<br />
&lt;!&#8211;[if IE]&gt;<br />
&lt;style type=”text/css”&gt;<br />
body{<br />
background-color: #F00;<br />
}<br />
&lt;/style&gt;<br />
&lt;![endif]&#8211;&gt;</p>
<p>同时，有人会试图使用&lt;!&#8211;[if !IE]&gt;来定义非IE浏览器下的状况，但注意：条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下非单不是执行该条件下的定义，而是当做注释视而不见。</p>
<p>正常就是默认的样式，对IE浏览器需要特殊处理的，才进行条件注释。</p>
<p>在HTML文件里，而不能在CSS文件中使用。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/459.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>[转]CSS代码命名惯例语义化的方法</title>
		<link>http://www.senfe.com/archives/440.html</link>
		<comments>http://www.senfe.com/archives/440.html#comments</comments>
		<pubDate>Tue, 25 Aug 2009 18:33:26 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[命名]]></category>
		<category><![CDATA[方法]]></category>
		<category><![CDATA[语义化]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=440</guid>
		<description><![CDATA[　　CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 您还可以参考彬Go的相关文章: 《整理及优化CSS代码的7个原则》 《10个CSS简写技巧让你永远受用》 《DIV+CSS网页布局常用的一些基础知识整理》  CSS类命名的语义化VS结构化方式 　　一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的&#8221;用意&#8221;，独立于它的&#8221;定位&#8221;或确切的特性(结构化方式)。像left-bar, red-text, small-title&#8230;这些都属于结构化定义的例子。 让我们看看下面这个例子: 　　&#8230;而现在我们想把页面中的元素调换一下位置，如果你使用的是结构化方式(1)，那么你就要把所有CSS类名重新进行定义，因为它们的位置变了。在布局(3)中，我们看到元素都倒转了: right-bar 现在成了 “left-bar&#8221;，而 left-content 成了 “right-content&#8221;。如果你使用语义化方式则避免了此类问题。 　　换句话说，使用语义化方式的话，你在修改网站布局的时候可以仅仅修改相关CSS类的属性即可，而不用修改它们的类名了，如果网站的代码很庞大，这将节省大量的时间。 　　彬Go会经常更新前端开发/网页设计等相关技术及教程文章，欢迎订阅本博客来及时浏览本博客的最新教程及资源。 关于语义化的一些建议: 　　在开始之前，我想推荐两种简单的编写较好的CSS代码的指导方针: 为CSS类名定义的时候，尽量使用小写字母，如果有两个以上的单词，在每个单词之间使用&#8221;-&#8221;符或单词首字母大写(第一个单词除外)。如:&#8221;main-content&#8221;或&#8221;mainContent&#8221;。 优化CSS代码，仅创建关键主要的CSS类并重新为子元素使用符合HTML标准的标签(h1, h2, p, ul, li, blockquote,&#8230;)，例如,不要使用这种方式: 1 2 3 4 &#60;div class=&#34;main&#34;&#62; &#60;div class=&#34;main-title&#34;&#62;…&#60;/div&#62; &#60;div class=&#34;main-paragraph&#34;&#62;…&#60;/div&#62; &#60;/div&#62; 而要这样写: 1 2 3 4 &#60;div class=&#34;main&#34;&#62; &#60;h1&#62;…&#60;/h1&#62; &#60;p&#62;…&#60;/p&#62; &#60;/div&#62; 三栏布局中使用语义化方式的例子 　　让我们来通过这个简单的例子讲解一下如何为经典的三栏布局使用语义化方式命名: 　　　使用语义化方式为CSS命名可以像这样: 1 2 3 4 5 [...]]]></description>
			<content:encoded><![CDATA[<p>　　CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。</p>
<p>您还可以参考彬Go的相关文章:<br />
《<a title="整理及优化CSS代码的7个原则" href="http://blog.bingo929.com/7-principles-optimized-css.html">整理及优化CSS代码的7个原则</a>》<br />
《<a title="10个CSS简写技巧让你永远受用" href="http://blog.bingo929.com/10-css-shorthand-tips.html">10个CSS简写技巧让你永远受用</a>》<br />
《<a title="DIV+CSS网页布局常用的一些基础知识整理" href="http://blog.bingo929.com/div-css-page-layout-used-some-basic-knowledge-of-finishing.html">DIV+CSS网页布局常用的一些基础知识整理</a>》 </p>
<h3>CSS类命名的语义化VS结构化方式</h3>
<p>　　一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的&#8221;用意&#8221;，独立于它的&#8221;定位&#8221;或确切的特性(结构化方式)。像left-bar, red-text, small-title&#8230;这些都属于结构化定义的例子。</p>
<p>让我们看看下面这个例子:</p>
<p style="text-align: center;"><img class="size-medium wp-image-1905 aligncenter" style="border:0px;" title="CSS-语义化-结构化" src="http://www.senfe.com/wp-content/uploads/2009/08/8b22_sem_vs_struct.png" alt="CSS-语义化-结构化" width="384" height="134" /></p>
<p>　　&#8230;而现在我们想把页面中的元素调换一下位置，如果你使用的是结构化方式<strong>(1)</strong>，那么你就要把所有CSS类名重新进行定义，因为它们的位置变了。在布局<strong>(3)</strong>中，我们看到元素都倒转了: right-bar 现在成了 “left-bar&#8221;，而 left-content 成了 “right-content&#8221;。如果你使用语义化方式则避免了此类问题。</p>
<p><span id="more-1904"></span></p>
<p style="text-align: center;"><img class="size-medium wp-image-1906 aligncenter" style="border:0px;" title="CSS-语义化" src="http://www.senfe.com/wp-content/uploads/2009/08/5c2c_sem_vs_struct2.png" alt="" width="387" height="171" /></p>
<p>　　换句话说，使用语义化方式的话，你在修改网站布局的时候可以仅仅修改相关CSS类的属性即可，而不用修改它们的类名了，如果网站的代码很庞大，这将节省大量的时间。</p>
<p>　　彬Go会经常更新前端开发/网页设计等相关技术及教程文章，欢迎<a href="http://feed.feedsky.com/bingo929" target="_blank">订阅本博客</a>来及时浏览本博客的最新教程及资源。</p>
<p><span id="more-440"></span></p>
<h3>关于语义化的一些建议:</h3>
<p>　　在开始之前，我想推荐两种简单的编写较好的CSS代码的指导方针:</p>
<ol>
<li>为CSS类名定义的时候，尽量使用小写字母，如果有两个以上的单词，在每个单词之间使用&#8221;-&#8221;符或单词首字母大写(第一个单词除外)。如:&#8221;main-content&#8221;或&#8221;mainContent&#8221;。</li>
<li>优化CSS代码，仅创建关键主要的CSS类并重新为子元素使用符合HTML标准的标签(h1, h2, p, ul, li, blockquote,&#8230;)，例如,不要使用这种方式:</li>
</ol>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;div class=&quot;main&quot;&gt;
    &lt;div class=&quot;main-title&quot;&gt;…&lt;/div&gt;
    &lt;div class=&quot;main-paragraph&quot;&gt;…&lt;/div&gt;
&lt;/div&gt;</pre></td></tr></table></div>

<p>而要这样写:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;div class=&quot;main&quot;&gt;
    &lt;h1&gt;…&lt;/h1&gt;
    &lt;p&gt;…&lt;/p&gt;
&lt;/div&gt;</pre></td></tr></table></div>

<h3>三栏布局中使用语义化方式的例子</h3>
<p>　　让我们来通过这个简单的例子讲解一下如何为经典的三栏布局使用语义化方式命名:</p>
<p style="text-align: center;"><img class="size-medium wp-image-1907 aligncenter" style="border:0px;" title="CSS-语义化-教程" src="http://www.senfe.com/wp-content/uploads/2009/08/bc29_sem.png" alt="CSS-语义化-教程" width="275" height="226" /></p>
<p>　　　使用语义化方式为CSS命名可以像这样:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
</pre></td><td class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#container</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span>
<span style="color: #808080; font-style: italic;">/*—- Top section —-*/</span>
    <span style="color: #cc00cc;">#header</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span>
    <span style="color: #cc00cc;">#navbar</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span>
    <span style="color: #808080; font-style: italic;">/*—- Main —-*/</span>
    <span style="color: #cc00cc;">#menu</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span>
    <span style="color: #cc00cc;">#main</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span>
    <span style="color: #cc00cc;">#sidebar</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span>
    <span style="color: #808080; font-style: italic;">/*—- Footer —-*/</span>
    <span style="color: #cc00cc;">#footer</span><span style="color: #00AA00;">&#123;</span>…<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<ol>
<li><strong>Container<br />
<span style="font-weight: normal;">“</span><em><span style="font-weight: normal;"><span style="font-style: normal;">#container</span></span></em><span style="font-weight: normal;">“ 就是将你页面中的所有元素包在一起的部分，这部分你还可以命名为: &#8221;<em><span style="font-style: normal;">wrapper</span></em>“, “<em><span style="font-style: normal;">wrap</span></em>“, “<em><span style="font-style: normal;">page</span></em>“.</span></strong></li>
<li><strong>Header<br />
</strong>“#header&#8221; 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分你还可以命名为:&#8221;<em><span style="font-style: normal;">top</span></em>“, “<em><span style="font-style: normal;">logo</span></em>“, “<em><span style="font-style: normal;">page-header</span></em>&#8221; (或 pageHeader).</li>
<li><strong>Navbar<br />
</strong>“<em><span style="font-style: normal;">#navbar</span></em>“等同于横向的导航栏，是最典型的网页元素。这部分你还可以命名为:<em><span style="font-style: normal;">“nav&#8221;</span></em>, <em><span style="font-style: normal;">“navigation&#8221;</span></em>, <em><span style="font-style: normal;">“nav-wrapper&#8221;</span></em>.</li>
<li><strong>Menu<br />
</strong>“#Menu&#8221;区域包含一般的链接和菜单，这部分你还可以命名为: &#8221;<em><span style="font-style: normal;">sub-nav</span></em> &#8221;, “<em><span style="font-style: normal;">links</span></em>“.</li>
<li><strong>Main<br />
</strong>“#Main&#8221;是网站的主要区域，如果是博客的话它将包含你的日志。这部分你还可以命名为: &#8221;<em><span style="font-style: normal;">content</span></em>“, “<em><span style="font-style: normal;">main-content</span></em>&#8221; (or “mainContent&#8221;)。</li>
<li><strong>Sidebar<br />
<span style="font-weight: normal;">“#Sidebar&#8221;</span><span style="font-weight: normal;"> 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等&#8230;这部分你还可以命名为: &#8221;<em><span style="font-style: normal;">sub-nav</span></em>“, “<em><span style="font-style: normal;">side-panel</span></em>“, “<em><span style="font-style: normal;">secondary-content</span></em>“.</span></strong></li>
<li><strong>Footer<br />
</strong>“#Footer&#8221;包含网站的一些附加信息，这部分你还可以命名为: &#8221;<em><span style="font-style: normal;">copyright</span></em>“.</li>
</ol>
<p>如果您对CSS代码&#8221;语义化&#8221;有任何意见，欢迎在此<a href="#respond">发表您的观点</a>。</p>
<p style="display:block;background-color:#e9faff;border:1px solid #afedff;padding:10px;"><strong><span style="color: #ff0000;">转载声明:</span></strong><br />
原载:<a href="http://blog.bingo929.com/">彬Go</a><br />
本文链接:<a title="精选31个网站界面设计实践教程" href="http://blog.bingo929.com/css-coding-semantic-naming.html">http://blog.bingo929.com/css-coding-semantic-naming.html</a><br />
如需转载必须以链接形式注明原载或原文地址，谢谢合作</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/440.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>正则表达式修饰符</title>
		<link>http://www.senfe.com/archives/423.html</link>
		<comments>http://www.senfe.com/archives/423.html#comments</comments>
		<pubDate>Thu, 13 Aug 2009 00:01:32 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[修饰符]]></category>
		<category><![CDATA[正则表达式]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=423</guid>
		<description><![CDATA[手册是没有,这些都是修饰符 i ：如果在修饰符中加上”i”，则正则将会取消大小写敏感性，即”a”和”A” 是一样的。 m：默认的正则开始”^”和结束”$”只是对于正则字符串如果在修饰符中加上”m”，那么开始和结束将会指字符串的每一行：每一行的开头就是”^”，结尾就是”$”。 s：如果在修饰符中加入”s”，那么默认的”.”代表除了换行符以外的任何字符将会变成任意字符，也就是包括换行符！ x：如果加上该修饰符，表达式中的空白字符将会被忽略，除非它已经被转义。 e：本修饰符仅仅对于replacement有用，代表在replacement中作为PHP代码。 A：如果使用这个修饰符，那么表达式必须是匹配的字符串中的开头部分。比如说”/a/A”匹配”abcd”。 E：与”m”相反，如果使用这个修饰符，那么”$”将匹配绝对字符串的结尾，而不是换行符前面，默认就打开了这个模式。 U：和问号的作用差不多，用于设置”贪婪模式”。 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;- 模式修正符 模式修正符 &#8212; 解说正则表达式模式中使用的修正符 说明 下面列出了当前在 PCRE 中可能使用的修正符。括号中是这些修正符的内部 PCRE 名。修正符中的空格和换行被忽略，其它字符会导致错误。 i (PCRE_CASELESS) 如果设定此修正符，模式中的字符将同时匹配大小写字母。 m（PCRE_MULTILINE） 默认情况下，PCRE 将目标字符串作为单一的一“行”字符所组成的（甚至其中包含有换行符也是如此）。“行起始”元字符（^）仅仅匹配字符串的起始，“行结束”元字符（$）仅仅匹配字符串的结束，或者最后一个字符是换行符时其前面（除非设定了 D 修正符）。这和 Perl 是一样的。 当设定了此修正符，“行起始”和“行结束”除了匹配整个字符串开头和结束外，还分别匹配其中的换行符的之后和之前。这和 Perl 的 /m 修正符是等效的。如果目标字符串中没有“\n”字符或者模式中没有 ^ 或 $，则设定此修正符没有任何效果。 s（PCRE_DOTALL） 如果设定了此修正符，模式中的圆点元字符（.）匹配所有的字符，包括换行符。没有此设定的话，则不包括换行符。这和 Perl 的 /s 修正符是等效的。排除字符类例如 [^a] 总是匹配换行符的，无论是否设定了此修正符。 x（PCRE_EXTENDED） 如果设定了此修正符，模式中的空白字符除了被转义的或在字符类中的以外完全被忽略，在未转义的字符类之外的 # 以及下一个换行符之间的所有字符，包括两头，也都被忽略。这和 Perl 的 /x [...]]]></description>
			<content:encoded><![CDATA[<p>手册是没有,这些都是修饰符<br />
i ：如果在修饰符中加上”i”，则正则将会取消大小写敏感性，即”a”和”A” 是一样的。<br />
m：默认的正则开始”^”和结束”$”只是对于正则字符串如果在修饰符中加上”m”，那么开始和结束将会指字符串的每一行：每一行的开头就是”^”，结尾就是”$”。<br />
s：如果在修饰符中加入”s”，那么默认的”.”代表除了换行符以外的任何字符将会变成任意字符，也就是包括换行符！<br />
x：如果加上该修饰符，表达式中的空白字符将会被忽略，除非它已经被转义。<br />
e：本修饰符仅仅对于replacement有用，代表在replacement中作为PHP代码。<br />
A：如果使用这个修饰符，那么表达式必须是匹配的字符串中的开头部分。比如说”/a/A”匹配”abcd”。<br />
E：与”m”相反，如果使用这个修饰符，那么”$”将匹配绝对字符串的结尾，而不是换行符前面，默认就打开了这个模式。<br />
U：和问号的作用差不多，用于设置”贪婪模式”。<br />
<span id="more-423"></span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>模式修正符<br />
模式修正符 &#8212; 解说正则表达式模式中使用的修正符<br />
说明<br />
下面列出了当前在 PCRE 中可能使用的修正符。括号中是这些修正符的内部 PCRE 名。修正符中的空格和换行被忽略，其它字符会导致错误。</p>
<p>i (PCRE_CASELESS)<br />
如果设定此修正符，模式中的字符将同时匹配大小写字母。</p>
<p>m（PCRE_MULTILINE）<br />
默认情况下，PCRE 将目标字符串作为单一的一“行”字符所组成的（甚至其中包含有换行符也是如此）。“行起始”元字符（^）仅仅匹配字符串的起始，“行结束”元字符（$）仅仅匹配字符串的结束，或者最后一个字符是换行符时其前面（除非设定了 D 修正符）。这和 Perl 是一样的。</p>
<p>当设定了此修正符，“行起始”和“行结束”除了匹配整个字符串开头和结束外，还分别匹配其中的换行符的之后和之前。这和 Perl 的 /m 修正符是等效的。如果目标字符串中没有“\n”字符或者模式中没有 ^ 或 $，则设定此修正符没有任何效果。</p>
<p>s（PCRE_DOTALL）<br />
如果设定了此修正符，模式中的圆点元字符（.）匹配所有的字符，包括换行符。没有此设定的话，则不包括换行符。这和 Perl 的 /s 修正符是等效的。排除字符类例如 [^a] 总是匹配换行符的，无论是否设定了此修正符。</p>
<p>x（PCRE_EXTENDED）<br />
如果设定了此修正符，模式中的空白字符除了被转义的或在字符类中的以外完全被忽略，在未转义的字符类之外的 # 以及下一个换行符之间的所有字符，包括两头，也都被忽略。这和 Perl 的 /x 修正符是等效的，使得可以在复杂的模式中加入注释。然而注意，这仅适用于数据字符。空白字符可能永远不会出现于模式中的特殊字符序列，例如引入条件子模式的序列 (?( 中间。</p>
<p>e<br />
如果设定了此修正符，preg_replace() 在替换字符串中对逆向引用作正常的替换，将其作为 PHP 代码求值，并用其结果来替换所搜索的字符串。</p>
<p>只有 preg_replace() 使用此修正符，其它 PCRE 函数将忽略之。</p>
<p>注: 本修正符在 PHP3 中不可用。</p>
<p>A（PCRE_ANCHORED）<br />
如果设定了此修正符，模式被强制为“anchored”，即强制仅从目标字符串的开头开始匹配。此效果也可以通过适当的模式本身来实现（在 Perl 中实现的唯一方法）。</p>
<p>D（PCRE_DOLLAR_ENDONLY）<br />
如果设定了此修正符，模式中的美元元字符仅匹配目标字符串的结尾。没有此选项时，如果最后一个字符是换行符的话，美元符号也会匹配此字符之前（但不会匹配任何其它换行符之前）。如果设定了 m 修正符则忽略此选项。Perl 中没有与其等价的修正符。</p>
<p>S<br />
当一个模式将被使用若干次时，为加速匹配起见值得先对其进行分析。如果设定了此修正符则会进行额外的分析。目前，分析一个模式仅对没有单一固定起始字符的 non-anchored 模式有用。</p>
<p>U（PCRE_UNGREEDY）<br />
本修正符反转了匹配数量的值使其不是默认的重复，而变成在后面跟上“?”才变得重复。这和 Perl 不兼容。也可以通过在模式之中设定 (?U) 修正符或者在数量符之后跟一个问号（如 .*?）来启用此选项。</p>
<p>X（PCRE_EXTRA）<br />
此修正符启用了一个 PCRE 中与 Perl 不兼容的额外功能。模式中的任何反斜线后面跟上一个没有特殊意义的字母导致一个错误，从而保留此组合以备将来扩充。默认情况下，和 Perl 一样，一个反斜线后面跟一个没有特殊意义的字母被当成该字母本身。当前没有其它特性受此修正符控制。</p>
<p>u（PCRE_UTF8）<br />
此修正符启用了一个 PCRE 中与 Perl 不兼容的额外功能。模式字符串被当成 UTF-8。本修正符在 Unix 下自 PHP 4.1.0 起可用，在 win32 下自 PHP 4.2.3 起可用。自 PHP 4.3.5 起开始检查模式的 UTF-8 合法性。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/423.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转]php时区相关问题</title>
		<link>http://www.senfe.com/archives/383.html</link>
		<comments>http://www.senfe.com/archives/383.html#comments</comments>
		<pubDate>Tue, 28 Jul 2009 01:55:03 +0000</pubDate>
		<dc:creator>盛飞</dc:creator>
				<category><![CDATA[织网]]></category>
		<category><![CDATA[date]]></category>
		<category><![CDATA[date_default_timezone_set]]></category>
		<category><![CDATA[GMT]]></category>
		<category><![CDATA[UTC]]></category>
		<category><![CDATA[世界协调时间]]></category>
		<category><![CDATA[当前时间]]></category>
		<category><![CDATA[时区]]></category>
		<category><![CDATA[时差]]></category>
		<category><![CDATA[本地时间]]></category>
		<category><![CDATA[格林威治标准时间]]></category>

		<guid isPermaLink="false">http://www.senfe.com/?p=383</guid>
		<description><![CDATA[之前有一个遗留问题，就是echo date(“y-m-d h:i:s”,time())回来的时间总是与实际时间对不上，今天终于在网上找到了原因和解决方法，分享如下： 我补充一点，我按照下面提示的方法修改php.ini找不到date.timezone 这行，是不是就没办法了呢，当然不是啦，哈哈没有的话就自己加嘛，自己动手丰衣足食。我加了这样一句date.timezone = “PRC”，问题就搞定了，高兴一下. 从php5.1.0开始，php.ini里加入了date.timezone这个选项，默认情况下是关闭的 也就是显示的时间（无论用什么php命令）都是格林威治标准时间 和我们的时间（北京时间）差了正好8个小时，有以下2中方法可以恢复正常的时间。 1，一劳永逸，仅限能修改php.ini。打开php.ini查找date.timezone 去掉前面的分号 = 后面加XXX，重启http服务（如apache2或iis等）即可 2，如果一定要用，而且不能修改php.ini，则需要在关于时间的初始化的语句的 上面加上 date_default_timezone_set (timezone); 关于timezone:必需。时区标识符，比如 “UTC” 或 “Europe/Paris”。合法时区的列表：http://www.php.net/manual/en/timezones.php 大陆内地可用的值是：Asia/Chongqing ，Asia/Shanghai ，Asia/Urumqi （依次为重庆，上海，乌鲁木齐） 港台地区可用：Asia/Macao ，Asia/Hong_Kong ，Asia/Taipei （依次为澳门，香港，台北） 还有新加坡：Asia/Singapore 老外好像把北京漏调了 其他可用的值是：Etc/GMT-8 ，Singapore ，Hongkong ，PRC PRC是什么？PRC是中华人民共和国啊-_- &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; 解决方式: 在页头使用date_default_timezone_set()设置我的默认时区为北京时间 date_default_timezone_set(&#8216;PRC&#8217;); echo date(&#8216;Y-m-d H:i:s&#8217;); 时间和服务器当前时间一样了!!祝贺之 附date_default_timezone_set用法如下 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; date_default_timezone_set (PHP 5 &#62;= 5.1.0RC1) date_default_timezone_set &#8212; 设定用于一个脚本中所有日期时间函数的默认时区 [...]]]></description>
			<content:encoded><![CDATA[<p>之前有一个遗留问题，就是echo date(“y-m-d h:i:s”,time())回来的时间总是与实际时间对不上，今天终于在网上找到了原因和解决方法，分享如下：</p>
<p>我补充一点，我按照下面提示的方法修改php.ini找不到date.timezone 这行，是不是就没办法了呢，当然不是啦，哈哈没有的话就自己加嘛，自己动手丰衣足食。我加了这样一句date.timezone = “PRC”，问题就搞定了，高兴一下.</p>
<p>从php5.1.0开始，php.ini里加入了date.timezone这个选项，默认情况下是关闭的</p>
<p>也就是显示的时间（无论用什么php命令）都是格林威治标准时间</p>
<p>和我们的时间（北京时间）差了正好8个小时，有以下2中方法可以恢复正常的时间。</p>
<p>1，一劳永逸，仅限能修改php.ini。打开php.ini查找date.timezone 去掉前面的分号<br />
= 后面加XXX，重启http服务（如apache2或iis等）即可</p>
<p>2，如果一定要用，而且不能修改php.ini，则需要在关于时间的初始化的语句的<br />
上面加上 date_default_timezone_set (timezone);</p>
<p>关于timezone:必需。时区标识符，比如 “UTC” 或 “Europe/Paris”。合法时区的列表：<a title="PHP List of Supported Timezones - Manual" href="http://www.php.net/manual/en/timezones.php">http://www.php.net/manual/en/timezones.php</a></p>
<p>大陆内地可用的值是：Asia/Chongqing ，Asia/Shanghai ，Asia/Urumqi （依次为重庆，上海，乌鲁木齐）<br />
港台地区可用：Asia/Macao ，Asia/Hong_Kong ，Asia/Taipei （依次为澳门，香港，台北）<br />
还有新加坡：Asia/Singapore<br />
老外好像把北京漏调了<br />
其他可用的值是：Etc/GMT-8 ，Singapore ，Hongkong ，PRC<br />
PRC是什么？PRC是中华人民共和国啊-_-<img title="更多..." src="http://www.senfe.com/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /><span id="more-383"></span><br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
解决方式:</p>
<p>在页头使用date_default_timezone_set()设置我的默认时区为北京时间</p>
<p>date_default_timezone_set(&#8216;PRC&#8217;);<br />
echo date(&#8216;Y-m-d H:i:s&#8217;);</p>
<p>时间和服务器当前时间一样了!!祝贺之</p>
<p>附date_default_timezone_set用法如下</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
<strong>date_default_timezone_set</strong></p>
<p>(PHP 5 &gt;= 5.1.0RC1)<br />
date_default_timezone_set &#8212; 设定用于一个脚本中所有日期时间函数的默认时区<br />
说明<br />
bool date_default_timezone_set ( string timezone_identifier )</p>
<p>date_default_timezone_set() 设定用于所有日期时间函数的默认时区。</p>
<p>    注: 自 PHP 5.1.0 起（此版本日期时间函数被重写了），如果时区不合法则每个对日期时间函数的调用都会产生一条 E_NOTICE 级别的错误信息。</p>
<p>参数</p>
<p>timezone_identifier</p>
<p>    时区标识符，例如 UTC 或 Europe/Lisbon</p>
<p>返回值<br />
本函数永远返回 TRUE（即使 timezone_identifier 参数不合法）。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>再附上时区标识符:</p>
<p>CET<br />
CST6CDT<br />
Cuba<br />
EET<br />
Egypt<br />
Eire<br />
EST<br />
EST5EDT<br />
Etc/GMT<br />
Etc/GMT+0<br />
Etc/GMT+1<br />
Etc/GMT+10<br />
Etc/GMT+11<br />
Etc/GMT+12<br />
Etc/GMT+2<br />
Etc/GMT+3<br />
Etc/GMT+4<br />
Etc/GMT+5<br />
Etc/GMT+6<br />
Etc/GMT+7<br />
Etc/GMT+8<br />
Etc/GMT+9<br />
Etc/GMT-0<br />
Etc/GMT-1<br />
Etc/GMT-10<br />
Etc/GMT-11<br />
Etc/GMT-12<br />
Etc/GMT-13<br />
Etc/GMT-14<br />
Etc/GMT-2<br />
Etc/GMT-3<br />
Etc/GMT-4<br />
Etc/GMT-5<br />
Etc/GMT-6<br />
Etc/GMT-7<br />
Etc/GMT-8<br />
Etc/GMT-9<br />
Etc/GMT0<br />
Etc/Greenwich<br />
Etc/UCT<br />
Etc/Universal<br />
Etc/UTC<br />
Etc/Zulu<br />
Factory<br />
GB<br />
GB-Eire<br />
GMT<br />
GMT+0<br />
GMT-0<br />
GMT0<br />
Greenwich<br />
Hongkong<br />
HST<br />
Iceland<br />
Iran<br />
Israel<br />
Jamaica<br />
Japan<br />
Kwajalein<br />
Libya<br />
MET<br />
MST<br />
MST7MDT<br />
Navajo<br />
NZ<br />
NZ-CHAT<br />
Poland<br />
Portugal<br />
PRC<br />
PST8PDT<br />
ROC<br />
ROK<br />
Singapore<br />
Turkey<br />
UCT<br />
Universal<br />
UTC<br />
W-SU<br />
WET</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p><strong>时间概念 — 24时区、GMT、UTC的意涵</strong></p>
<p>许多人都知道两地时间表简称为GMT或UTC，而世界时区表则通称为World Time ，那么GMT与UTC的实质原意又是为何？世界时区又是怎么区分的？面盘上密密麻麻的英文单字代表着什么意义与作用呢？这些都是新手在接触两地时间表或世界时区表时，脑海中所不断浮现的种种疑问，以下将带您一探时区奥妙的究竟。<br />
<strong>全球24个时区的划分<br />
</strong>相较于两地时间表，可以显示世界各时区时间和地名的世界时区表（World Time）,就显得精密与复杂多了，通常世界时区表的表盘上会标示着全球24个时区的城市名称，但究竟这24个时区是如何产生的？过去世界各地原本各自订定当地时间，但随着交通和电讯的发达，各地交流日益频繁，不同的地方时间，造成许多困扰，于是在西元1884年的国际会议上制定了全球性的标准时，明定以英国伦敦格林威治这个地方为零度经线的起点（亦称为本初子午线），并以地球由西向东每24小时自转一周360°，订定每隔经度15°，时差1小时。而每15°的经线则称为该时区的中央经线，将全球划分为24个时区，其中包含23个整时区及180°经线左右两侧的2个半时区。就全球的时间来看，东经的时间比西经要早，也就是如果格林威治时间是中午12时，则中央经线15°E的时区为下午1时，中央经线30°E时区的时间为下午2时；反之，中央经线15°W的时区时间为上午11时，中央经线30°W时区的时间为上午10时。以台湾为例，台湾位于东经121°，换算后与格林威治就有8小时的时差。如果两人同时从格林威治的0°各往东、西方前进，当他们在经线180°时，就会相差24小时，所以经线180°被定为国际换日线，由西向东通过此线时日期要减去一日，反之，若由东向西则要增加一日。<br />
<strong>格林威治标准时间GMT</strong><br />
十七世纪，格林威治皇家天文台为了海上霸权的扩张计画而进行天体观测。1675年旧皇家观测所(Old Royal Observatory) 正式成立，到了1884年决定以通过格林威治&amp;nbsp;&lt;br&gt;的子午线作为划分地球东西两半球的经度零度。观测所门口墙上有一个标志24小时的时钟，显示当下的时间，对全球而言，这里所设定的时间是世界时间参考点，全球都以格林威治的时间作为标准来设定时间，这就是我们耳熟能详的「格林威治标准时间Greenwich Mean Time，简称G.M.T.)的由来，标示在手表上，则代表此表具有两地时间功能，也就是同时可以显示原居地和另一个国度的时间。<br />
<strong>世界协调时间UTC</strong><br />
多数的两地时间表都以GMT来表示，但也有些两地时间表上看不到GMT字样，出现的反而是UTC这3个英文字母，究竟何谓UTC？事实上，UTC指的是Coordinated UniversalTime－ 世界协调时间（又称世界标准时间、世界统一时间），是经过平均太阳时(以格林威治时间GMT为准)、地轴运动修正后的新时标以及以「秒」为单位的国际原子时所综合精算而成的时间，计算过程相当严谨精密，因此若以「世界标准时间」的角度来 说，UTC比GMT来得更加精准。其误差值必须保持在0.9秒以内，若大于0.9秒则由位于巴黎的国际地球自转事务中央局发布闰秒，使UTC与地球自转周期一致。所以基本上UTC的本质强调的是比GMT更为精确的世界时间标准，不过对于现行表款来说，GMT与UTC的功能与精确度是没有差别的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.senfe.com/archives/383.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

