<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type='text/xsl' href='http://dingdang.spaces.live.com/mmm2008-05-17_13.22/rsspretty.aspx?rssquery=en-US;http%3a%2f%2fdingdang.spaces.live.com%2fcategory%2fweb%2btechnology%2ffeed.rss' version='1.0'?><rss version="2.0" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:msn="http://schemas.microsoft.com/msn/spaces/2005/rss" xmlns:live="http://schemas.microsoft.com/live/spaces/2006/rss" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:cf="http://www.microsoft.com/schemas/rss/core/2005" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>晃晃悠悠~~~: web technology</title><description /><link>http://dingdang.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&amp;_c=BlogPart&amp;partqs=catweb%2btechnology</link><language>en-US</language><pubDate>Sun, 01 Jun 2008 14:10:57 GMT</pubDate><lastBuildDate>Sun, 01 Jun 2008 14:10:57 GMT</lastBuildDate><generator>Microsoft Spaces v1.1</generator><docs>http://www.rssboard.org/rss-specification</docs><ttl>60</ttl><cf:parentRSS>http://dingdang.spaces.live.com/blog/feed.rss</cf:parentRSS><live:type>blogcategory</live:type><live:identity><live:id>-4082493135852311590</live:id><live:alias>dingdang</live:alias></live:identity><cf:listinfo><cf:group ns="http://schemas.microsoft.com/live/spaces/2006/rss" element="typelabel" label="Type" /><cf:group ns="http://schemas.microsoft.com/live/spaces/2006/rss" element="tag" label="Tag" /><cf:group element="category" label="Category" /><cf:sort element="pubDate" label="Date" data-type="date" default="true" /><cf:sort element="title" label="Title" data-type="string" /><cf:sort ns="http://purl.org/rss/1.0/modules/slash/" element="comments" label="Comments" data-type="number" /></cf:listinfo><item><title>惊奇！发现我的第一个blog</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!496.entry</link><description>&lt;p&gt;    今天在&lt;a href="http://www.google.com/logos/Logo_25wht.gif"&gt;&lt;img height=32 src="http://www.google.com/logos/Logo_25wht.gif" width=75 border=0&gt;&lt;/a&gt;上&lt;a href="http://www.google.com/search?hl=zh-CN&amp;amp;q=jiangjohy&amp;amp;lr="&gt;&lt;font color="#669933"&gt;查询资料&lt;/font&gt;&lt;/a&gt;时，竟然查到了&lt;u&gt;&lt;font color="#669933"&gt;我的&lt;/font&gt;&lt;/u&gt;&lt;a href="http://secure.spymac.com/weblog/?pageid=198243"&gt;&lt;font color="#669933"&gt;第一个blog&lt;/font&gt;&lt;/a&gt;。当时是申请&lt;a href="http://www.spymac.com/"&gt;&lt;font color="#669933"&gt;spymac&lt;/font&gt;&lt;/a&gt; 的1G邮箱，邮箱不知道什么原因一直没能开通,blog倒是写了些,翻了翻想起当时正在学习illustrator中,记得有个还有个帖子是有关认识的一个女孩的,不记得什么时间删掉了,大概是一气之下要删掉所有有关的资料而删的吧。&lt;br&gt;   后来因为忍受不了spymac的速度而废弃了这个blog.
&lt;p&gt;   才仅仅一年不到blog已经深入到每个角落,成为一种文化,邮箱也都超过G级的了,真感叹网络文化的发展之快！&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+%e6%83%8a%e5%a5%87%ef%bc%81%e5%8f%91%e7%8e%b0%e6%88%91%e7%9a%84%e7%ac%ac%e4%b8%80%e4%b8%aablog&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!496.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!496.entry</guid><pubDate>Thu, 16 Jun 2005 05:05:26 GMT</pubDate><slash:comments>2</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!496/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!496.entry#comment</wfw:comment><dcterms:modified>2005-10-08T14:02:08Z</dcterms:modified></item><item><title>K3 全球优秀站点典藏及鉴 2004</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!360.entry</link><description>&lt;p&gt;&lt;strong&gt;网站设计收藏： &lt;a href="http://www.flashk.org/" target="_blank"&gt;K3 全球优秀站点典藏及鉴 2004&lt;/a&gt;&lt;br&gt;&lt;/strong&gt; &lt;p&gt;&lt;strong&gt;另外加个链接： &lt;a href="http://tech.163.com/special/f/flashview.html" target="_blank"&gt;一些个性十足的Flash站点&lt;/a&gt;&lt;/strong&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+K3+%e5%85%a8%e7%90%83%e4%bc%98%e7%a7%80%e7%ab%99%e7%82%b9%e5%85%b8%e8%97%8f%e5%8f%8a%e9%89%b4+2004&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!360.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!360.entry</guid><pubDate>Wed, 09 Mar 2005 05:22:57 GMT</pubDate><slash:comments>0</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!360/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!360.entry#comment</wfw:comment><dcterms:modified>2005-03-09T05:30:19Z</dcterms:modified></item><item><title>加快 DHTML 的一组技巧</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!352.entry</link><description>&lt;p&gt;偶然看到&lt;a href="http://www.microsoft.com/china/msdn/" target="_blank"&gt;csdn中文站&lt;/a&gt; 上&lt;a href="http://www.microsoft.com/china/MSDN/archives/catalog/default.asp" target="_blank"&gt;归档文件&lt;/a&gt; 中的一盘文章: &lt;a href="http://www.microsoft.com/china/msdn/Archives/msdnonline/features/articles/dhtmlperf.asp" target="_blank"&gt;加快DHTML的一组技巧&lt;/a&gt;,感觉到DHTML虽然简单,但要做到很专业也不容易,绝不比java、jsp容易。以后还要多看些好的技术文档。&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+%e5%8a%a0%e5%bf%ab+DHTML+%e7%9a%84%e4%b8%80%e7%bb%84%e6%8a%80%e5%b7%a7&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!352.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!352.entry</guid><pubDate>Tue, 08 Mar 2005 09:33:02 GMT</pubDate><slash:comments>0</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!352/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!352.entry#comment</wfw:comment><dcterms:modified>2005-03-08T09:33:02Z</dcterms:modified></item><item><title>学习示意图及职位技能介绍</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!349.entry</link><description>&lt;p&gt;&lt;img style="cursor:hand" height=678 alt="" src="http://sx.goodmood.com.cn/gblog/attachments/month_0411/96xb_52t9_webstudy.gif" width=460 border=0&gt;&lt;br&gt;职位及其技能简单介绍：&lt;br&gt;&lt;br&gt;1、 网页设计：这个职位的工作人员必须会使用photoshop，并且美工不错，总而言之能够设计精美网页。但还要做到就是将设计的网页图形转化成网页形式。最好会点javascript或者vbscript制作一下客户端程序或者一些特效。Css一定要掌握，不然整个页面美观实现就比较难了。&lt;br&gt;&lt;br&gt;2、 程序开发：asp/php/cgi/jsp/asp.net熟练掌握其中一种语言，并且能结合数据库操作语言sql。一个大型的王站离不开对数据的操作，现在几乎每个网站都有一个或者几个数据库存储网站数据。Xml是可选择性的，学会了您也就更胜一筹。&lt;div&gt;&lt;table cellspacing="0" border="0"&gt;&lt;tr height="8"&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td valign="top"&gt;&lt;p&gt;&lt;a href="http://blufiles.storage.live.com&amp;#47;y1pcqG-ULRpmOtIGeqiCgXDjNWddZhueQSVgTd96Yi2uE39aLWCzA-FF8u_BN-k4_HB"&gt;&lt;img src="http://storage.live.com&amp;#47;items&amp;#47;C758121F778D6BDA&amp;#33;350&amp;#58;thumbnail" border="0"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/td&gt;&lt;td width="15"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+%e5%ad%a6%e4%b9%a0%e7%a4%ba%e6%84%8f%e5%9b%be%e5%8f%8a%e8%81%8c%e4%bd%8d%e6%8a%80%e8%83%bd%e4%bb%8b%e7%bb%8d&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!349.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!349.entry</guid><pubDate>Fri, 04 Mar 2005 04:29:26 GMT</pubDate><slash:comments>0</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!349/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!349.entry#comment</wfw:comment><dcterms:modified>2005-03-04T04:29:26Z</dcterms:modified></item><item><title>高科技风格的代表莫过于是2A Studio及它的作品了</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!340.entry</link><description>&lt;p&gt;  &lt;li&gt; &lt;p&gt;2A Studio（2Advanced Studio）的站点：&lt;br&gt;&lt;a href="http://www.2advanced.com/"&gt;http://www.2advanced.com/&lt;/a&gt; &lt;p&gt;他们的代表作品（到2003年11月20日止） &lt;p&gt;&lt;a href="http://www.diasin.com/"&gt;http://www.diasin.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.broadcom.com/"&gt;http://www.broadcom.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.fordvehicles.com/trucks/f150/index.asp?bhcp=1"&gt;http://www.fordvehicles.com/trucks/f150/index.asp?bhcp=1&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.philipkoether.com/"&gt;http://www.philipkoether.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.westonfl.org/"&gt;http://www.westonfl.org/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.ggleague.com/"&gt;http://www.ggleague.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.fordvehicles.com/100/"&gt;http://www.fordvehicles.com/100/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.skyworksinc.com/"&gt;http://www.skyworksinc.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.bacardidj.com/"&gt;http://www.bacardidj.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.joshtodd.com/"&gt;http://www.joshtodd.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.taigkhris.com/"&gt;http://www.taigkhris.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.fordvehicles.com/escapehybrid/"&gt;http://www.fordvehicles.com/escapehybrid/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.showlogic.com/"&gt;http://www.showlogic.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.spacex.com/"&gt;http://www.spacex.com/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.fordvehicles.com/fordgt/"&gt;http://www.fordvehicles.com/fordgt/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.2advanced.com/realtybid/"&gt;http://www.2advanced.com/realtybid/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.2advanced.com/webbasis/"&gt;http://www.2advanced.com/webbasis/&lt;/a&gt; &lt;p&gt;&lt;a href="http://www.seasonsrecordings.com/"&gt;http://www.seasonsrecordings.com/&lt;/a&gt; &lt;p&gt;高科技派（Hi－Tech）更加追求细节的完美。2A在对细节的处理和对于动画程中时间线和空间感的把握差不多已到了炉火纯青的地步。相对而言，他们（高科技风格派的人）总是会在作品中增加一些可有可无的细节，以烘托作品的精准。当然这些细节的处理决不是只是随便放放就可以的。他需要你的直觉和对平面空间关系的把握。而且一条直线的精细的程度往往是1个像素。配合颜色和透明度（Alpha）的细致（一个Alpha值低的线条更加精细些，可以参考 &lt;a href="http://www.diasin.com/"&gt;http://www.diasin.com/&lt;/a&gt; 站点）。 &lt;p&gt;相对而言，高科技风格的flash所用的帧速率会高些（30-40甚至80以上），一个停停顿顿或者过渡生硬的作品不太可能给人高科技的感觉。 &lt;p&gt;高科技风格派差不多是人类科技文明成果的最新体验者，他们锐意进取，追求时尚，有着对周围先进事物天生的敏感，光泽质感的金属、玲珑剔透的玻璃，无不渗透了对现代生活的理智感悟。冷色和钢质材料的的质感则更多的应用于他们的作品中。（当然，2ad现在也正在开始尝试使用暖色系的颜色，不过仍然还是冷暗的那种） &lt;p&gt;差不多他们的活力并不是体现在颜色和环境色的选择中，而是体现在他们的行动速度中（动画）。往往这种动画会体现一种爆发的力量感。 &lt;p&gt;这种风格更倾向于将表现元素材料化、功能化。往往在其中也蕴藏着一部份简约风格的元素。 &lt;p&gt;元素间的空间搭配和它们和实用性的联系相对而言的高求更高，以及它们所组成的稳定感。当然，还有创新的力量。 &lt;p&gt;相信结合建筑业中的高科技风格你能得出一个更深的体会： &lt;p&gt;高科技感派通常运用以下方式?形容高科技感：&lt;br&gt;不锈钢〈或是鲜亮的合金〉的外表面材料运用；&lt;br&gt;造型与构图上，喜欢用线条表现；&lt;br&gt;喜欢运用冷色系的灯光或产品；&lt;br&gt;常常加些非必要、状似精密仪器零件；&lt;br&gt;一些可有可无的零件外露。 &lt;p&gt;&lt;br&gt;当时会兴起高科派的原因是:1970年代，许多当时高科技的产品问世，小至如家中录放影机，大至雷达镭射系?，?些物品的产生使的人们觉得像肌肤般滑滑的感觉会让人产生不确定感，只有机器般硬梆梆的感觉才能让人们产生信心。从最早的高科派兴起后，这个流派可以说一直?中断过，因为科技不断的进步，新的产品不断的推出，人们对科技的崇拜及追求。 &lt;p&gt;当然，未必是只有像2ad那样的作品才能算是高科技的风格（不是照抄）。这种风格的产生源自已你本身对周围科技事物进步所拥有有敏感和你的性格中对新生事物的追求成份。 &lt;p&gt;  &lt;p&gt;当然，随着人性化关怀的理念的逐步深入和渗透，高科技风格中也会略带其中的一些因素。产品一体化的设计和那些大师级的产品设计风格以及流线条的设计这些都在影响着高科技的风格。但有一个非常值得思考的地方。高科技风格中的某部份因素是把功能模块外露在表现，随着一体化设计和发展，在一体化的表面中隐藏功能模块，然后在（鼠标）经过的时候无缝的凸现出来这种技术很难在真实的世界中实现（至少现在还未达到这样的物理或者生物水平-形变），但在flash 中，这却并不太难。你可以尝试使用它们。或者找到更多的表现手法。&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+%e9%ab%98%e7%a7%91%e6%8a%80%e9%a3%8e%e6%a0%bc%e7%9a%84%e4%bb%a3%e8%a1%a8%e8%8e%ab%e8%bf%87%e4%ba%8e%e6%98%af2A+Studio%e5%8f%8a%e5%ae%83%e7%9a%84%e4%bd%9c%e5%93%81%e4%ba%86&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!340.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!340.entry</guid><pubDate>Wed, 02 Mar 2005 04:48:13 GMT</pubDate><slash:comments>0</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!340/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!340.entry#comment</wfw:comment><dcterms:modified>2005-03-02T04:48:13Z</dcterms:modified></item><item><title>有关表单验证</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!290.entry</link><description>&lt;strong&gt;&lt;font color="#990000"&gt;以下是&lt;/font&gt;&lt;font color=black&gt;checkdata.js&lt;/font&gt;&lt;font color="#990000"&gt;代码片段：&lt;br&gt;&lt;/font&gt;&lt;/strong&gt;&lt;font color=blue&gt;//去左空格;&lt;/font&gt; &lt;br&gt;function ltrim(s){ &lt;br&gt; return s.replace( /^\s*/, &amp;quot;&amp;quot;); &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//去右空格; &lt;br&gt;&lt;/font&gt;function rtrim(s){ &lt;br&gt; return s.replace( /\s*$/, &amp;quot;&amp;quot;); &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//去左右空格;&lt;/font&gt; &lt;br&gt;function trim(s){ &lt;br&gt; return rtrim(ltrim(s)); &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//是否为空值;&lt;/font&gt; &lt;br&gt;function IsEmpty(_str){ &lt;br&gt; var tmp_str = trim(_str); &lt;br&gt; return tmp_str.length == 0; &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//是否有效的Email;&lt;/font&gt; &lt;br&gt;function IsMail(_str){ &lt;br&gt; var tmp_str = trim(_str); &lt;br&gt; var pattern = /^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*$/; &lt;br&gt; return pattern.test(tmp_str);   &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//是否有效的数字;&lt;/font&gt; &lt;br&gt;function IsNumber(_str){ &lt;br&gt; var tmp_str = trim(_str); &lt;br&gt; var pattern = /^[0-9]/; &lt;br&gt; return pattern.test(tmp_str);   &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//是否有效的颜色值; &lt;br&gt;&lt;/font&gt;function IsColor(color){ &lt;br&gt; var temp=color; &lt;br&gt; if (temp==&amp;quot;&amp;quot;) return true; &lt;br&gt; if (temp.length!=7) return false; &lt;br&gt; return (temp.search(/\#[a-fA-F0-9]{6}/) != -1); &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//是否有效的链接; &lt;br&gt;&lt;/font&gt;function IsURL(url){ &lt;br&gt; var sTemp; &lt;br&gt; var b=true; &lt;br&gt; sTemp=url.substring(0,7); &lt;br&gt; sTemp=sTemp.toUpperCase(); &lt;br&gt; if ((sTemp!=&amp;quot;HTTP://&amp;quot;)||(url.length&amp;lt;10)){ &lt;br&gt;  b=false; &lt;br&gt; } &lt;br&gt; return b; &lt;br&gt;} &lt;br&gt;&lt;font color=blue&gt;//是否有效的手机号码; &lt;br&gt;&lt;/font&gt;function IsMobile(_str){ &lt;br&gt; var tmp_str = trim(_str); &lt;br&gt; var pattern = /13\d{9}/; &lt;br&gt; return pattern.test(tmp_str);   &lt;br&gt;} &lt;p&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+%e6%9c%89%e5%85%b3%e8%a1%a8%e5%8d%95%e9%aa%8c%e8%af%81&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!290.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!290.entry</guid><pubDate>Thu, 03 Feb 2005 02:30:16 GMT</pubDate><slash:comments>3</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!290/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!290.entry#comment</wfw:comment><dcterms:modified>2005-02-03T02:30:16Z</dcterms:modified></item><item><title>MIME Type 引出的两难困境</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!259.entry</link><description>&lt;div&gt; &lt;p&gt;come from : &lt;a href="http://jjgod.3322.org/2004/11/14/mime-type-oyouaaana/" target="_blank"&gt;http://jjgod.3322.org/2004/11/14/mime-type-oyouaaana/&lt;/a&gt;&lt;br&gt;&lt;br&gt;一切从一个糟糕的浏览器开始，它完全不支持 XHTML。&lt;a&gt;&lt;/a&gt; 什么是 MIME Type？ &lt;p&gt;为什么这么说呢？首先，我们要了解浏览器是如何处理内容的。在浏览器中显示的内容有 HTML、有 XML、有 GIF、还有 Flash……那么，浏览器是如何区分它们，绝对什么内容用什么形式来显示呢？答案是 MIME Type，也就是该资源的媒体类型。 &lt;p&gt;媒体类型通常是通过 HTTP 协议，由 Web 服务器告知浏览器的，更准确地说，是通过 Content-Type 来表示的，例如:Content-Type: text/html  &lt;p&gt;表示内容是 text/html 类型，也就是超文本文件。为什么是“text/html”而不是“html/text”或者别的什么？MIME Type 不是个人指定的，是经过 ietf 组织协商，以 RFC 的形式作为建议的标准发布在网上的，大多数的 Web 服务器和用户代理都会支持这个规范 (顺便说一句，Email 附件的类型也是通过 MIME Type 指定的)。 &lt;p&gt;通常只有一些在互联网上获得广泛应用的格式才会获得一个 MIME Type，如果是某个客户端自己定义的格式，一般只能以 application/x- 开头。 &lt;p&gt;XHTML 正是一个获得广泛应用的格式，因此，在 &lt;a href="http://www.ietf.org/rfc/rfc3236.txt"&gt;RFC 3236&lt;/a&gt; 中，说明了 XHTML 格式文件的 MIME Type 应该是 application/xhtml+xml。 &lt;p&gt;当然，处理本地的文件，在没有人告诉浏览器某个文件的 MIME Type 的情况下，浏览器也会做一些默认的处理，这可能和你在操作系统中给文件配置的 MIME Type 有关。比如在 Windows 下，打开注册表的“HKEY_LOCAL_MACHINE\SOFTWARE\Classes\MIME\Database\Content Type”主键，你可以看到所有 MIME Type 的配置信息。 浏览器处理 XHTML 和 HTML 有什么区别？ &lt;p&gt;HTML 的语法过于随意了，有许多简写，标记不匹配的复杂情况，同时长期 Web 发展下来积累下来了许多错误的用法——比如一个文档里完全没有 &amp;lt;html&amp;gt;&amp;lt;/html&amp;gt; 标记——但浏览器还是得支持它，可想而知，为了支持这些“Tag Soup”——也就是我们所说的那些，乱成一锅粥的标签——浏览器要很费力地去猜测一段标记的意思，努力以用户期望的形式表达出来。一句话说，虽然 HTML 4.01 允许你用语义化、结构化的、内容与表现分离的方法来书写标记，但由于它沿袭了 HTML 这种格式，使得&lt;strong&gt;浏览器对于凡是 MIME Type 为“text/html”的文件，都得采用一种非常费劲的方法去处理&lt;/strong&gt;，这对于 Web 的发展是很不利的。 &lt;p&gt;再说除了浏览器，还有许多其他的用户代理要阅读 HTML：纯文本的浏览工具、读屏器等等。 &lt;p&gt;&lt;strong&gt;创造 XHTML，很大一部分原因正是要通过 XML 重新严格地规范一遍标记，让这些用户代理可以以一种更简便的方式来解析这些标记。&lt;/strong&gt;因此，XHTML 这种新的格式，天生就要求内容的发布者必须以严格的方式来标记自己的文档。 &lt;p&gt;当然，XHTML 对于内容提供者也有好处，此处先不展开，详见下文。 MIME Type 与之又有什么关系？ &lt;p&gt;把前两节的内容合起来，你显然可以发现：一个正常支持 XHTML 的浏览器会根据服务器提供的 MIME Type 是 text/html 还是 application/xhtml+xml 来区分获取到的内容是 HTML 还是 XHTML，对这两种格式，分别以两种不同的方式来解析文档，后者解析起来要严格得多，但对于用户代理开发者和内容提供者都有很大的好处。 &lt;p&gt;那么，那些浏览器正常的支持了 XHTML 呢？答案是 Mozilla、基于 Mozilla 的浏览器如 Netscape 7 和 Firefox、较新版本的 Opera 和 Safari 等等。但不包括 Microsoft Internet Explorer。问题是，这一“不包括”，就除掉了大约 90% 的浏览器市场啊，在我们抓狂以前，先来看看 IE 是什么处理 application/xhtml+xml 的：IE 不认得这种 MIME Type，它要么提示你是否下载那个文件，要么就把文件内容当作纯文本显示出来，反正是不可能正常显示标记。 &lt;p&gt;这正是造成我们不得不给 XHTML 文档标以 text/html 的原因 &lt;a href="http://jjgod.3322.org/2004/11/14/mime-type-oyouaaana/#footnote-1"&gt;1&lt;/a&gt;，&lt;strong&gt;实际上，目前 Web 上 95% 的 XHTML，都是扮成 HTML 的 XHTML (包括 w3.org)，浏览器 (包括我们引以为傲的 Mozilla) 压根没有用 XML 解析器去解析那些 XHTML，而是沿用处理标签汤的老办法。&lt;/strong&gt; &lt;p&gt;这个时候你会问了，在我看起来，老办法显示得很好啊，干吗为此感到头疼呢？问题正是出在“看起来”这个词上，实际上，一些细微但是不可忽略的差别仍然存在。 用 application/xhtml+xml 方式解析 XHTML 与用 text/html 方式解析的差别 &lt;p&gt;下面所说的“HTML”，就是指 text/html 的解析方式；相应地“XHTML”就是指“application/xhtml+xml”的解析方式。 &lt;ol&gt; &lt;li&gt;这是最重要的，严格的 XML 解析至少要求文档是 well-formed 的，也就是标签要正确开闭，&amp;amp;amp; 等 XML 实体要正确使用。  &lt;li&gt;在 HTML 中 &amp;lt;body&amp;gt;&amp;lt;/body&amp;gt; 是用户所能看到的全部视域，给 body 设置背景色就是给整个文档设置了背景色，但在 XHTML 中并非如此，给 &amp;lt;html&amp;gt;&amp;lt;/html&amp;gt; 设定背景色的效果和给 &amp;lt;body&amp;gt;&amp;lt;/body&amp;gt; 设定的不同。  &lt;li&gt;在 HTML 中 CSS 规则中对元素的匹配是大小写不敏感的，BODY 和 body 匹配的是同一个元素，但在 XHTML 中却是大小写敏感的。  &lt;li&gt;在注释中隐藏的 JavaScript 脚本会被 XHTML 忽略。  &lt;li&gt;document.write() 不能在 XHTML 中使用。  &lt;li&gt;HTML DOM 和 XHTML DOM 的元素和属性返回值是不同的，HTML 中是大写，XHTML 中是小写。  &lt;li&gt;还有不少其他的 DOM 问题。 &lt;/ol&gt; &lt;p&gt;总结起来就是，我们正在广泛使用的其实是一种看起来已经 XHTML 化的 HTML，想象一下吧，&lt;strong&gt;如果要求所有这些网站立即把 MIME Type 换成 application/xhtml+xml，即便用可以正常解析 XHTML 的浏览器来浏览，它们多数会死在前面列举的某一条原因下，无法正常显示。&lt;/strong&gt;然而这不好说是 XHTML 的错，正常的处理理应如此，只不过我们一直被纵容了。 &lt;p&gt;可是 W3C 还是不断要求我们以正确的 MIME Type 来提供 XHTML，为什么呢？因为我们要用到 XHTML 提供的&lt;strong&gt;好处&lt;/strong&gt;啊，只有被认为是 XHTML 或者 XML 文档的东西，浏览器才会启用这些“好处”，比如你可以试着在 IE 中打开 XHTML 中嵌入的 MathML 看看，没有效果，它被当作 HTML 一样显示。 &lt;p&gt;现在的问题是，既然把文档设定为真正的 XHTML 是如此的麻烦，会带来如此多的问题，干吗不舒舒服服地呆在 HTML 上呢？为什么要往 XHTML 过渡？XHTML 提供的“好处”值得我们为此付出如此多的代价吗？ XHTML 的优势 &lt;p&gt;最重要的两点是： &lt;ol&gt; &lt;li&gt;除了前面讨论的用户代理易于处理以外，实际上，大量的基于 XML 的工具，许多对 XML 有很好支持的编程语言，都能够方便地解析你的文档，从中提取出需要的信息。当然，也包括搜索引擎。  &lt;li&gt;你可以利用 XHTML 继承自 XML 的良好的扩展性，比如在 XHTML 中嵌入 RDF 数据，描述文档的语义信息；加入 MathML 标记，描述数学公式；加入 SVG 标记，使用可伸缩矢量图型。 &lt;/ol&gt; &lt;p&gt;显然，如果文档连 well-formed 都做不到，优点 1 对你是无效的，就算有效吧，就个人来说，其实也没有多少人对 XHTML 进行 XML 解析，因为能做到的，大概也就是从 h1、h2 这些标记中读出文档结构一类的功能，实在没什么大用处。 &lt;p&gt;而第二点对大多数内容提供者来说，太远了，RDF 是什么东东？加入 RDF 信息有什么好处？没多少人知道或者有兴趣知道；MathML？这是可扩展性目前用得最多的地方，因为很多 MathML 阅读和编辑工具已经普及了，但如果你不是个成天在公式中打转的科学工作者，多半对此也没有兴趣；SVG 呢？倒是挺有意思，但目前显然没有获得广泛的应用，事实上，日后能否获得广泛的应用，还要看它能不能在与 Flash 的竞争中活下来：成为标准的东西被人抛弃也是常有的事。 &lt;p&gt;总结起来，所有这些优点几乎都是一些空头支票，一些未来才能实现甚至未来都不知道能不能实现的东西，比如说你现在在开发一个 CMS 系统，如果现在都已经不能保证里面的内容 well-formed，有什么理由说以后，数据越来越多以后，反而会回头去把错误的标记一一改正？ &lt;p&gt;&lt;strong&gt;事实上，用不到这些空头支票，我们的生活几乎没有受到任何影响。&lt;/strong&gt; &lt;p&gt;那么，是否这就是说，XHTML 几乎就是一个鸡肋了 &lt;a href="http://jjgod.3322.org/2004/11/14/mime-type-oyouaaana/#footnote-2"&gt;2&lt;/a&gt;？ XHTML 啊 XHTML &lt;p&gt;行文至此，已经陷入了僵局，其实我本无意把 XHTML 说得那么差的，但问题是我每句说的都是实话呀，也没有忽略什么有必要提到的因素，但反复查考，总结起来还是那一句话：&lt;strong&gt;XHTML 其实是一个带一点理想主义的，对普通用户来说，相比 HTML 4.01 并没有显见优势的格式。&lt;/strong&gt;&lt;a href="http://jjgod.3322.org/2004/11/14/mime-type-oyouaaana/#footnote-3"&gt;3&lt;/a&gt; &lt;p&gt;于是我们就陷入了两难困境：刨掉那些花言巧语，没有任何显见的优点吸引我们我们转向 XHTML，但如果我们永远躺在 HTML 4.01 舒服的被窝里，Web 岂不是永不前进了？ &lt;p&gt;答案还是个问号。 小结 &lt;p&gt;本来，仅仅为了未来的锦绣图景，大家多数还是愿意转向 XHTML 的，这大概是个博弈论中微妙的平衡，用户、浏览器厂家、标准制定者三家玩的一个游戏，但 IE 打破了这个平衡：它不支持 application/xhtml+xml，于是用户只好都以 text/html 来发布 XHTML 页面。 &lt;p&gt;如果把他们人格化：我觉得“用户”大概是个剃头挑子一头热的家伙，他们为自己的 XHTML 页面在一切浏览器上都如此美好而感到满意，却浑不知道背后其实还是 HTML，自己没沾着一点“X”的好处。 &lt;p&gt;这时标准制定者——他一定是个理想主义者——也不满意，因为用户其实还是在以 HTML 的方式来写 XHTML 的，根本没准备好向 XHTML 进行转变的决心，标准制定者一心领着大家往 Web 美好的未来远航，却发现无论是用户还是浏览器厂商都在尽给他添乱。 &lt;p&gt;浏览器厂商们——他们拥有最大的筹码，却始终冷眼旁观——此时却在开心地内斗，对此情况耸耸肩表示无能为力。 &lt;p&gt;你可能会对此感到沮丧，但这的确是目前 Web 中的事实，承认也好不承认也好，确定一个目标，然后艰难而执著地前行，大概是我们这些标准推广者唯一能做的。 注释 &lt;ol&gt; &lt;li&gt;也并非完全没有办法，对于用 PHP 或者 ASP 这样创建的动态内容而言，通过检测 HTTP 头来进行内容协商是最好的办法：给 `Accept: ` 中包含了 `application/xhtml+xml` 的请求提供 `Content-type: application/xhtml+xml` 的数据，而给其他的请求提供 `text/html` 的数据。(在 456 Berea Street 的一篇&lt;a href="http://www.456bereastreet.com/lab/developing_with_web_standards/xhtml/"&gt;文章&lt;/a&gt;详细解释了这种方法，实际上，打开 Mozilla/Firefox 的 `about:config` 页面，你可以找到相关的配置 `network.http.accept.default` 来验证一下 Mozilla 是否发送了正确的 HTTP 头。)，这几乎是一种完美的方法了 (实际上静态内容大概可以通过 Web 服务器的内容协商功能实现这种提供方式)，但考虑到本文主要的目的是探讨是否应该用 XHTML，所以不在正文中详细讨论。  &lt;li&gt;仍旧是指对普通用户而言，事实上必须承认，XHTML 的出现对于整个 Web 本身的长远发展绝对有好处。  &lt;li&gt;其实话不该说得那么绝，应该说 XHTML 的出现是绝对有必要的，但其带来的好处绝大部分是对 Web 本身的，长远的，现在难以看出的好处，对用户或者开发者的好处微乎其微。 &lt;/ol&gt; 参考文献 &lt;ol&gt; &lt;li&gt;Ian Hickson, &lt;a href="http://hixie.ch/advocacy/xhtml"&gt;Sending XHTML as text/html Considered Harmful&lt;/a&gt;  &lt;li&gt;Gez Lemon, &lt;a href="http://juicystudio.com/all-in-the-mime.asp"&gt;It’s all in the MIME&lt;/a&gt;  &lt;li&gt;Gez Lemon, &lt;a href="http://juicystudio.com/tutorial/xhtml/mime.asp"&gt;Specifying a MIME Type&lt;/a&gt;  &lt;li&gt;Roger Johansson, &lt;a href="http://www.456bereastreet.com/lab/developing_with_web_standards/full/"&gt;Developing With Web Standards, Recommendations and best practices, Part 5: XHTML&lt;/a&gt;  &lt;li&gt;Network Working Group, &lt;a href="http://www.ietf.org/rfc/rfc3236.txt"&gt;The ‘application/xhtml+xml’ Media Type&lt;/a&gt;  &lt;li&gt;Tommy Olsson, &lt;a href="http://www.autisticcuckoo.net/archive.php?id=2004/11/03/content-negotiation"&gt;Content Negotiation&lt;/a&gt;  &lt;li&gt;W3C, &lt;a href="http://www.w3.org/TR/2002/NOTE-xhtml-media-types-20020801/xhtml-media-types.html#text-html"&gt;XHTML Media Types&lt;/a&gt; &lt;/ol&gt;&lt;/div&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+MIME+Type+%e5%bc%95%e5%87%ba%e7%9a%84%e4%b8%a4%e9%9a%be%e5%9b%b0%e5%a2%83&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!259.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!259.entry</guid><pubDate>Fri, 14 Jan 2005 01:13:22 GMT</pubDate><slash:comments>0</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!259/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!259.entry#comment</wfw:comment><dcterms:modified>2005-01-14T01:13:22Z</dcterms:modified></item><item><title>Optimal Website Design</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!220.entry</link><description>&lt;p&gt;&lt;em&gt;&lt;img height=19 src="http://spaces.msn.com/mmm2004-12-08_18.24/RTE/emoticons/smile_tongue.gif" width=19&gt;懒得翻译出来了：&lt;/em&gt; &lt;p&gt;&lt;em&gt;by: Elizabeth McGee &lt;br&gt;&lt;/em&gt;&lt;br&gt;The idea behind good website design is to offer your viewer a logical flow while making it interesting and easy to navigate.  &lt;p&gt;Lead your viewers to the starting point and then direct them through your site without confusing them.  &lt;p&gt;Here are some excellent tips that can help you develop a user friendly site and please your visitors senses. Give yourself a chance before they get away.  &lt;p&gt;&lt;strong&gt;1. Use lots of white space.&lt;/strong&gt; &lt;br&gt;Don't feel that because you have a whole screen that you need to fill it up with stuff. Your page should follow a clean outline. Include your site name at the very top. Below that list the subject of your page and below that expand on your topic. Leave adequate space between each section. Don't cram a lot of pictures and ads. If you have an ad keep it off to the side or subtly intersperse it between your text. The idea is not to overwhelm your reader. &lt;a&gt;&lt;/a&gt; &lt;p&gt;&lt;strong&gt;2. Don't use animation and flashing objects.&lt;/strong&gt; &lt;br&gt;As advertisers we feel the need to get our viewers attention. This is important but we need to do it gracefully. Flashing objects and scrolling images distract your visitor and take away from the content. If your product is better demonstrated with animation or some other multi-media, allow your viewer to select the option. Don't force it on them.  &lt;p&gt;&lt;strong&gt;3. Every page of your site should contain an 'about' link.&lt;/strong&gt; &lt;br&gt;The internet can be a rather cold and quiet environment. If someone can come to your site and find out about who you are and what you are about, they can feel a little better about doing business with you or taking advice from you. Always include your business address and phone number and email address as well. This lets viewers know that you are serious about your business and that you welcome contact.  &lt;p&gt;&lt;strong&gt;4. Include a 'Privacy' Link &lt;br&gt;&lt;/strong&gt;Viewers like the reassurance that you have a policy that follows privacy guidelines. They want to know that you will not sell or give away their information. In these days of rampant spam, your privacy policy needs to be prominently displayed. Many viewers and business partners won't do business with you unless you have it.  &lt;p&gt;&lt;strong&gt;5. Always keep your links in blue. &lt;br&gt;&lt;/strong&gt;Why does that matter you might say? It's an expectation that viewers have along with the links being underlined. There's certainly no law that says they need to be as such but people spend a lot of time on the internet and it's good practice to keep your navigation consistent and recognizable. If it's not you may lose out on clicks.  &lt;p&gt;&lt;strong&gt;6. Keep navigation consistent &lt;br&gt;&lt;/strong&gt;Keep your site's navigation consistent. What you do on your index page should be done the same way on the rest of your site's pages. Keep the colors consistent as well. Don't force your viewers to relearn each page of your site. Keep your navigation bars and links the same for each page.  &lt;p&gt;&lt;strong&gt;7. Understandable buttons and links.&lt;/strong&gt; &lt;br&gt;Title your links appropriately. Don't use cute or misleading names. For example, if you have a link to sports equipment don't label the link 'Great Outdoors', call it 'sports equipment'. If you have a link to 'cameras' don't label the link 'hotshots', label it 'cameras'. Your viewers don't want to waste time figuring out what things are. Be clear with your labeling.  &lt;p&gt;&lt;strong&gt;8. Focus on the 'YOU', not the 'ME'. &lt;br&gt;&lt;/strong&gt;Make it obviously clear to your readers that you are there for them. What can you do for your reader? What benefits are there for your viewer? How can you make their life or business better or more profitable? Request feedback on their success. Find out what they want to know or how you can offer them what they need.  &lt;p&gt;&lt;strong&gt;9. Make sure your page loads fast.&lt;/strong&gt; &lt;br&gt;If viewers have to wait for a page to load they will click elsewhere. Here's a site that will help you determine how well your page loads. If a page doesn't load in 8 seconds you lose 1/3 of your visitors. Here's a great free tool to help you check your website's load time:  &lt;p&gt;&lt;a href="http://www.1-hit.com/all-in-one/tool.loading-time-checker.htm"&gt;&lt;font color="#3399ff"&gt;http://www.1-hit.com/all-in-one/tool.loading-time-checker.htm&lt;/font&gt;&lt;/a&gt;  &lt;p&gt;&lt;strong&gt;10. Use a site map.&lt;/strong&gt; &lt;br&gt;A site map will give visitors a &amp;quot;guide&amp;quot; on viewing your site and also eliminate confusion, especially with larger sites. It's a road map for your visitors to follow while they are on your site. Sitemaps will also increase rankings and placement within the Search Engines. &lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+Optimal+Website+Design&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!220.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!220.entry</guid><pubDate>Thu, 06 Jan 2005 01:31:51 GMT</pubDate><slash:comments>0</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!220/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!220.entry#comment</wfw:comment><dcterms:modified>2005-01-06T01:31:51Z</dcterms:modified></item><item><title>CSS 陈列馆 - 一网打尽</title><link>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!169.entry</link><description>&lt;div&gt;&lt;img height=96 alt="css_zengarden.jpg" src="http://blog.timetide.net/archives/images/css_zengarden.jpg" width=137&gt;&lt;/div&gt; &lt;p&gt;&lt;a href="http://www.csszengarden.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;CSS ZenGarden:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt;CSS禅意花园是最富盛名的CSS设计陈列馆，Dave　Shea在创办之初是为了让网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式，却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台，看看禅意花园的&lt;a href="http://www.onestab.net/a/interview_daveshea.html"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;主人自己怎么说&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;。 &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt=cssvault.jpg src="http://blog.timetide.net/archives/images/cssvault.jpg" width=137&gt;&lt;/div&gt;&lt;a href="http://www.cssvault.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;Cssvault:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;Cssvault是第一个以网站缩略图的方式呈现的优秀设计的网站，而CSS陈列馆（showcase）这一说法也是由这里开始，从开始至今大约一年的时间里面，收录了大量的优秀设计，是CSS设计师必去的网站之一。&lt;/div&gt; &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt=webstandardsawards.jpg src="http://blog.timetide.net/archives/images/webstandardsawards.jpg" width=137&gt;&lt;/div&gt;&lt;a href="http://www.webstandardsawards.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;Web Standards Awards:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;Web Standards Award，顾名思义，这里也是收集符合“网页标准”设计的网站，除收集外，还对每月收集来的网站进行评选，获胜设计可以冠以当月“网页标准”设计奖的头衔，对于设计师来说，也是一种殊荣。&lt;/div&gt; &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt="css_beauty.jpg" src="http://blog.timetide.net/archives/images/css_beauty.jpg" width=137&gt;&lt;/div&gt;&lt;a href="http://www.cssbeauty.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;CSSBeauty:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;CSSBeauty属于后起之秀，今年五月成立至今，也收录了大量的优秀站点。而与前几个网站有所不同的是，他对说收录的网站进行了分类，诸如：商业，娱乐，个人等等，使得收集的内容对访问者更有针对性。&lt;/div&gt; &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt="unmatched_style.jpg" src="http://blog.timetide.net/archives/images/unmatched_style.jpg" width=137&gt;&lt;/div&gt;&lt;a href="http://www.unmatchedstyle.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;unmatched〈style〉:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;这个网站是最新出炉的一个CSS陈列馆，和前面介绍的几个网站大同小异，也是采用缩略图的方式呈现，当然每个网站收集者的审美特征都不同，多一个地方无疑也给钟情于CSS设计的朋友多了一个选择，而且他们的更新很勤快。&lt;/div&gt; &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt="the_weekly_standards.jpg" src="http://blog.timetide.net/archives/images/the_weekly_standards.jpg" width=137&gt;&lt;br&gt;&lt;/div&gt;&lt;a href="http://www.weeklystandards.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;The Weekly standards:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;这里是我特别推荐的一个，前面的网站都收集了很多优秀的设计，符合“网页标准”，可为什么这些网站符合“网页标准”，到底这些网站好在哪里？除了外观之外，还有那些地方是需要设计者注意的？这里将带给你答案，每周一个案例分析，精彩纷呈。&lt;/div&gt; &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt=stylegala.jpg src="http://blog.timetide.net/archives/images/stylegala.jpg" width=137&gt;&lt;/div&gt;&lt;a href="http://www.stylegala.com/"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;Stylegala:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;还有呢，Stylegala，也是上个月才推出的一个CSS陈列馆项目，和前面介绍的如出一辙，唯一不同的地方是访问者可以对收集其中的优秀设计进行投票。而作者对色彩搭配方面颇为敏锐，所收录的网站皆有很强的视觉效果。&lt;/div&gt; &lt;p&gt;&lt;br&gt; &lt;div&gt; &lt;div&gt;&lt;img height=96 alt=postarte.jpg src="http://blog.timetide.net/archives/images/postarte.jpg" width=137&gt;&lt;/div&gt;&lt;a href="http://www.marcapaginas.net/postearte/galeria.php"&gt;&lt;strong&gt;&lt;font color="#6f559d"&gt;Postearte:&lt;/font&gt;&lt;/strong&gt;&lt;/a&gt;  &lt;p&gt; &lt;p&gt;不好意思，还有最后一个，既然说了是一网打尽，当然要收集得全面一些。这个网站的主人好像是欧洲人，总之他写的不是英文，看不明白。不过他自己做的Postearte这个网页本身就是一个很优秀的设计。特别是导航条，别出心裁。&lt;/div&gt;&lt;img src="http://c.services.spaces.live.com/CollectionWebService/c.gif?cid=-4082493135852311590&amp;page=RSS%3a+CSS+%e9%99%88%e5%88%97%e9%a6%86+-+%e4%b8%80%e7%bd%91%e6%89%93%e5%b0%bd&amp;referrer=" width="1px" height="1px" border="0" alt=""&gt;&lt;img style="position:absolute" alt="" width="0px" height="0px" src="http://c.live.com/c.gif?NC=31263&amp;amp;NA=1149&amp;amp;PI=73329&amp;amp;RF=&amp;amp;DI=3919&amp;amp;PS=85545&amp;amp;TP=dingdang.spaces.live.com&amp;amp;GT1=dingdang"&gt;</description><comments>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!169.entry#comment</comments><guid isPermaLink="true">http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!169.entry</guid><pubDate>Mon, 27 Dec 2004 04:58:08 GMT</pubDate><slash:comments>1</slash:comments><msn:type>blogentry</msn:type><live:type>blogentry</live:type><live:typelabel>Blog entry</live:typelabel><wfw:commentRss>http://dingdang.spaces.live.com/blog/cns!C758121F778D6BDA!169/comments/feed.rss</wfw:commentRss><wfw:comment>http://dingdang.spaces.live.com/Blog/cns!C758121F778D6BDA!169.entry#comment</wfw:comment><dcterms:modified>2004-12-27T04:58:08Z</dcterms:modified></item></channel></rss>