在网页的设计过程中常用的命名规则.doc

如果你是网页设计师，如果你用的还是拼音命名，你真的落伍了 内容：content/container??????导航：nav????????侧栏：sidebar 　 　??????栏目：column???????标志：logo???????页面主体：main 　　????????广告：banner????????热点：hot????????新闻：news??????????????????下载：download??????????子导航：subnav????????菜单：menu????搜索：search???????页脚：footer????????滚动：scroll??????????版权：copyright???????友情链接：friendlink??????????子菜单：submenu????????内容：content??????????标签页：tab???????文章列表：list??????????????注册：regsiter???????提示信息：msg?????????小技巧：tips??????????????????????????????????????????加入：joinus???????栏目标题：title???????指南：guild??????????????????????服务：service???????状态：status???????投票：vote??????????????????????尾：footer???????合作伙伴：partner?????????登录条：loginbar页面外围控制整体布局宽度：wrapper???左右中：left right center 　　????????????(二)注释的写法:/* Footer */内容区/* End Footer */(三)id的命名:(1)页面结构容器: container?????????? 页头：header??????????????????内容：content/container????????????页面主体：main??????????页尾：footer????????????????????导航：nav??????????????????侧栏：sidebar???????????? 栏目：column??????????????左右中：left right center页面外围控制整体布局宽度：wrapper????(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu???????? 子菜单：submenu???????? 标题: title?????? 摘要: summary(3)功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的: current小技巧：tips图标: icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyright(四)class 的命名:(1)颜色:使用颜色的名称或者16进制代码,如.red { color: red; }.f60 { color: #f60; }.ff8600 { color: #ff8600; }(2) 字体大小,直接使用font+字体大小作为名称,如.font12px { font-size: 12px; }.font9pt {font-size: 9pt; }(3)对齐样式,使用对齐目标的英文名称,如.left { float:left; }.bottom { float:bottom; }(4)标题栏样式,使用类别+功能的方式命名,如.barnews { }.barproduct { }注意事项:1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写，除非一看就明白的单词.主要的 master.css???????????? 模块 module.css????????????基本共用 base.css??????????主题 themes.css??????????