Blog

HTML制作中的文件夹及文件命名规范(二)

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命名规范我们就放在下次单独探讨吧,那可是个深刻的课题。

Words translated by CCJK

146,096,379

Request a call or contact us

  •  

    Call ccjk.support for professional assistance

  •  

    Click Here to leave us a message and be as detailed as possible.

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00
  •  
    Inquiry Form

    Please take few minutes to fill
    inquiry form and get Free Quote

  •  
    Request a Call

    Click to receive Free Call, Our
    Representative will contact you

  •  
    Leave a Message

    Please leave us a message and
    be as detailed as possible

Over 95% of our clients recommend our language services to others


Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP