2006-01-23
TAG:webdevelop WebDesign Blog

对于一个 BLOG 来说,一个重要的部分,就是评论部分,许多日志,你会发现,它的评论部分比日志本身更精彩,也正是由于有了评论,日志也显得更加的耐看。如果作者与读者之间,缺少了这种互动,我想,BLOG 也不会发展到今天这个样子。

那么,你认为评论部分最重要的是什么?如何设计评论部分?Christian Watson 列出了10条改进 BLOG 评论 的方法/建议(简述如下):

  1. 要明确的把每条评论分开;
  2. 要区分开评论信息(如,评论者的名字、评论日期、时间等)和评论内容,可用不同的字体、背景色和布局来实现;
  3. 最好把评论的背景色设成交替的,以便清楚的区分;
  4. 评论最好标上号(排序);
  5. 要区分出作者的回复与读者的评论;
  6. 在评论中加入 gravatars ,为其增加点情趣,这样也更加的有助于识别你的读者;
  7. 你的评论应当有个永久链接;
  8. 通过增加图标,为你的评论信息增加一些趣味;
  9. 应该在评论的头部,告诉大家已有的评论数量,如:“已有9条评论,我要评论”等等;
  10. 增加评论的预览;
  11. 让大家可以通过 RSS 或 EMAIL 订阅你的评论。

3、5、6条是国内的许多 blogger 没有做到的(including me),但是,国外的 blogger 这点做的就很好,下面是 Simon Collison 的 Comment 的样子:

http://ciox5.blogbus.com/files/1138007162.jpg

他不但有gravatars ,还有评论者所在地的国旗显示。

国内的许多 blog/BSP 要求读者必须注册,才能评论,这点是最令我不爽了。

BTW,我上面提到的 Simon Collison 正在发起“自我介绍赢取新书(Introduce yourself and win a book )”的活动,只要你在评论里自我介绍一翻,就有可能获得他参与编写的新书,还不赶快行动~现在中国人好象只有两个(包括我),另一个 Li Dan  还不在大陆。





 
2005-12-03
TAG:WebDesign

最近在看侯捷《 Word 排版艺术》,在被他的文笔所吸引的同时,也感叹于排版中的学问。正好今天,看到了 Mark Boulton 写的一篇日志《 Semantic Typography: Bridging the XHTML gap 》,所以想介绍给大家。

本文主要讲的就是如何在排版中遵循语义的原则,任何道理如果去“干讲”都显得枯燥晦涩,所以,我们就直入主题,用他举的例子来给大家阐述一下:

如果你有一个客户,他是一个房产代理,你要为他做一个网站。站点中的大部分内容都是房产信息。现在,他交给了你一个文档(很可能就是一个 word 文件),里面都是些房产的具体信息,他让你用此来做这个网站,下面的这个,就是房产的具体信息:

http://ciox5.blogbus.com/files/1133619874.gif

正如你看到的,这是一个很“朴素”的文档,我们要做的第一项任务,是建立它的概念结构(Conceptual Structure),它的语义元素,以此,我们才能确定他的排版结构:

http://ciox5.blogbus.com/files/1133620204.gif

这步完成以后,让我们暂时忘记怎么去设计它的问题吧,我们先用对应的 XHTML 标签来标记上面的这些元素:

http://ciox5.blogbus.com/files/1133618946.gif

在保留了概念结构的同时,我们也拥有了 XHTML 结构(语义化的标记)。现在我们可以专注与排版了,使他去遵循概念结构(与此同时,我们也就遵循了 XHTML 的结构)。

http://ciox5.blogbus.com/files/1133620714.gif

完~

这种设计过程最大的好处就是,不再被代码所烦扰,而且它很“健康”。


@ 22:04:49 | 阅读全文 | 评论 3 | 引用 0 | 编辑



分页 共1页 1

用RSS Reader来订阅:
点击订阅我的blog



我的Email-MSN-Gtalk:
x5studio dot liu{AT}gmail dot com
我的QQ:700509
我的WEALINK档案

用户名:
密 码: