Yahoo!新首页,Web2潮流奔腾向前

2006年03月30日 23:29,盛传发表在互联网观察,标签为,

Thanks for visiting Yahoo!, a great place to start on the Internet.

We are currently testing a new home page and you are among the lucky few who get to try it out. Go ahead, do what you do on Yahoo! — and be sure to let us know what you think.

以上是http://events.yahoo.com/326123171.html的表述,网上盛传由此页点击即可进入Yahoo的新首页,但我没能进去,只好在网上找了个截图看看。

Yahoo!新首页

因为原图上传会缩得厉害,所以截了个小图。

分析与启示:

1、页面采用的是html4/strict,而未采用xHtml标准。而我们一般DIV布局会使用xhtml1-transitional标准,此标准偶会遇到一般麻烦,比如不支持IE滚动条颜色定义等。

2、1785行的代码,其中CSS占了997行,充分说明了使用CSS定义样式的重要性。

3、大量使用了IE判断()。在国内环境似乎还是没有别的浏览器可以威胁到IE。

4、大量使用了滑动门的技术,即一个图片上有很多内容,通过背景的定位来使用不同的部分。在粉丝网的制作经验中能非常清楚地了解滑动门的好处——能完美地避免延时——当时在首页导航中甚至尝试用JS预先下载第二张背景图,但仍然难以避免,后来在博客开发中使用了滑动门,表现完美。

5、大量使用了标签卡,即可通过标签切换显示内容。好处是节省面积,但是对很多用户而言太难,至少国内用户还不习惯这种方式。

6、典型的Web2设计风格,或者说是现在的网络的流行风格。浅色渐变占领了越来越多的页面,包括MSN8的配色(非常漂亮)。

目前还没有评论 我要发表评论   订阅本文评论

暂时还没有评论内容。

发表评论很博客,因你参与更精彩!