thinkcq’s blog

在postandcomments.template中:

 

<div>
{if $post->getComments()}
<ol class=”commentlist”>
{foreach from=$post->getComments() item=comment}
<li class={$oddcomment}>
<div class=”comment_author”>
{if $comment->getUserUrl() != “”}
<a href=”{$comment->getUserUrl()}”}>{$comment->getUsername()}</a>
{else}
{$comment->getUsername()}
{/if}{$locale->tr(”comment on this”)}
</div>
<p class=”metadate”>
{assign var=commentDate value=$comment->getDateObject()}
{$locale->formatDate($postDate,”%Y %B %d, %H:%M”)}
</p>
<a name=”{$comment->getId()}”></a><p>{$comment->getText()}</p>
</li>
{if $oddcomment == ‘alt’}
{assign var=”oddcomment” value=”}
{else}
{assign var=”oddcomment” value=’alt’}
{/if}
{/foreach}
</ol>
{/if}
</div>

说明：<li class={$oddcomment}>中的{$oddcomment}是个变量，用来控制li的CSS样式，从而实现双色相间显示。

{if $oddcomment == ‘alt’}
{assign var=”oddcomment” value=”}
{else}
{assign var=”oddcomment” value=’alt’}
{/if}
则是给{$oddcomment}赋值，value=”alt“中的alt是CSS中的样式，我们修改alt的样式即可实现双色相间显示。

在style.css中:

加入

.alt {
background:#cccccc;
}

#cccccc即第二种颜色了。

除此之外，你也可以这样定义：

{if $oddcomment == ‘alt’}
{assign var=”oddcomment” value=’one’}
{else}
{assign var=”oddcomment” value=’two’}
{/if}

style.css中加入：

.one {
background:#cccccc;
}

.two {
background:#BDD7BD;

例子：http://yangli.iblog.cn/index.php?op=ViewArticle&articleId=13739&blogId=102#comments

Technorati : 双色相间

都说用div+css做的网站没有用table做的好看。我觉得这只是一个人的感觉和习惯的问题。长久习惯了table布局的设计师，在用table做的时候肯定得心应手一些，而用div+css就显得笨拙和不习惯。

在国外用Div+css做的漂亮站有很多，比如今天看到的http://www.choate.edu/home/就是一个不错的例子。从我自身的经验出发，感觉用div+css和table没有多少区别，都能做出自己想要的效果，只是有些地方div的思维方式稍稍和table布局有所不同，需要变通一下。

Technorati : css, div

因一个flash网站项目要用到as画线。特在网上找了一些教材和资料。

unControl:http://www.uncontrol.com/ 一个不错的as网站，里面有很多的实例效果！

Technorati : actionscript, as, flash

俗话说：好东东大家一同分享。一些我常用到的软件推荐给大家。

1.xplorer2
我使用率最高的软件之一。5星级的资源管理器，xplorer2虽然体积小巧，功能却很丰富，可以让双窗口垂直分割和横行分割，强大的快捷键，一键新建文件和文件夹，分割文件，合并文件，不用按照压缩软件即可查看zip等压缩文件，预览窗口可以即时预览BMP,JPG,GIF,TIFF,PNG,MP3,AVI,MPEG,MOV,WMV,WMA等文件（某些文件需要相应插件支持，建议安装暴风影音）改变文件属性，强大的运行命令以及快速DOS窗口，强大的文件选择过滤功能，书签，以及搜索文本功能！
你可以把经常使用到的文件夹设置成收藏夹，并配上一个快捷键。在你使用的时候直接用快捷键就可以了，简化操作、加快效率，是替代系统的资源管理器最佳方案之一。
2.Notepad++
一个开源的编辑器，功能强大又有特色，内置支持多达27 种语法高亮度显示(囊括各种常见的源代码、脚本，值得一提的是，完美支持 .nfo 文件查看)，也支持自定义语言；可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，代码显示得非常有层次。除此之外，还有自动结束tag、拆分栏等使用功能，用它来手写代码最好不过了。是我最常使用的软件之一。

有几个小问题就是支持的编码比较少，不像下面的Emeditor支持的那么广泛。

3.Topstyle
最好的CSS编辑器之一，排在众多的CSS编辑器的第一位。附有CSS码检查、html校验、整理等众多功能，绝对值得一用，经常做开发的程序师和做设计的设计师不可错哦！

4.Emeditor
简单好用的文本编辑器，支持多种配置，自定义颜色、字体、工具栏、快捷键设置，可以调整行距，避免中文排列过于紧密，具有选择文本列块的功能(按ALT 键拖动鼠标)，并允许无限撤消、重做，总之功能多多，使用方便，是替代记事本的最佳编辑器。
在未发现notepad++之前，我常使用它，用来写html代码，简单的记事。我认为最有特色的就是它的呼出键。停留在任务栏时，可以直接用Ctrl+Alt+X快捷键呼出Emeditor并新建一个文件，非常方便。
不足的是没有分栏、自动结束Tag、当前行背景突出的功能，这也是我用notepad++取代它、退居二线的原因之一。

5.SEPY ActionScript Editor
ActionScript脚本编辑器，功能强大，是最好的AS编辑器之一。AS程序员来它来写AS会是一个不错的选择。
最大的不足是启动太慢，占用内存过多（居然要38M左右），对于这样一个代码编辑器来说有点太夸张了。

6.ActionScriptViewer
经常做flash的人不会不知道的吧。用来分析flash里面的代码再好不过了。现在出了5.0，提供了对flash 8.0的支持。

7.Babylon
我最常使用的翻译软件，它不仅能翻译文档里词汇，还能够翻译软件界面的菜单，在遇到不认识的英文，用Ctrl+右键就可以，非常方便实用。
以色列最强大的英文翻译软件 - Babylon Pro，在全球已有超过 70 个国家 2 千 2 百万人使用。Babylon-Pro 提供最专业英文翻译，有别于一般的翻译软件，Babylon 最迷人的是可外加其它语言字典，提供让您翻译一次可同时得到其它语言的翻译。例如您的字典清单中有英英、英中、英德、英日、英韩的字典时。当您查询一个英文单字时，她便同时一次给您所有英中德日韩文的翻译。

比较遗憾的是babylon稍微的有点大，要占用28M的内存。因为瑕不掩瑜，这依然不能阻止我喜欢上它。

8.Aurora Media Workshop
一款多媒体编辑软件，包括了音频，视频和CD 3 种功能，可以转换，编辑，合并和分割几乎所有格式的视频文件，从视频文件中分离出音频或图片，把喜欢的图片通过各种迷人的转换效果和背景音乐制作成视频；录音，转换音频；刻录音乐CD和数据CD等功能。由于我经常做flash,必然涉及到声音的处理，有了它你几乎不用担心有什么样的格式不能转换，有什么样的音乐提取不出来，它是我使用过同类中最好的软件。闪客绝对不可错过哦

9.Beyond Compare 2
一款不可多得的专业级的文件夹和文件对比工具。使用他可以很方便的对比出两个文件夹或者文件的不同之处。并把相差的每一个字节用颜色加以表示，查看方便。并且支持多种规则对比。对软件汉化者来说，这绝对是一款不可多得的工具。对于经常写代码的人来说会是一个不错的选择，特别是才入门的。

10.Axialis IconWorkshop
全功能图标编辑软件，除了可以让你自由编辑创作各种XP样式图标外，还可以在各种图标文件间互相转换。它具备：·集成式单窗口操作界面·支持所有格式Windows图标文件的全功能编辑·提供XP Alpha通道支持·支持Photoshop、PNG、BMP、ICL、Macintosh图标等常用格式文件的导入/导出/转换·各种内建图标特效·从单一文件一次性导出多种格式图标·内建强力搜索引擎·对程序或DLL文件中图标的编辑功能。

11.Cool Edit Pro 2.0
呵呵，地球人都知道啊。一款强大的音频处理软件，用它处理flash里要用到的音乐最好不过了。

12.TuneUp Utilities 2006
德国的系统调校工具第一品牌 - TuneUp Utilities，继 TuneUp 97 在德国大卖三十几万份之后，再度推出 TuneUp Utilities 企图攻占系统调整工具国际市场！TuneUp Utilities 的功能应有尽有，主要工具包括：系统改造/分析、硬盘/登录文件清理、系统加速、记忆体最佳化、登录文件编辑、软件卸载、工作管理员、文件还原/清理。

除了上面这些，还有Dreamwearver 8(现在很少用，一般是直接notepad++手写代码）、Flash professional 8（几乎每天都用）、photoshop cs(开机就有它,一个十恶不赦的大坏蛋，经常吃掉我的全部内存，让我爱机慢如蜗牛。可除此只外，我又找不到其他不喜欢他的理由）。

最后附上我的程序目录：

Technorati : software

什么是可用性？

可用性是一个与任何需要用户使用的产品都有关系的术语。从最基本的层次上来说，可用性描述的产品和用户之间的关系，直接与产品是否有用有关。一个产品要有用处，它必须能够使用户以一种有效的方式来实现自己的目标。可用性本身并不是最终的目标，相反，它是实现目标的方式。

根据国际标准化组织的定义，可用性被定义为”产品被特定的拥护在特定的使用环境中使用，以有效并满意的实现特定的目的”(ISO 9241-11)。

同样的标准适用Web站点、应用软件程序和其他的数字交互产品。这些产品的预期用户必须能够实现自己的目的，满足自己的需求，符合或超过他们的期望，用户才认为产品是可用的。

总的看来，产品的可用性是有四中因素（焦点、功能、流程和反馈）来决定的。

• 焦点是内容和信息是否满足用户的需求和期望为目标。
• 功能是指产品的每个元素是否都能够为用户的需求和目标工作。
• 流程是只过程和应用（例如电子商务站点上的付费过程）是否满足用户的需求和目标。

不好的设计：

男性

女性 <<– 点击”女性”左边的radio才能做选项切换

和

好的设计：

男性

女性 <<– 点击”女性”左边的radio才能做选项切换

第一个表单必须点击radio本身才能做选项切换，第2个表单只需要点击文字部分就能做相应的选项切换。虽然只是一点点改进，但是让用户鼠标可以比较容易的进行模糊的操作。

源代码如下：主要是通过label和相应的id做了关联

<form>
<FIELDSET>
<LEGEND>不好的设计：</LEGEND>
<INPUT name=”sex” type=”radio”
checked>男性<INPUT type=”radio” name=”sex”>女性 <<–
点击”女性”左边的radio才能做选项切换</FIELDSET>
</form>和<form>
<FIELDSET>
<LEGEND>好的设计：</LEGEND>
<INPUT name=”sex” type=”radio” id=”male”
checked><LABEL for=”male”>男性</LABEL><INPUT
type=”radio” name=”sex” id=”female”><LABEL for=”female”>女性</LABEL>
<<– 点击”女性”这个文本就能够做选项切换</FIELDSET>
</form>

Technorati : 可用性