PS设计教程网欢迎你!

网页教程:网页新手30条进阶秘技(4)

文章来源于 tuts+,感谢作者 Oncoding编码营 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2009-09-14
16. 使用一个好的代码编辑器 不论你是Windows还是Mac用户,这里都有很多优秀的编辑器供你选择: 17. 压缩前端代码! 通过压缩CSS和JavaScript代码,通常可以减小25%以上的文件体积,在某种情况下,这会大大减轻你的

16. 使用一个好的代码编辑器

网页教程:网页新手30条进阶秘技

不论你是Windows还是Mac用户,这里都有很多优秀的编辑器供你选择:

17. 压缩前端代码!

网页教程:网页新手30条进阶秘技

通过压缩CSS和JavaScript代码,通常可以减小25%以上的文件体积,在某种情况下,这会大大减轻你的带宽压力,提高加载速度。

18. 缩减,缩减,缩减

回望我们大多数人写的第一个页面,一定会发现严重的 “DIV癖”( divitis ),通常初学者的本能就是把一个段落用DIV包起来,然后为了控制定位而套上更多的DIV。—— 其实这是一种低效而有害的做法。

 

网页写完后,一定要多次回头检查,尽量的减少元素的数量。

能用UL布局的列表就不要用一个个的DIV去布局。

正如写文章的关键是“缩减,缩减,缩减”一样,写页面也要遵循这个标准。

19. 为所有的图片加上Alt属性

为图片加上alt属性的好处是不言而喻的 —— 这样可以让禁用图片或者使用特殊设备的用户无障碍得了解你的王爷信息,并且对图像搜索引擎友好。

Firefox不支持显示图像Alt属性,可以加入title属性:

<img src="cornImage.jpg"

20. 学会熬夜

我经常不知不觉的学习工作到凌晨,我认为这是个很好的状况。

我的“啊~哈!”时间( "AH-HA" moments,指柳暗花明或豁然开朗的时刻)通常都发生在深夜,比如我彻底理解JavaScript的“闭包”概念,就是在这样一种情况下。如果你还没有感受过这种奇妙的时刻,那就马上试试吧!

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa