网站制作规范css篇相关Word格式.docx
《网站制作规范css篇相关Word格式.docx》由会员分享，可在线阅读，更多相关《网站制作规范css篇相关Word格式.docx（10页珍藏版）》请在冰豆网上搜索。
文件命名请尽量以英文 为指导，不到万不得已不要以拼音作为目录名称；
内容不同但属于同类的，且需定期更新的页面文件或文本采用，请使用 名称缩写＋（年份）＋月份＋日期＋序号，如：
detail_news060101.html
以下为一些常用文件命名的格式推荐：
首页类文件index（_xxxxxx）.后缀名[index_wealth.html]
列表类文件list（_xxxxxx）.后缀名[list.jsp]
内容类文件detail（_xxxxxx）.后缀名[detail.jsp]
表单类文件post（_xxxxxx）.后缀名[post.jsp]
表单反馈类文件result（_xxxxxx）.后缀名[result.jsp]
图片类文件文件类型_xxxxx（图片序号）（背景）.后缀名（详见以下）
广告图片动画类文件xxxxxx_widthxheight.后缀名（详见以下）
03.图片文件：
透明的1x1像素图片名称为：
c.gif
图片的分类及命名规则：
广告类bannerbanner_vnvbiz_500x400.swf|banner_vnvbiz_680x100.swf
标志类logologo.gif|logo_newyear2007.gif
按钮类buttonbutton_01.gif|button_01bg.gif
菜单类menumenu_aboutus.gif|menu_job.gif
装饰类picpic_01.gif|pic_02.gif
栏目类titletitle_top01.gif|title_top02bg.gif
二设计规范：
01.整体规范：
主体框架页面、内容页尽量采用方型结构。
禁用长距离的斜线及弧线结构，可允许小范围内的斜线及弧线。
但封面页、专题页可不受此限制。
设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧，拐角可以有曲线变化。
拐角块最大不得超过18像素。
同一页面弧度尽量保持一致。
统一按显示器分辨率暂为1024×
768px来设计页面，所以使用最大宽度900px进行设计。
网站页面长度建议1屏半到2屏。
原则上长度不超过3屏，宽度不超过1屏。
根据用户习惯和网站需要，站点首页、分栏首页可设计超过3屏。
设置模块外间距与内间距的时候，建设使用5px来设置。
02.图片标准尺寸：
除了布局类文件没有限制外，其它的广告、产品等图片，基本满足以下三种规格：
1x1=>
正方比例；
4x3=>
黄金比例；
另外还有一种的特定图片尺寸。
以下为一些常见图片的推荐尺寸：
全尺寸banner=>
468×
60px；
半尺寸banner=>
234×
产品缩略图片=>
100×
75px；
内容图片=>
50×
50px120×
90px
图片文件大小一般保持在5k以内；
大尺寸的banner文件大小保持在15k 以内。
图片文件在设计新注意，尽量使用单一的尾数值0与5，比如：
325410。
这样有利于提高工作效率。
03.文字规范：
网页中总体上使用：
字体font-family:
Arial,Helvetica,sans-serif
字号font-size:
12px
字色color:
#000
大字体设置上请多使用双尾数值，比如12px14px16px 22px：
一般标题宋体粗体12px
模块标题宋体粗体14px
内容标题宋体粗体16px
文字的行间距也请多使用双尾数值：
12号字体常用行间中距18px│20px│22px
14号宋体常用行间中距24px│26px│28px
文字的颜色请使用216安全色，方便定义和规范颜色，即类似于"
#000000|#CC6666| #66CCFF"
04.链接规范：
新闻、信息类通常用新开窗口方式打开。
顶部导航、底部导航通常采取在本页打开，特殊栏目和功能可新开窗口。
链接带下划线为链接通常的默认风格，顶部导航或特殊位置为了观赏性可用样式表取消下划线。
链接的颜色可配合主题颜色风格改变，通常为蓝色、暗蓝色、黑色，但激活后的链接颜色、鼠标移动其上时的链接颜色要同本身颜色进行区分。
三XHTML制作规范：
01.制作规范总论：
每个网页都应注明DTD版本信息，并且放在网页的最上面。
所有xhtml标签都必须使用小写，并且必须有属性值，且加双引号。
所有xhtml标签都必须闭合。
"
网页大小"
定义为网页的所有文件大小的总和，包括html文件和所有的嵌入的对象。
用户喜欢快的而不是新奇的站点。
对于解调器用户，网页大小保持在70K以下为合适，40K以下更好。
为了更好的控制代码长度与代码的可读性，尽量使用手写代码来完成书写，并且使用tab来控制代码缩进（严禁使用空格键）。
所有的文件联接与链接都使用绝对路径的形式，如：
/news/detail.asp?
id=1111
在制作页面时，请先全局性的了解一下页面的结构，然后按粗放到细致的顺序去完成页面。
最后是同一栏目使用同时制作，从而减少ＣＳＳ的代码量。
02.网页文件通用模板：
<
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=UTF-8"
/>
Content-Language"
contect="
zh-CN"
title>
<
/title>
/head>
body>
/body>
/html>
03.页首head区代码规范：
网站简介：
<
metaname="
description"
网站的简介"
搜索关键字：
keywords"
关键字1,关键字2..."
搜索机器人：
<
robots"
all"
（all,none,index,noindex,follow,nofollow）
网页著作者：
author"
"
网页版权注释：
copyright"
网页定时跳转：
refresh"
10;
url=http:
//yourlink"
网页间转换时加入效果：
page-enter"
revealtrans（duration=10,transition=50）"
page-exit"
revealtrans（duration=20,transition=6）"
收藏夹图片：
linktype="
image/x-icon"
rel="
icon"
href="
/favicon.ico"
shortcuticon"
RSS文件代码：
application/rss+xml"
alternate"
title="
rss/feed.rss"
04.CSS调用规范：
text/css"
stylesheet"
style/style.css"
所有的css的尽量采用外部调用：
代码较长的首页和重要栏目首页可直接内嵌css，避免调用时间太长，使页面未及时调用css风格而显得凌乱。
某些独立存在的单页也可以使用以上的方法。
在类似换模板的css调用时，请遵守前后顺序的规定。
05.JS调用规范：
scripttype="
text/javascript"
src="
commons/xxxxx.js"
/script>
所有的javascript脚本尽量采取外部调用：
某些独立存在的单页也可以使用直接内嵌JS。
JS的编写每个人都有自己的习惯用法，这是没有办法统一的，所以请在编写时多加一点注释信息，以方便其它同事可以读懂与修改。
06.img标签规范：
imgsrc="
width="
height="
border="
0"
alt="
所有img标签除了程序控制宽高值外，都应该width="
height="
，这样在图形文件未被读取时，保证浏览器预留图形占用的空间，防止网页最终显示时出现抖动现象。
所有带链接的img标签都应该 border="
。
一般img标签都应该设置alt="
，alt
升级会员 