如何开始WEB标准之路

web|web标准

刚开始接受WEB标准是在2004年的6月份,那时经典里有一些高手们正在讨论一个新东西。当时叫什么我不清楚,反正不叫DIV+CSS,只是觉得挺有意思的,就进去看看。发现高手们谈的不是很明白,当时自己HTML代码都认识不全的,只会用DW(Dreamweaver简写,下同)。只是看看高手们发的一些国外的作品,觉得很漂亮。但是由于当时自己对HTML的不熟悉也并没有立刻进入学习。但是开始了解WEB标准的一些优点了,而最吸引我的就是那种HTML不用动,只需要更新CSS就能把网站变成另一个样子。我是个设计师,程序的美妙我是不能理解的,但是这个换肤的特性却深深的吸引我了。

正式开始学习是在九月份的时候。我采用了局部应用法,也就是说网页的大部分依然使用表格,只在局部采用CSS来定义样式,通过这样的方式我先了解了CSS的一些特性。但是只用了很少的CSS功能。也只局限于文字上的一些应用。对于布局,大面积的布局根本没有涉及。正是由于这样的局部应用法,提升了我的信心,并且帮助了我扎实了基本,因为那里我开始练习看HTML代码了。

后来我已经不满足于这种局部的应用了,所以我希望全局的应用,但是当时国内根本没有什么相关的资料可查,有一些高手翻译的文档基本上还是理论层面上的,根本不起什么作用。但是这些问题并不大,因为我学习网页就是从拆别人的网页开始的,原来是在DW中拆可看到的格式,现在在记事本中拆代码。我想问题不大,那里我就必需要找到一个全世界做得最好的WEB标准网站来拆,当时一直在看Dave Shea 的禅意花园的一些翻译过来的中文资料,其中看到Dave非常推崇StopDesign的作者Douglas Bowman我想Dave这么推崇他,我想他的网站必然可以算是当时世界上最好的WEB标准站点了。事实上等我拆看他的代码时发现,他真的非常牛。直到现在有很多代码都是我所不能理解的。

榜样找到了,下面就是拆了,想要把他的网站代码下载下来没问题,关健是怎么样去分析。一开始我把他的代码分成了两个部分,一个是HTML结构,一个是CSS样式。分别打印出来。一开始我先看的是他的HTML结构,他的HTML结构写得非常的严谨,我现在的结构思路基本上是依据StopDesign结构改变的。主要是研究他是怎么划分的,然后还研究了他的命名,我现在的命名与他的命名不一样,我采用了一些编程人员使用的命名标准。能过研究HTML代码绝对会让你有很大的进步。这一步非常的重要。

当结构基本上懂了之后,就开始读他的CSS代码,一开始就是单纯的读CSS关键是看高手是怎么写代码的。并且不同的CSS文件之间的关系,以及一些CSS Hack的东西。但是单纯的看是没用的,还需要对应HTML来理解,不然根本不能完全理解CSS的作用。那要怎么样对应HTML来理解呢。我的办法还是一个字“拆”。怎么拆呢,我先把他们还原成为一个正常的样式。然后为了弄明白一句CSS的意思,我就把这句CSS删除然后看效果。如果删除后还是没出现预料的变化,那我就会再查找一下,倒底是怎么回事。有时还会自己去改动,设置来看效。也就是在这样的拆拆改改中就基本上知道了WEB标准的一些技巧。

正在学习之中公司要去接个项目,是个政府项目。当时记得好像是十一月份了,为了拿到这个项目我开始用最迷人的换肤特性去引诱我的客户,果然客户被这种特性深深的吸引,并且我告诉他们,通过这种方式的构建在改版时可以节约大约百分之三十到百分之四十的费用。最终我们拿到了这个项目当然价格不菲,开发周期也破天荒的达到了两个月之久。钱有了,时间也有了。下面我要做的就是如何为客户实现这些,与是我开始了我非常大胆的举动,我要用WEB标准来开发这个项目,于是我开始了结构的策划,CSS的预想。依据设计稿,我不断的修改原来的结构,不断的修改CSS,同时还要应对IE5的浏览器,工作中也出现过解决不了的问题,最后我还去修改了设计稿。使之能更容易用WEB标准开发。

通过不断的努力,我第一个WEB标准的网站就这样完成了,虽然没办法通过验证,但是换肤的特性是绝对没问题的,并且可以适合IE5~IE6,Firefox等浏览器。

以上是我从一无所知到,基本掌握这样技术的过程,虽然也有很多不是没说清楚,但是有一点,学标准需要非常的毅力,因为你会遇到很多困难,有时你会觉得学不下去,但是要学会想办法解决问题才能让你沉到更多的知识。希望以上的文字能让大家有所收获。

时间: 2024-12-27 21:11:06

如何开始WEB标准之路的相关文章

通向web标准之路

web|web标准 作者前言 今天下午,我的一个朋友问我:对于一个想了解web标准的老网页设计师有什么建议. 我想将我的email回复贴在这里让更多人看见将是一个很好的范例.我的回复是:这有一个全面的,非正式的,有些罗嗦的指南,送给所有听说过web标准,希望使用web标准却又不知道从哪里开始设计师. 正文 首先不要急着开始!在做任何事情之前做好2个心理准备,这对你的学习过程是最重要的事情: 1).学习需要时间,要循序渐进: 2).前进的过程中会遇到挫折. 但是你并不孤独,我们中许多人正在投入到学

Web标准前途是否依赖浏览器技术

原文:http://www.alistapart.com/articles/fromswitchestotargets .Com 作者:Eric Meyer 网页教学网 当我读了一遍Aaron Gustafson的Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8  后,我心里的第一反应就是深深的否定这种观点. Aaron描述的version-targeting机制是完全错误的, 是完全倒退的, 是和我们应该做的事情完全相反

2005年web标准发展回顾

web|web标准 作者:阿捷 2006-1-10 11:35:16 2005年,在中国IT行业,"web标准""网站重构"也算得上热门关键词了. 一方面由于商业炒作web2.0(web标准也被收进其支持技术体系)和RSS聚合的兴起,引起很多非设计/技术人士的关注(呵呵,商业利益驱动永远是推动技术发展的最好动力):另一方面,也有很多有远见的设计师真正理解和体会到web标准的好处而参与到学习和推广web标准的队伍中来,使得web标准不再是个陌生的概念. 2005年,也

伴随着Web标准发展

web|web标准 原文作者:Andrei Herasimchuk 原文出处:designbyfire.com 原文发表时间:2004年6月11日 译者前言:这是一篇让人震惊的文章.作者的分析深刻,文笔犀利.作者担心微软会控制整个世界的观点也许偏激,但不得不引起我们的警惕和思考.该文发表后引起了激烈的争论甚至漫骂,感兴趣的建议去原文看看.从中我们能了解web标准在国外推广的真实情况,进而思考我们应该怎样做? 译文 重要提示:下面的文章是我个人的观点,不是为了表现自己或者为我的老板而写. 虽然现在

Web标准在中国

在十月初的时候,我有幸在中国呆上了一段时间,与Web领域的专家.学生等交流Web标准以及他们的现状.很有意思的几个礼拜,也让我大开眼界.印象最深刻的,在中国推行Web标准的仍在少数,并且通常是孤立无援的,无法实施.无法去解释为何需要标准及标准的价值.所以这里我想写一下我所了解的情况.面对的挑战和一些希望能有效的方法. 如果你有任何意见建议,欢迎留言!如果你有相关内容链接,也欢迎提供,我会更新文末的资源列表. 市场力量 在中国,驱动Web标准的主要动力与欧洲国家.澳大利亚以及美国几乎是相反的.没有

Web设计师的路:自学网页设计的有用资源

文章简介:Web设计师的路是充满挑战性的路.有很多技术需要学习,而且有很多知识可以用来稍微减轻路途上的负担.最流行的学习媒介是书籍,但是随着网络的发展,如今学习网页设计原理比以前任何时候都更容易. Web设计师的路是充满挑战性的路.有很多技术需要学习,而且有很多知识可以用来稍微减轻路途上的负担.最流行的学习媒介是书籍,但是随着网络的发展,如今学习网页设计原理比以前任何时候都更容易.我希望向对扩展自己设计方面的知识有兴趣的人介绍一些有用的资源.内容涉及从网页表单,教程,以及发表博客等到你可以想到的

学习web标准:Web标准中的特殊字符

在最开始学习web标准的时候有这么一条: 把所有<和&特殊符号用编码表示 :任何小于号(<),不是标签的一部分,都必须被编码为& l t ; 任何大于号(>),不是标签的一部分,都必须被编码为& g t ;任何与号(&),不是实体的一部分的,都必须被编码为& a m p;注:以上字符之间无空格. 而在我们平时的工作中经常会遇到这种情况: 更多>> 国内的同行大多是写两个大于号>>或者干脆就写>>(更夸张的是有人为

Web标准:文档类型和网页浏览器

原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson .Com  译者:zhaozy in 3user.com .Com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误

使用Web标准建站第6天:XHTML代码规范

web|web标准|xhtml|规范 在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范.了解这些规范可以帮助你少走弯路,尽快通过代码校验.1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们.但在XHTML中这是不合法的.XHTML要求有严谨的结构,所有标签必须关闭.如果是单独不成对的标签,在标签最后加一个"/"来关闭它.例如