2、图片文件

图片文件又包括:修饰页面类(如背景图片)、商品图片类、banner广告类及网站标志图片等。我们可以把商品图片单独放在一个命名为product的文件夹,并将其置于images文件夹下;还有banner广告之类的图片可单独放在一个命名为media的文件夹,同样将其置于images文件夹下。对于比较大的网站项目,这样做是很有必要的,将所有图片分门别类地归放于各个文件夹,这样查找修改起来都很方便。图片命名与html命名类似,不过也是有区别的,我们在给图片命名时最好指定它所应用的板块名或功能名。

因为同一类的文件通常不止一个,比如banner,也许一个网站各个页面不同位置都有不同banner,所以就需要通过这种方式来区分,可以类似这样命名:页头的banner就命名为headerBanner;新闻页面的banner就命名为newsBanner等。网站标志通常是唯一的,直接命名为logo,若有区分如大小两个标志,可分别命名为logoBg和logoSm。此外再举几个例子:作为按钮的图片可在它本身的性质命名前加前缀“btn_”,以此表示它为按钮,如登录按钮btn_login;作为背景的图片可在它本身的性质命名后加“Bg”,如导航背景图片可命名为navBg,等等。

3、css样式表文件

一般小型的网站项目,样式比较简单的话,我们只需建一个css样式表就可以了,直接取名为style.css;如果是大型的门户网站或者电子商城网站,那就需要把样式按照其功能细分一下,比如:全局样式(命名为global.css)、框架布局(命名为layout.css)、打印样式(命名为print.css)、链接样式(命名为link.css)等等。这样的话,当我们修改网站的版面时,就很容易的找到了要修改的文件和地方,非常方便。比如一个网站,为了迎合某个节日而需要修改它的打印版面,那么我们可以直接修改print.css即可,也可以新建一个print.css来直接替换之前的,完全不会影响到其他地方的样式,对网站的稳定性也是有帮助的。

4、JS脚本文件

JS文件命名和图片命名规则差不多,要表明它所针对的板块和功能,如写给页头菜单的脚本,那就命名为topMenu.js。这个就不多说了,大家参透了以上几点,这里就自然通透了。

小结一下:无论是考虑团队开发效率还是后期的维护便捷性,web项目中的各种命名规范都相当重要。这次我们只讨论了各文件夹和文件的命名,至于CSS命名规范我们就放在下次单独探讨吧,那可是个深刻的课题。