页面载入中......
首页 联系我 返回顶部
好像阿捷的“网页设计师”上有这么一篇文章。
其实我也一直在学习web标准,也在积极地用新的web标准来写一些页面设计,比如设计一些新的Blog皮肤。

兴趣是最好的老师
兴趣比什么都重要。
比如我喜欢"滑动门",我就首先会想:它应该是一个什么样的文档结构?需要哪些CSS去支持?这些不同的背景图片如何去实现?
这样我才会有想去写的"冲动"


多投入
学习web标准是一个长期的过程,也是一个很枯燥的过程。
“活到老,学习老”这是毋庸置疑的,Web标准同样如此,Html标记、CSS语法都是需要通过长时间的编写才能使用起来游刃有余。

多看、多想、多练
这里的多看是多看一些优秀的web设计,比如可以在www.cssdriver.com上找到一些非常优秀的设计。
看到一个页面以后,在自己的大脑里想像一下它的整体结构该如何划分?一些复杂的图片是如何从PSD上切下来的?这些都是值得去思考的问题。
大概理清楚之后,用FireBug查看一下页面的结构,看一下与自己想像的有何差距,为什么会有这些差距?哪一种布居或哪一种做法更合理一些?为什么会合理?
然后打开DW或Editplus(我比较倾向),照着打开的页面,自己写一个出来,图片就直接引用外部地址。

多问、多请教

由于各浏览器的差异性,刚开始我们所编写的页面不可能保证在各主要浏览器下都能显示一致。
在编码正确的情况下,记录下这些差异,看是不是常见的一些“异常”,如:双空白边Bug、躲躲猫等。
如果消除这些Bug,我们可以使用Hack或更改文档结构,尽量去避免编写容易产生"Bug"的文档结构。
对使用过Hack的地方,脑子里要有一种意识:这样的结构,是该hack出场了。

从hack到无hack

刚开始学习web标准时,总会在测试各大浏览器的兼容性上花费大量的时间,编写大量的hack。
但hack并不是最终的解决之道,同事说:高境界是不编写css hack,而是避免产生bug

相关文章

Write a comment:



(将显示你的Gravatar图标)  



[b][/b] - [i][/i] - [u][/u]- [quote][/quote]

:-/ ^_^ :d :o :kiss: :) :p :se: [yeah] :( :love: :han: :up: :cry: :zzz: o_o

暂时停止交换链接.

评论提交有问题?