网站制作规范css篇相关Word格式.docx

1、 文件命名 请尽量以 英文 为指导，不到万不得已不要以拼音作为目录名称； 内容不同但属于同类的，且需定期更新的页面文件或文本采用，请使用 名称缩写（年份）月份日期序号，如：detail_news060101.html 以下为一些常用文件命名的格式推荐：首页类文件 index（_xxxxxx）.后缀名 index_wealth.html列表类文件 list（_xxxxxx）.后缀名 list.jsp内容类文件 detail（_xxxxxx）.后缀名 detail.jsp表单类文件 post（_xxxxxx）.后缀名 post.jsp表单反馈类文件 result（_xxxxxx）.后缀名 resu

2、lt.jsp图片类文件 文件类型_xxxxx（图片序号）（背景）.后缀名 （详见以下）广告图片动画类文件 xxxxxx_widthxheight.后缀名 （详见以下）03. 图片文件： 透明的1x1像素图片名称为：c.gif 图片的分类及命名规则：广告类 banner banner_vnvbiz_500x400.swf | banner_vnvbiz_680x100.swf标志类 logo logo.gif | logo_newyear2007.gif按钮类 button button_01.gif | button_01bg.gif菜单类 menu menu_aboutus.gif | me

3、nu_job.gif装饰类 pic pic_01.gif | pic_02.gif栏目类 title title_top01.gif | title_top02bg.gif二 设计规范：01. 整体规范： 主体框架页面、内容页尽量采用方型结构。禁用长距离的斜线及弧线结构，可允许小范围内的斜线及弧线。 但封面页、专题页可不受此限制。 设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧，拐角可以有曲线变化。拐角块最大不得超过18像素。同一页面弧度尽量保持一致。 统一按显示器分辨率暂为 1024768px 来设计页面，所以使用最大宽度 900px进行设计。 网站页面长度建议1屏半到2屏。原则上长

4、度不超过3屏，宽度不超过1屏。根据用户习惯和网站需要，站点首页、分栏首页可设计超过3屏。 设置模块外间距与内间距的时候，建设使用5px来设置。02. 图片标准尺寸： 除了布局类文件没有限制外，其它的广告、产品等图片，基本满足以下三种规格：1x1 = 正方比例；4x3 = 黄金比例；另外还有一种的特定图片尺寸。 以下为一些常见图片的推荐尺寸：全尺寸banner = 46860px；半尺寸banner = 234产品缩略图片 = 10075px；内容图片 = 5050px 12090px 图片文件大小一般保持在 5k 以内；大尺寸的banner文件大小保持在15k 以内。 图片文件在设计新注意，尽

5、量使用单一的尾数值0与5，比如：325 410。这样有利于提高工作效率。03. 文字规范： 网页中总体上使用：字体 font-family:Arial, Helvetica, sans-serif字号 font-size:12px字色 color:#000 大字体设置上请多使用双尾数值，比如 12px 14px 16px 22px：一般标题宋体 粗体12px模块标题宋体 粗体14px内容标题宋体 粗体16px 文字的行间距也请多使用双尾数值：12号字体常用行间中距 18px20px22px14号宋体常用行间中距 24px26px28px 文字的颜色请使用216安全色，方便定义和规范颜色，即类似

6、于 #000000 | #CC6666 | #66CCFF04. 链接规范： 新闻、信息类通常用新开窗口方式打开。 顶部导航、底部导航通常采取在本页打开，特殊栏目和功能可新开窗口。 链接带下划线为链接通常的默认风格，顶部导航或特殊位置为了观赏性可用样式表取消下划线。 链接的颜色可配合主题颜色风格改变，通常为蓝色、暗蓝色、黑色，但激活后的链接颜色、鼠标移动其上时的链接颜色要同本身颜色进行区分。三 XHTML制作规范：01. 制作规范总论： 每个网页都应注明 DTD 版本信息，并且放在网页的最上面。 所有xhtml标签都必须使用小写，并且必须有属性值，且加双引号。 所有xhtml标签都必须闭合。

7、网页大小定义为网页的所有文件大小的总和，包括html文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在70K以下为合适，40K以下更好。 为了更好的控制代码长度与代码的可读性，尽量使用手写代码来完成书写，并且使用tab来控制代码缩进（严禁使用空格键）。 所有的文件联接与链接都使用绝对路径的形式，如：/news/detail.asp?id=1111 在制作页面时，请先全局性的了解一下页面的结构，然后按粗放到细致的顺序去完成页面。最后是同一栏目使用同时制作，从而减少的代码量。02. 网页文件通用模板：html xmlns=/www.w3.org/1999/xhtm

8、lheadmeta http-equiv=Content-Type content=text/html; charset=UTF-8 /Content-Language contect=zh-CNtitle/headbody/body/html03. 页首head区代码规范： 网站简介： meta name=description网站的简介 搜索关键字：keywords关键字1,关键字2. 搜索机器人： 所有的javascript脚本尽量采取外部调用： 某些独立存在的单页也可以使用直接内嵌JS。 JS的编写每个人都有自己的习惯用法，这是没有办法统一的，所以请在编写时多加一点注释信息，以方便其它同事可以读懂与修改。06. img标签规范：img src= width= height= border=0 alt= 所有img标签除了程序控制宽高值外，都应该 width= height=，这样在图形文件未被读取时，保证浏览器预留图形占用的空间，防止网页最终显示时出现抖动现象。 所有带链接的img标签都应该 border=。 一般img标签都应该设置 alt=，alt