静态资源分布:重构做好目录和页面文件的部署(1),及页面相关链接,文件名明了,目录层级不紊乱。便于其他部门同事后期肢解文件和项目部署。
demo 项目静态资源根目录
-- css 样式目录
-- assets 引用的外部资源,及最常用的模块
-- reset.css 样式重置(要么不用,要么柔和用Normalize.css让样式在各浏览器下统一,要么暴力用YUI3的cssreset.css让样式重置归零)
-- utility.css
-- page.base.css 页面基础样式
-- font.utility.css 常用Web Fonts,
-- page.***.css 具体网站某页面样式
-- fonts Web Fonts目录
-- utility 常用Web Fonts文件,推荐iconfont
-- iconfont.eot
-- iconfont.svg
-- iconfont.ttf
-- iconfont.woff
-- js 脚本目录
-- lib 引用的外部资源,及最常用的模块
-- jquery
-- jquery-1.7.2.js
-- jquery-1.11.3.js
-- jquery-2.1.4.js
-- requirejs
-- domReady.js
-- require.js
-- require.min.js
-- page.***.js 某页面脚本
-- module.***.js 模块脚本
-- images 项目图片
-- sprite.png
-- avatar.png
-- placeholder-image-bg.png
-- img 案例展示用图片
-- 640390.jpg
-- Templates 公用部分,采用Dreamweaver模板
-- Template.dwt
-- index.html 首页
-- archive.html 列表归档
-- detail.html 详情页面
-- 404.html
-- 其它各种页面
注:
这里的目录和文件部署,并不是项目最后的发布部署。