前端规范

文件命名

• 文件名
  • 以栏目名的英语翻译取单一单词为名称，如关于我们 \ aboutus
  • 如果栏目名称多而复杂并不好以英文单词命名，则统一使用该栏目名称拼音或拼音的首字母
  • 每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm index.html index.asp
• 图片
  • 头尾两部分，用下划线隔开
  • 头部分表示此图片的大类性质，例如：广告banner、标志logo、菜单menu 、按钮button
  • 不带链接表示标题的图片我们取名： title
  • 范例：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg
  • 鼠标感应效果图片命名规范为"图片名+_+on/off"，例如：menu1_on.gif menu1_off.gif
• JavaScript：例如：广告条的javascript文件名为 ad.js 弹出窗口的javascript文件名为 pop.js
• asp

  • 以性质_描述，描述可以有多个单词，用“_”隔开，性质一般是该页面得概要。

  • 范例：register_form.asp register_post.asp topic_lock.asp

文件位置

_Root cn 存放中文HTML文件 en 存放英文HTML文件 images 存放图片文件 imagestudio 存放PSD源文件 inc 存放include文件 library 存放DW库文件 media 存放多媒体文件 project 存放工程项目资料 temp 存放客户原始资料 js 存放JavaScript脚本
css 存放CSS文件

CSS书写

• 重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！
• 不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义
  • pt一般使用中文宋体的9pt 和11pt，px一般使用中文宋体12px 和14.7px，这是优化过的字号
  • 黑体字或者宋体字加粗时，一般选用11pt 和14.7px 的字号比较合适
  • 中英文混排时，我们尽可能的将英文和数字定义为verdana 和arial 两种字体
• 类命名规则

HTML书写

附录

类命名规则

头：header

内容：content/container

尾：footer

导航：nav

侧栏：sidebar

栏目：column

页面外围控制整体布局宽度：wrapper

左右中：left right center

登录条：loginbar

标志：logo

广告：banner

页面主体：main

热点：hot

新闻：news

下载：download

子导航：subnav

菜单：menu

子菜单：submenu

搜索：search

友情链接：friendlink

页脚：footer

版权：copyright

滚动：scroll

内容：content

标签页：tab

文章列表：list

提示信息：msg

小技巧：tips

栏目标题：title

​