网页设计新手30条进阶秘技

2020-05-08 08:43:54易采站长站整理

E-Text Editor
Notepad++
Aptana
Dreamweaver CS4

17. 压缩前端代码!

Compress

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

Javascript 压缩服务

Javascript Compressor
JS Compressor
JS代码在线压缩( 中文 )

CSS Compression Services

CSS Optimiser
CSS Compressor
Clean CSS
CSS代码在线压缩( 中文 )

 

18. 缩减,缩减,缩减

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

https://www.easck.com/d/file/090515/2104493Y6-1.png网页写完后,一定要多次回头检查,尽量的减少元素的数量。

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

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

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

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

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

 

<img src="cornImage.jpg" alt="图片标题" title="图片标题" /> 

 

20. 学会熬夜

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

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

 

21. 查看源代码
view source

没有什么比模仿你的偶像能让你更快的学习HTML。起初,我们都要甘做复印机,然后慢慢得发展自己的风格。研究你喜欢的网站页面代码,看看他们是怎么实现的。这是高手的必经之路,你一定要试一下。注意:只是学习和模仿他们的编码风格,而不是抄袭和照搬!

留意网络上各种炫酷的JavaScript效果,如果看上去是使用了插件,那根据它源码中head标签内的文件名,就可以找到这个插件名称,然后就可以学习它据为己用。

 

22. 为所有的元素定义样式