您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 用户研究 >> 浏览设计教程

网页设计新手对“WEB标准化”的理解

 

官方的话

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

 

初级阶段

2007年10月,第一次接触到Div+Css,这个词语。凭着对互联网的热爱,深入的进行了一下了解,当初的感觉就是,哇塞,DIV布局好帅哦。把网页分成了一块一块的了,不用像表格那样复杂的进行嵌套来实现网站的布局。疯狂的热爱上了这门技术,花了两个星期的日夜练习,终于写出了自己的第一个所谓的“DIV+CSS”页面,网站除了DIV,Span,Img,A,UL,li标签外。没有多余的了,我想这就是所谓的入门吧……

成长阶段

不断的进行“DIV+CSS”布局,手写代码的能力越来越高了,发现原来布局是这么“简单”后,静下心学着去看其它高手的页面,以及一些概念的东西,这时候才知道,原来所谓的“DIV+CSS”,还有另外的叫法,即“XHTML+CSS”,除了,DIV标签外,还有其它能使页面元素更有语义的标签……尝试着改变自己的“DIV习惯”,进一步的“标准化”,并尝试承接页面制作任务,通过大量的任务实践,让自己的水平,处理兼容性的程度上进一步提高。我想这就是所谓的像“标准”的成长阶段吧……

现在阶段

结构,表现,行为相分离,网上的解释已经够多了。自己现在也有了自己的理解。我们所看到的网页,就好比一座高楼大厦,地基,横梁,楼梯,水管,空间,好比我们页面中的标签(结构)。房子建好了。装修公司按照房子进行装修,同一栋大楼,很多同样的房子,但是可以装修出不同的风格,这就是我们页面中的CSS(表现)。至于JS,我不知道这样的比喻是否恰当,大厦里每家都要用水和电,通过物业的控制,可以控制是否给某家用户(点)供水电,我想这就是所谓的行为吧。

做页面,首先要对效果图进行分析,分析过后,要认真布局,就像修房子一样,地基没打好,以后迟早会垮掉……要考虑到该布局的向后延展性……以后我要在这里添加或隐藏掉一个BOX,是否会大面积修改页面。

地基打好了,CSS写起来也顺畅了,关于CSS的写法,能合并简写的地方就尽量去做,还要考虑每个浏览器对CSS的解释。深刻理解“盒模型”,减少不必要的Hack。

关于JS,由于我现在还不能自己写JS,只能从理解上来想一想,让所有的浏览器能够兼容,这是首要的,其次,简写代码,用最简单的方法实现同样的效果,但是,一定要考虑浏览器,用户的机器性能等因素,不要做过多的算法运算和遍历。以免对用户造成不必要的后果。

页面优化,现在正在往这方面学习,合理使用标签,CSS分离,背景融合,减少Http请求数,页面中的图片能减小体积就要减小……
多多总结别人和自己的经验,掌握一些小技巧,小技巧可以让你用最简单的办法,实现你用复杂方法(结构)实现的东西,也可以减少代码量……

其它,用户体验,我想这也是一门很深奥的学问吧,我们所做的这么多,就是要给用户带来最大的方便,合理的布局让用户赏心悦目,优化页面让用户访问速度达到最佳,当然还有很多酷炫的“行为”,可以留住用户……等等
最后说一下,不需要盲目的去追求所谓的“标准”,什么W3C验证阿,完全不需要,个人觉得,能给用户和网站带来最好效果和体验的,才是最佳的 :)
以上是本人在学习中对web标准化的理解,难免有错误和遗漏,也是想起什么就说什么,请见谅……现在还在不断学习中……

[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/yj1552.html
设计人眼中的《乔布斯传》:那些朴素的设计美原理
设计师的逆袭
图趣网微信
建议反馈
×