无废话网页重构系列——（4）目录与文件搭建

标签：

静态资源分布：重构做好目录和页面文件的部署⁽¹⁾，及页面相关链接，文件名明了，目录层级不紊乱。便于其他部门同事后期肢解文件和项目部署。

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 
  --  其它各种页面

注：

这里的目录和文件部署，并不是项目最后的发布部署。

无废话网页重构系列——（4）目录与文件搭建

标签：

原文地址：http://www.cnblogs.com/daxiang/p/4645059.html