用心去记录关于Web产品、Web前端、交互以及用户体验的那些事儿。产品群：1202891 前端群：11539141
寂寞哥最近在忙着写一些关于交互和用户体验相关的文章，一直比较忙，甚至到了熬夜挑灯奋战的程度。因而这几天博客一直没有更新，在这里先向大家说声对不起。今天起，我会恢复内容的更新的。
首先带给大家的是一个PPT的分享，标题是《国外互联网发展趋势》。这个PPT是昨天经由一位朋友通过Google docs分享给我的。由于只能存储为pdf文档，不能发布为在线播放的幻灯片，我特意把这个文档传到Slideshare转换成了可以在线播放的格式，具体内容在下面。当然，如果大家需要原始的pdf文件或者想得到Google docs中的文件分享，请在下面留言并把邮箱留给我，我会把文件发送或者分享给大家。
废话结束，上PPT。
1、用简单易懂的步骤来设计并制作你的第一个网站
翻译：http://www.yeeyan.com/articles/view/98510/54487
2、如何在Web页面中使用CSS Margin属性
http://www.cssjuice.com/how-to-use-css-margins-on-pages/
3、如何用em设定文本的大小
原文：http://www.clagnut.com/blog/348
翻译：http://www.yeeyan.com/articles/view/zozoh/53739（连标题都翻译错了）
4、CSS文本大小设置权威指南
http://www.sitepoint.com/blogs/2009/08/20/css-font-sizing-tutorial/
5、一个简洁的HTML结构的多种布局方式
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
6、如何制作一个超级下拉菜单
http://www.thewebsqueeze.com/web-design-tutorials/how-to-make-a-mega-drop-down-menu.html
7、避免使用JavaScript在IE7中有问题getElementById方法
8、检测网站可用性的6个基本工具
http://tutorialfeed.blogspot.com/2009/08/6-essential-tools-to-check-your-website.html
9、7个令人敬畏的用于测试网站跨浏览器兼容性的工具
10、维护网站声誉：避免这些不道德的SEO策略
既然好多人不愿意使用Web标准进行Web前端开发，那么基于Web标准的Web前端开发在中国又是一种怎样的现状呢？Web标准方式的Web前端开发在中国的市场前景又如何呢？下面，我们一起去了解和分析一下。
既然想要了解Web标准的中国现状，那就要首先明白什么样的Web前端页面是符合Web标准的，什么样的是不符合标准的，到底谁能够说了算。说到这里，我们必须提一下W3C（W3C是英文 World Wide Web Consortium 的缩写，中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。）的Markup Validation Service，也就是标记验证服务。这一服务是由国际万维网联盟推出的，用来校验一个Web页面的标记是否符合Web标准。
这一服务的在线地址是 http://validator.w3.org，页面截图如下图所示：
Web校验服务
一般来说，通过W3C的这一服务，就可以快速检验一个Web页面到底是否符合Web标准。而国内的知名站点的Web标准现状如何呢，我们不妨找一些网站拿出来校验一下。
我们选取写作当天Alexa网站（http://www.alexa.com 一个第三方的国际网站排名统计服务）排名中的中国网站排名（Top Sites in China）前五名的网站去进行相关的标记校验。具体选中的网站截图如下：
Alexa网站
下面我们把选中的网站去一一进行标记的校验。首先我们校验的是百度，百度是中国市场占有率最高的中文搜索引擎网站，其首页相当简单，但是其表象下的HTML代码是否也同样简单且清晰明了呢，我们一起来看一下：
百度首页HTML校验结果
可以看到，百度首页这种极其简单的页面还存在41个错误和22个警告，无法通过校验。
接下来，我们需要校验的网站是腾讯QQ网，QQ网通过QQ的广大用户群现在已经发展成国内目前整体流量和排名第一的门户类网站，我们来看看它的校验情况：
腾讯网HTML校验结果
上图是校验的提示信息，通过阅读下面的相关信息，我们发现，由于HTML方面的问题，QQ首页的Web文档没有办法被进行校验。
QQ的页面是这样的一种效果，那么接下来的新浪网会是什么样子呢？新浪是中国的传统门户网站，在门户里面一直排名前三，我们来看看它的Web页面有没有像它的综合实力一样好：
新浪首页HTML校验结果
意料之外，又是情理之中的事情，跟QQ一样，新浪的Web页面也是无法进行相关的校验，不知道这算不算是门户网站的通病。
下面这个，是广受好评的Google中文网站。Google在业界凭借不作恶的承诺和完美的技术一直保持着良好的口碑，不知道表象之下的Web代码校验起来会是什么样子的。猜测起来应该至少不会比百度的要差吧？我们一起拭目以待：
Google首页HTML校验结果
结果出来了，错误46个比百度的41个多5个，警告10个，远少于百度的22个。同时，鉴于Google的Web页面相比百度的不论结构和功能都要复杂很多，Google相比百度在Web标准方面把握的要好一些。
最后，我们一起来看一下淘宝网在Web标注方面的表现。写这一节的时候，查看Alexa，发现淘宝网难以置信地排在了第五位，很是惊讶。淘宝网最近发展的的确很快，而且他们一直在招聘Web前端开发工程师，有种欲招揽天下高手尽归我有的感觉。而且，淘宝UED在Web前端方面的确建树颇丰，也一直以国内前端的旗帜和领袖标杆来标榜。我们来看看他们的校验结果会不会让人有一种眼前一亮的感觉。
淘宝首页HTML校验结果
没错，您刚刚看到的就是淘宝网首页的Web页面校验结果。306个错误和6个警告。错误较多，但是警告相当少，看来在Web前端方面也算是没枉费心机。
上面我们看了国内Alexa前五名的网站的标记Web标准校验结果，我们已经预先做好了接受比较差的结果的心理准备，但是在现实面前却发现依然难以接受。
为什么，而这又是为什么呢？
究其原因，我感觉主要这样几个方面的原因：一是国人最技术和标准没有那么关注和重视；二是国内整体的Web环境的遗留问题和公司政策方面的问题；但是究其主要原因我感觉还是由于国内的Web前端从业人员缺少对行业和相关标准的准确认识和清晰定位，另外就是缺少对细节和技术的严格要求，当然，还有对自己的严格要求，浮躁。
当然，我也不能例外。写这些文章的目的，就在于能够使自己沉下来，细细总结、关注并重新学习认知Web标准和Web前端开发的方方面面，完善并改造自己的同时也能够给国内的同行一些自己的经验分享。
符合Web标准的Web前端开发之路，我们任重而且道远，但是，我们在路上，我们在不断地求索……