项目文件夹

  • 根据项目名称创建项目文件夹。如:ushop

  • html、css、img、js 文件均归档至项目名称目录中

  • HTML 文件、根据页面内容以英文命名,首页或只有一个页面通常命名为index.html

  • css 文件以英文命名

    • 公用样式通常命名为reset.css(常用的浏览器样式)

    • public.css(多个页面时的公共模块的样式,或多次重复使用字体、字号、间距等样式)

    • 首页通常命名为index.css, 其他页面依实际模块或功能需求命名

  • 图片文件命名尽量与其模块样式名称保持关联,尽量使用小写命名

    • (如登录框的背景与图片:login_bg.jpg、login_user_ico.gif 等)

    • 常用图片格式 gif 、png 、jpg

目录结构参考

---/html/
|---- /user/                    与用户相关的页面  
|---- /user/login.html          登录页
---/css/
|---- /reset.css                 重置浏览器样式    
|---- /page                        其他页面的css
|---- /page/pagename.css         单独某个页面的css
|---- /common.css                  css通用样式库
---/js/
|---- /lib                      公用组件
|---- /lib/jquery.2.2.3.min.js  调用jq库文件 
|---- /page                          其他页面的js
|---- /page/pagename.js         单独书写的js
|---- /common.js                公用方法
---/img/
|---- /page                     其他页面对应的图片
|---- /page/wap                 手机端图片夹
|---- /page/wap/wap_icon.png    手机端图标
|---- /logo.png                 公用图片

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值