原文来自：http://youliguo78.blog.163.com/static/39861459200801701545956/
由利国的博客，我增加了一些图片、说明、点评，在此感谢原作者给我们提供了这么好的资料！
douban.com非常精巧的应用了div+css，并且通过色系的运用，最大限度减少图片等等方式既使得网站页面清新可人，而且可以最大限度的压缩了网页的大小，从而使得访问的效率得到了最大化。
![clip_image002[1]](http://www.viisee.net/wp-content/uploads/2009/11/clip_image0021.jpg "clip_image002[1]")
图一 豆瓣网、某大型网站、某sns网站首页文件大小对比
![clip_image004[1]](http://www.viisee.net/wp-content/uploads/2009/11/clip_image0041.jpg "clip_image004[1]"){kind=small}
![clip_image006[1]](http://www.viisee.net/wp-content/uploads/2009/11/clip_image0061.jpg "clip_image006[1]")
图二 豆瓣的packed_douban48.js与某网站的js文件结构对比，可以发现豆瓣的js是经过字节压缩的
[......]
——答：能够支持决策
首先是一段概念性的文字 我就省略了。只拣重要的说。
Web站点内的资源本身就构成了一个数据库，那么如何面向目标和主题来形成更有价值的数据仓库？——重点在于数据的来源问题。
用户在使用web站点的过程中，有意或无意地给网站提供了一些信息，这些信息如果能够有效地识别，那么怎么识别这些信息是有价值还是无价值呢？——这就是web交互设计要解决的一个问题，需要给用户一个可以简单判断的动作。
以下是豆瓣的一个web页面，我们可以看到三个交互区域——web2.0的一个原则，就是让用户在一个界面可以获得更多的功能，本例中，访问者只需点击一下按钮，就可以传递给网站一个有价值的信息。因此建立一个友好的数据入口是数据仓库可以发挥决策优势的基础。
图一 豆瓣友好的数据入口(注：本图片有更新，原书图片是旧版的，我已更新为豆瓣新的查看详情页面(2009 11 23))
[......]
本人是一js菜鸟，菜到当需要取消页面内多个层的显示的时候，还在使用
document.getElementById(“1″).style.display = “none”;
document.getElementById(“2″).style.display = “none”;
document.getElementById(“3″).style.display = “none”;
doc[......]
因为论坛的帖子列表页上面有一大块的区域是其他内容，而老大要求我们的用户在点击“精华、商品、投票”等特殊主题按钮 ，或者分类名的时候（这些都位于页面的中央位置），能够使用户不用去滚动鼠标，就能让页面自动滚动到中央位置，方便浏览。有两种解决方案，一种是老大说的“锚点”，一种是页面onload事件。
1.锚点功能
在需要定位的地方加一个<a>标记作为锚点，并指定一个独特的名字，如<[......]