一、文件规范
文件命名统一用小写的英文字母，数字和下划线组合，不得包含汉字。空格和特殊字符
二、图片命名
图片的名称分为头尾两部分，用下划线隔开，头部表示此图片的大类性质
三、javascript命名
eg:广告条：ad.js
可以用-隔开来命名
四、css书写规范
css样式可细分为3类：
a:样式为设计师自定义的新css样式，影响被使用本样本式的区域，用于完成网页中局部的样式设定，样式名“.”+“相应样式效果的单词或缩写”,例：.shadow
b：义html样式为设计师重新定义自己已有的html标签样式，影响全部的被设定标签样式，用于同一网页中某一标签的样式定义，样式名“html标签”,例：hr{color:#0094ff}
c:态样式为设计师对链接不同状态设定的特殊样式，影响被使用本样式区域中的链接，该样式写法有2中：a.anv:link nav.a:link,第一种是修饰a标签中，第二种可以修饰所有包含a标签的其他标签
五：常用规范命名
一些常用的css 命名
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendlink
页脚：footer
版权：copyright
CSS ID 的命名
外 套： wrap
主导航： mainnav
子导航： subnav
页 脚： footer
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainbav（globalnav）
顶导航： topnav
边导航： sidebar
左导航： leftsidebar
右导航： rightsidebar
旗 志： logo
标 语： banner
菜单内容1： menu1content
菜单容量： menucontainer
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadcrumb(即页面所处位置导航提示）
容器： container
内容： content
搜索： search
登陆： Login
功能区： shop(如购物车，收银台)
当前的 current
在编辑样式表时可用的注释可这样写
<-- Footer -->
内容区
<-- End Footer -->
样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
网站常用中英文对照表
网站导航 Site Map
公司简介 Profile or Company Profile or Company
公司设备 Equipment Equipment
公司荣誉 Glories Glories
企业文化 Culture Culture
产品展示 Product Product
资质认证 Quality Certification
企业规模 Scale Scale
营销网络 Sales Network
组织机构 organization organization
合作加盟 Join In Cooperation
技术力量 Technology Technology
经理致辞 Manager s oration
发展历程 Development History
工程案例 Engineering Projects
业务范围 Business Scope
分支机构 Branches
供求信息 Supply & Demand
经营理念 Operation Principle
产品销售 Sales Sales
联系我们 Contact Us Contact Us
信息发布 Information Information
返回首页 Homepage Homepage
产品定购 order order
分类浏览 Browse By Category
电子商务 E-business
公司实力 Strength Strength
版权所有 Copy Right
友情连结 Hot Link
应用领域 Application Fields
人力资源 Human Resource Hr
领导致辞 Leader`s oration
企业资质 Enterprise Qualification
行业新闻 Trade News
行业动态 Trends
客户留言 Customer Message
客户服务 Customer Service
新闻动态 News & Trends
公司名称 Company Name
销售热线 Sales Hot-Line
联系人 Contact Person
您的要求 Your Requirements
建设中 In Construction
证书 Certificate Certificate
地址 ADD Add
邮编 Postal Code Zipcode
电话 TEL Tel
传真 FAX Fax
产品名称 Product Name
产品说明 Description Description
价格 Price
品牌 Brand
规格 Specification
尺寸 Size
生产厂家 Manufacuturer Manufacturer
型号 Model
产品标号 Item No.
技术指标 Technique Data
产品描述 Description
产地 Production Place
销售信息 Sales Information
用途 Application
论坛 Forum
在线订购 On-line order
招商 Enterprise-establishing
招标 Bid Inviting
综述 General
业绩 Achievements
招聘 Join Us
求贤纳士 Join Us
大事 Great Event
动态 Trends
服务 Service
投资 Investment
行业 Industry
规划 Programming
环境 Environment
发送 Delivery
提交 Submit
重写 Reset
登录 Enter
注册 Login
社区 Community
业务介绍 Business Introduction
在线调查 Online Inquiry Inquiry
下载中心 Download
会员登陆 Member Entrance
意见反馈 Feedback
常见问题 FAQ
中心概况 General Profile
教育培训 Education & Training
游乐园 Amusement Park
在线交流 Online Communication
专题报道 Special Report
CSS编写顺序
[color=Blue]样式表的属性编写技巧
显示属性
display
list-style
position
float
clear
自身属性
width
height
margin
padding
border
background
文本属性
color
font
text-decoration
text-align
vertical-align
whitewhite-space
other text
content
[color=Red]注：这样编写可以提高样式的执行效率，虽说小的变动，对于大型网站是有很大帮助的哦！
六、基本样式
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
七：网页制作细节
a:网页显示字符集
简体中文<meta http-wquiv="Content" Content=text/html; charset=gb2312">
繁体中文<meta http-wquiv="Content" Content=text/html; charset=utf-8">
英语<meta http-wquiv="Content" Content=text/html; charset=utf-8">
网页制作作者信息<meta name="author" content="webmaster@makerowm.com">
网站简介<meta name="descrlption" content="xxxxxxxxxxx" >
索搜关键字<meta name="keywords" content="xxxxxxxxxxx" >
禁止浏览器冲本地机的缓存中调阅网页内容
<meta http-equiv="pragma" content="no-cache">
用来防止别人在框架里面调用你的页面
<meta http-equiv="window-target" content="_top">
设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅
<meta http-equiv="expires" content="web,26 Feb 1997 08:21:57 GMT">
自动跳转
<meta http-equiv="Refresh" content="5,URL=http://www.taobao.com">
页面不会有缓存
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="expires" content="0">
