根据优化和易维护原则结合我们自身网站情况,一般情况下网站只能出现两个js文件(一个jquery和一个自定义js),一个css文件。
文件位置:
1. Css放在网页头部head标签中。
2. Js放在网页底部</body>结束前(jquery在前,自定义js在后)。
目录结构:
/staticswebrb:PC站目录(位于网站根目录)
/statics3grb:移动站(位于网站根目录下)
Css :css文件目录
Images:图片目录
Js:js文件目录(已备jquery-1.7.1.min.js与jquery-1.10.2.min.js两个版本jquery)
Swt:网务通相关文件目录
Other:其它备用目录
代码说明:
1. Css代码全写在staticswebrb(或statics3grb)/css目录下base.css文件中,专题例外(因专题属单页文件css文件放当前专题目录css文件夹中即可)。
2. Js代码应全写在staticswebrb(或statics3grb)/js目录下base.js文件中,如专题中有特殊效果(当前专题才有的js效果,js代码写在当前专题目录,js文件夹中)。
3. 网站静态图片(背景、模板等用到的图片)放在staticswebrb(或statics3grb)/images目录中,专题例外(因专题属单页文件,图片文件放当前专题images目录下即可)。
4. 百度代码,cnzz代码,商务通代码及网站通用js效果等都写在staticswebrb(或statics3grb)/js目录下base.js中。
5. 特别说明网页中弹窗效果都应用js代码实现,易于统一修改维护。
代码导入:
1. 每个页面都应该导入以下js
<script src="/staticswebrb(或statics3grb)/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/staticswebrb(或statics3grb)/js/base.js" type="text/javascript"></script>
2. 网站首页、栏目页、文章页导入
<link href="/staticswebrb(或statics3grb)/css/base.css" rel="stylesheet" type="text/css" />
专题页导入当前专题css文件
<link href="css/css.css" rel="stylesheet" type="text/css" />