网站制作规范css篇相关.docx
- 文档编号：2410949
- 上传时间：2022-10-29
- 格式：DOCX
- 页数：10
- 大小：23.63KB
网站制作规范css篇相关.docx
《网站制作规范css篇相关.docx》由会员分享，可在线阅读，更多相关《网站制作规范css篇相关.docx（10页珍藏版）》请在冰豆网上搜索。
网站制作规范css篇相关
网站制作规范（css篇相关）
前言
本规范针对网页开发人员编写，在阅读前请先了解一些XHTML、CSS的基本知识，以方便理解编写的内容。
本规范的目的是为了方便大家在开发过程中，通用的、易于维护、高效率的制作WEB界面。
由于本规范编写者个人水平的局限，可能会出现错误与个人习惯差异的地方，敬请个人读者多提宝贵见意来完善本规范的内容。
一命名规则：
01.目录：
除非有特殊情况外，目录应使用小写字母（包含数字下划线）的组合，并且以字母开头其中不得包含汉字、空格与特殊字符，否则在网页读取过程中可能会出现错误；
目录命名请尽量以英文 为指导，不到万不得已不要以拼音作为目录名称，经验证明用拼音命名的目录往往连一个月后的自己都看不懂；
以下为一些常用目录的推荐英文名称：
images放网站不同栏目的页面都要用到的公共图片
medias放flash、avi、quicktime等多媒体文件
commons放js、include等公共文件
styles放css样式文件
temps放一些策划与设计中使用的原始资料与备份文件
在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和medias的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
temps目录中的文件与网上无关，请杜绝非内容的上传。
02.文件：
除非有特殊情况外，文件命名应使用小写字母（包含数字 下划线）的组合，并且以字母开头其中不得包含汉字、空格与特殊字符；
文件命名请尽量以英文 为指导，不到万不得已不要以拼音作为目录名称；
内容不同但属于同类的，且需定期更新的页面文件或文本采用，请使用 名称缩写＋（年份）＋月份＋日期＋序号，如：
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×60px；
产品缩略图片=>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">
//www.w3.org/1999/xhtml">