WEB标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:

1.结构标准语言

(1)XML XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考(http://www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。

(2)XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言

CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

3.行为标准

(1)DOM DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262(http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)。

WEB2.0&PPT

(1)GoogleFont是一个专门让你设计类似Google的logo字体的网站,如何使用就不说了,因为你无论懂不懂英文,都很简单。

用武之地:如果你有创意,你可以设计一个完全Google化的首页PPT,这时候,这个字体就很好用了。

(2)web2.0write是一个专门把各种不同的web2.0知名网站特色的logo中的字体单独拿出来,组成一个很可爱的独特字体。

用武之地:这种很适合用于某些小朋友或者可爱类的PPT的设计中,搞几个点缀一下页面还是非常不错的。

(3)Fliptitle提供的服务更独特了,说白了,就是把你写的字体倒过来,你是不是觉得没啥用?

用武之地:如果在你PPT中,你把你首页的签名做成这样,是不是很有创意呢? whatsitscolor名字好长,其实这个域名是一句英文句子(what's its color)。这个网站很有用的,是分析图片的配色。

用武之地:很多人问我他不懂配色怎么办?很简单,你看到一个心仪的PPT之后,把它截屏下来,传到这个网站上去,这个网站会帮你分析这个照片上的色彩有哪些,各自颜色的代码是什么。你以后就按照这个配色不就OK啦。很帅吧?呵呵 picresize是一个在线帮你缩小图片大小的网站。

用武之地:我有时候用的图片像素比较高,体积太大,所以我会用这个网址去减肥一下。尤其是那些“全图型PPT”的拥趸,你们很需要这个网站。 befunky是一家提供了多种滤镜给你的在线图片编辑网站。

用武之地:如果你对PS完全不懂,如果你想让PPT上的图片更花样多一些,你去这个网站走走,试试看,某些效果还蛮别致的。不要说这种编辑出来的图片也不怎么样,但你要知道,它只需要你上传照片就能一次性帮你完成好几个PS滤镜组合功能,而且是免费的,这种好事哪里有? MindMeister是一个在线绘制脑图的网站,从截屏就看得出,是典型的web2.0风格的。非常感谢“亚选”同学提供线索,推荐这个好网站。

用武之地:大家都知道做PPT最重要的是逻辑,所以在PPT绘制前,用这个网站整理头绪比较好。但值得提醒的是,这个网站似乎只支持英文。另外,英文的脑图网站还有Mindomo、Mind42。支持中文的在线脑图网站有:Mindpin。 web2.0的本质就是从“Web Reading ”(网络阅读)转变到“Web Service“(网络服务)。

Thought&Idea

站在创建者的立场,可以想象Google的几乎没有内容的主页,还有del.icio.us的简单的线条。从最终用户的角度来看,与之齐名的就是Diggdot.us所提供的初始化页面。你能够并且希望加入更多功能,但是先做好最开始的。在一个时候只做一个特性,完成一个目标。这听起来很太过于单纯化了,但它将使你更加专注,而且你也会明白我的意思。

image/web2.0_traffic.gif image/web2.0_cn.jpg