长时间整理的xhtml网页设计规范

《长时间整理的xhtml网页设计规范》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、·在阅读前请先了解一些XHTML、CSS的基本知识，以方便理解编写的内容。本规范的目的是为了方便大家在开发过程中，通用的、易于维护、高效率的制作WEB界面。　一.目录建立、文件夹命名规则：01.目录：      除非有特殊情况外，目录应使用小写字母，并且以字母开头其中不得包含汉字、空格与特殊字符。      目录命名请尽量英文为指导，不要以拼音作为目录名称。      以下为一些常用目录的推荐英文名称：      image放网站不同栏目的页面都要用到的公共图片      media放flash、avi、quicktime等多媒体文件      public放公共文件      sty

2、le放css样式文件      js放js文件      temp放一些策划与设计中使用的原始资料与备份文件      在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和medias的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。temps目录中的文件与网上无关，请杜绝非内容的上传。　　02.文件：      除非有特殊情况外，目录应使用小写字母，并且以字母开头其中不得包含汉字、空格与特殊字符，否则在网页读取过程中可能会出现错误；请尽量英文为指导，不要

3、以拼音作为目录名称。      以下为一些常用文件命名的格式推荐：      首页类文件index(_xxxxxx).后缀名[index_wealth.html]      列表类文件list(_xxxxxx).后缀名[list.html]      内容类文件detail(_xxxxxx).后缀名[detail.html]      表单类文件post(_xxxxxx).后缀名[post.html]      表单反馈类文件result(_xxxxxx).后缀名[result.html]      图片类文件文件类型_xxxxx(图片序号)(背景).后缀名(详见以下)      广告

4、图片动画类文件xxxxxx_widthxheight.后缀名(详见以下)　　03图片文件：      透明的1x1像素图片名称为：c.gif      图片的分类及命名规则：      广告类bannerbanner_vnvbiz_500x400.swf

5、banner_vnvbiz_680x100.swf      标志类logologo.gif

6、logo_newyear2007.gif      按钮类buttonbutton_01.gif

7、button_01bg.gif      菜单类menumenu_aboutus.gif

8、menu_job.gif      装饰类picpic

9、_01.gif

10、pic_02.gif      栏目类titletitle_top01.gif

11、title_top02bg.gif04命名规则      两种方式：下划线连接法、驼峰法。选择其中一种方式即可      如：index_menu.html      indexMenu.html二设计规范：01.整体规范：      统一按显示器分辨率暂为1024×768px来设计页面，所以使用最大宽度1000px进行设计。　　网站页面长度建议1屏半到2屏。原则上长度不超过3屏，宽度不超过1屏。根据用户习惯和网站需要，站点首页、分栏首页可设计超过3屏。　　02.图片标准尺寸：　　除了布局类

12、文件没有限制外，其它的广告、产品等图片，基本满足以下三种规格：　　1x1=>正方比例；　　4x3=>黄金比例；　　另外还有一种的特定图片尺寸。　　以下为一些常见图片的推荐尺寸：　　全尺寸banner=>468×60px；　　半尺寸banner=>234×60px；　　产品缩略图片=>100×75px；      内容图片=>50×50px120×90px　　图片文件大小一般保持在5k以内；大尺寸的banner文件大小保持在15k以内。　　03.文字规范：      网页中总体上使用：      字体font-family:Arial,Helvetica,sans-serif      

13、字号font-size:12px      字色color:#000　　大字体设置上请多使用双尾数值，比如12px14px16px22px：      一般标题宋体粗体12px      模块标题宋体粗体14px      内容标题宋体粗体16px　　文字的行间距也请多使用双尾数值：      12号字体常用行间中距18px│20px│22px      14号宋体常用行间中距24px│26px│28px      文字的颜色请使用216安全色