Web 开发中的 5 个最具争议性的话题
2010/03/05 10:33 | 分类：Xhtml
在 Web 空前繁荣的今天，有关 Web 设计中的各种观点很多会成为话题，有的很快达成一致，有的则一直争议下去，本文讲述 Web 设计中的 5 大经典争议，这些争议从它们诞生的那天起，就被正反两方争得不亦乐乎。
争议之一：链接是否应该在新窗口打开
日志分类：Xhtml
HTML4.0与XHTML1.0的区别
2009/09/22 12:17 | 分类：Xhtml
XHTML是XML的一个应用，一些在基于SGML的HTML 4中完全合法的习惯在XHTML中必须改变。编排良好性Well-formedness是[XML]引入的一个新概念。从本质上说，这意味着元素必须有结束标签，或者必须以特殊方式书写(在下面说明)。
元素必须嵌套，尽管SGML规定层叠非法，但现有的浏览器普遍允许层叠。
正确：嵌套元素。
<p>here is an emphasized <em>paragraph</em>.</p>
不正确：层叠元素。
<p>here is an emphasized <em>paragraph.</p></em>
元素和属性名必须小写
对所有HTML元素和属性名，XHTML 文档必须使用小写。 因为XML是大小写敏感的，所以这个差别是必须的。如 <li> 和 <LI> 是不同的标签。
对非空元素，必须使用结束标签
在基于 SGML的 HTML 4 中，一些隐含结束意义的元素允许忽略结束标签。而在基于XML的XHTML中，这种忽略不被允许。除了在DTD中被声明为空的元素，所有元素必须有结束标签。
正确：结束了的元素。
<p>here is a paragraph.</p><p>here is another paragraph.</p>
全文阅读 »
菩提树下–WebRebuild第三届年会
2009/09/03 10:51 | 分类：Xhtml
一年一度的WebRebuild年会，今年选定了在深圳华侨城的午后浓香举行。从年会的第一年《革命》到第二年《蜕化》到第三年的《菩提树下》。如会上所说，取名为菩提树下是因为释迦牟尼在菩提树下悟道同时也是在菩提树下开始宣扬佛法的。故此，像我们创立WebRebuild的宗旨，领悟技术，分享技术。今年的WebRebuild年会人数为65人（实到）增长率达到325%，大大地超过预期。从分享内容上除了迅雷原有暂定的《仓促中的页面构建》《居中背景图片显示问题》，PPT也有分享，共有兴趣的童鞋下载。
下载地址：http://www.webrebuild.org/
在浏览器地址栏前添加自定义的小图标
2009/07/16 13:24 | 分类：Xhtml
取消右键查看源代码的UE自动启动
2009/05/25 14:51 | 分类：Xhtml
昨天有人问我，安装了ue编辑器后，打开网页，右键选择“查看源文件”就默认用UE打开了？如何恢复到用记事本打开?
我百度了一下，有办法说是：设置一下关联就行了.打开"工具",点"文件夹选项",选"文件类型"改一下，我实在想问问，出这个办法的人自己试过没有？
最佳办法：
1. 删除
HKEY_LOCAL_MACHINE\SOFTWARE\MICROSOFT\INTERNET EXPLORER下的View Source Editor
2.将下面代码保存为*.reg（其中星号是任意字母）双击运行
Windows Registry Editor Version 5.00
[-HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\View Source Editor]
即可
DW cs4的jQuery语法提示插件
2009/05/14 10:36 | 分类：Xhtml
jquery DW CS4插件：jQuery_api_for_dw4，只能用于CS4版本，用扩展管理器安装后即可使用。
点击下载DW cs4的jQuery语法提示插件：点击下载
无意中发线自己的硬盘上放着一个好东西，不知道猴年马月从那个网站下下来的，不过效果很不错。利用FLASH+XML设置的一个倒数计时的效果，可以在XML里改具体的倒数时间。
可以这里预览：
http://www.sonyes.cn/demo/daoshu/index.html
具体的参数可以改成自己的，我这里只说XML文件吧：
< ?xml version="1.0" encoding="utf-8"?>
endDate="1"
endHour="0"
endMinute="0"
endSecond="0"
timeZoneGMT="-5"
useTimeZoneOffset="true"
numberBgColor="0xCC0000"
numberBgAlpha="100"
numberColor="0xFFFFFF"
numberBorderInnerColor="0x191919"
numberBorderInnerAlpha="100"
numberBorderOuterColor="0x4B4B4B"
numberBorderOuterAlpha="100"
windowHiliteAlpha="75"
windowShadowAlpha="75"
textLabelColor="0xFFFFFF"
textLabelAlpha="100"
textLabelSize="10"
daysLabel="DAYS"
hoursLabel="HOURS"
minutesLabel="MINUTES"
secondsLabel="SECONDS"
displayEndMessage="true"
endMessageText="HAVE A GREAT 2020!"
endMessageTextColor="0xFFFFFF"
endMessageTextAlpha="100"
endMessageTextSize="18"
endMessageTextPaddingX="20"
displayEndMessageBG="true"
endMessageBGcolor="0x009900"
endMessageBGalpha="100"
endMessageBGpaddingX="10"
endMessageBGpaddingY="10"
endMessagefadeInTime="0.75"
redirect="true"
redirectURL="http://www.google.com"
redirectPause="5"
newWindow="true"
daysNumber="4"
flipTime="0.3"
animationType="easeOutQuart"
blurMax="0"
fadeInTime="0.5"
fadeOutTime="0.5"
soundFXvolume="25">
第一行就是修改时间年的，以此类推，觉得需要的筒子自己去研究吧。
Web标准 DIV+CSS对SEO的帮助
2009/04/19 22:20 | 分类：Xhtml
使用DIV+CSS来设计网站，确实能够对SEO起到一定的帮助。
一、减少使用表格
表格层层嵌套，确实对SEO与用户体验有不利的影响，这同时也影响网页的下载速度。
二、降低网页体积
上百K的网页，不利于SEO，不利于搜索引擎的蜘蛛爬行。DIV+CSS设计网页，能够让精简网页HTML代码，让网页体积变得更小。
三、重要信息优先让搜索引擎蜘蛛爬取
通过DIV+CSS对网页的布局，可以让一些重要的链接、文字信息，优先让搜索引擎蜘蛛爬取。这对于SEO也有帮助。
给广大网编的建议：对于是用DIV+CSS设计网站还是用表格来设计网站，可以根据自己的技术实力来决定。DIV+CSS设计的网站，这个和域名一样，并没有多少先天性的优势，搜索引擎和用户一样，最终看重的是一个网站的内容。
提升网站价值，重点是在于后天的培养。
不为SEO而SEO，不为DIV而DIV，不会CSS而CSS， 选择适合自己的。做好站才是王道。
下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果，然后引发了一个关于空搜索处理的讨论。这里，空搜索指的是：不在搜索框里输入任何内容，直接点击搜索按钮。
可以肯定的是，造成空搜索的用户的比例应该不大，主要是误操作，当然也不排除向我这样的探索者。但是作为电子商务网站用户体验的一部分，这个地方必须要考虑到。
我们先来看看主流电子商务网站的处理结果（这里不需要讨论搜索引擎的返回结果，因为它就是做搜索的，没有也没必要去给你推送什么其他的内容）：
阿里巴巴中国站；弹出提示框“请输入产品名称”，点击确定后没有任何反应
慧聪；弹出提示框“请输入查询内容”，点击确定后光标落在输入框内“输入你感兴趣的内容”后面
百度有啊；跳转到查看所有分类页面
淘宝；跳转到查看所有分类页面
拍拍；跳转到查看所有分类页面
卓越；跳转到搜索结果页面，提示找到0条搜索结果
亚马逊；刷新一次页面
从结果上看，主要分为4类：弹出窗口提示、跳转到列表页、显示0条搜索结果、刷新一次页面。那么，哪个网站的设计的用户体验最爽呢？
前几天我正好对网站搜索部分做了一次改版，采取的是优化了的弹窗形式：弹出窗口提示输入关键词，该窗口自动在3秒内关闭，关闭后光标被移动到搜索输入框内，且框内原先的提示信息被清除掉，弹窗的位置控制在离搜索框很近的位置，目的在于不要造成宽屏用户的鼠标长途奔袭。
于是我最开始的时候倾向与这种结果的返回。出发点是在于对于用户的误操作给出善意的提醒，同时尽最大可能不给用户造成额外的负担。
洗澡的时候突然觉得这样的做法有点不符合老大经常教导我的“产品要和运营挂钩”的原则。应该尽最大的努力展示网站的内容给我的用户，同时想办法引导他们去点击去使用，那么，从这个角度来看，淘宝、拍拍的做法应该是合理的。
擦干身子抽了颗烟，觉得这样似乎也不是很妥，于是找wkcow讨教了一下，被点醒了，其实最好的用户体验设计应该是亚马逊。
首先，空搜索既然是用户的误操作就需要给用户一些提醒，那么没有任何反应的设计必然是错误的，因为用户看到没动，可能认为是网站出问题了，这种设计是最最傻的；其次，对于弹出窗口的设计用户是不愿意去等待那3秒的，那么就必须要点一次确定，这样就多了一次交互，还是给用户增加了负担，且在设计上要考虑弹出窗口的位置、光标的位置的问题，这种设计事实上很累也很傻；第三，返回列表页的设计是想给用户推送一些其他的内容，但是实际上用户是不会理睬这些内容的，且这个结果改变了用户的初衷，更改了最简单的流程。
亚马逊的设计恰恰是一个最最正常的流程，不需要交互、不需要解释，就是一个简单的刷新已经告诉了用户很多信息：点击搜索按钮，网址执行了该操作，但你输入的是空白，我也就给你一个空白的结果（这里，卓越跳转到搜索结果页，且提示搜索结果为0的做法是一个很不人性化的机械的执行用户操作的傻设计）。
把这次的探讨总结成一句话共勉：注重用户体验，就需要尽可能的减少交互，不给用户增加不必要的负担！
Update：发布的5G之后，老白和白鸦给出2种更优化的方法；
之一：干嘛要刷新页面？ 这不还是让人和机器交互了一次吗，万一页面大这个刷新的成本有多少？ 就让他点了以后输入框做个简单的提醒（比如输入框的光标出现，或者输入框的颜色闪动等小到有那么有点反应即可），不行吗？
之二：没有空搜索，搜索栏默认热词，光标过去立即清空，等待用户录入同时提供下拉备选。
谁还有更好的方法？欢迎探讨。
Read more: 空搜索如何设计？ – 幻风阁|kent.zhu'sBlog – http://www.ikent.me/blog/1404#ixzz0CZ9V0VOo
