欢迎来到天天文库
浏览记录
ID:17201406
大小:31.38 KB
页数:22页
时间:2018-08-28
《通用网站设计规范参考》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、通用网站设计规范参考 篇一:网站设计规范参考 网站设计规范参考 一、设计风格 1、依照网站的定位确定整体的设计风格。 2、主体框架页面、内容页尽量采用方型结构。禁用长距离的斜线及弧线结构,可允许小范围内的斜线及弧线。封面页、专题页可不受此限制。 3、设计时尽量在方块区边缘、按钮、标题装饰块上体现设计技巧,拐角可以有曲线变化。拐角块最大不得超过18像素。同一页面弧度尽量保持一致。 4、各主要栏目之间要求使用一致的布局,包括一致的页面元素;一致的导航形式,使用相同的铵钮,相同的顺序。可跟首页有变化。 5、首页及各级页面都必须带有网站的
2、LOGO,并链接到网站首页。 6、设计要兼容分辨率,就目前显示器分辨率的覆盖率,可以采用1024*768分辨率,建议页面使用宽度为1000px、980px或者950px设计等,对于内容偏少的网站或者专题,也可采用800*600分辨率,建议使用宽度为px或者760px。 7、网站页面长度建议1屏半到2屏。原则上长度不超过3屏,宽度不超过1屏。根据 用户习惯和网站需要,国内中文网站综合类、门户类(包括垂直门户)网站可设计超过3 屏。 8、每个标准页面为A4幅面大小,即*11英寸 二、名称约定 (一)文件命名的原则:以最少的字母达到最容易
3、理解的意义 1、路径/文件名设定 1)每一个目录中应该包含一个缺省的html文件,文件名统一用 2)路径/文件命名时一律采用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文翻译为优先,尽量避免使用拼音作为目录名称 3)多个同类型文件使用英文字母加数字命名,字母和数字之间用_分隔。例如:news_。注意,数字位数与文件个数成正比,不够的用0补齐。例如共有200条新闻,其中第18条命名为news_ 2、路径/文件名称需与栏目菜单名称具有相关性 3、各路径下的开始文件,命名为index.*静态文件为
4、,动态文件为,,, 4、文件名中用"_"下划线作为连接符。 5、如页面文件过长需要拆分,建议多个文件按顺序依次命名为filename01.*、filename02.*…… 6、内容不同但属于同类的,且需定期更新的页面文件或文本采用:名称缩写+(年份)+月份+日期+序号,如=news081508.* 7、大流量网站的首页和各栏目首页尽量使用以html为文件后缀名的静态页面。其他经常访问的动态页面也建议模拟为静态页面。 (二)图片的命名规范:名称分为头尾两两部分,用下划线隔开 1、头部分表示此图片的大类性质。例如:放置在页面顶部的广告、装
5、饰图案等长方形的图片我们取名:banner;标志性的图片我们取名为:logo;在页面上位置不固定并且带有链接的小图片我们取名为button;在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu;装饰用的照片我们取名:pic;不带链接表示标题的图片我们取名:title依照此原则类推 2、尾部分用来表示图片的具体含义,用英文字母表示。例如:banner_banner_menu_menu_title_logo_logo_pic_pic_ 3、有onmouse效果的图片,两张分别在原有文件名后加"_on"和"_off"命名 (三)
6、其它文件命名规范 js的命名原则以功能的英语单词为名。例如:广告条的js文件名为: 所有的CGI文件后缀为cgi。所有CGI程序的配置文件为 三、目录结构规范 目录建立的原则:以最少的层次提供最清晰简便的访问结构。 1、目录命名的规范(参照名称约定) 2、根目录一般只存放以及其他必须的系统文件 3、每个主要栏目建立一个相应的独立目录 4、根目录下的images用于存放各页面都要使用的公共图片,子目录下的images目录存放本栏目页面使用的私有图片 5、所有JS、ASP、PHP等脚本存放在根目录下的scripts目录或includ
7、es目录 6、所有CSS文件存放在根目录下style目录 7、所有CGI程序存放在根目录下的cgi-bin目录 8、每个语言版本存放于独立的目录。例如:简体中文gb,英文en 9、所有flash,avi,ram,quicktime等多媒体文件建议存放在根目录下的media目录,如果属于各栏目下面的媒体文件,分别在该栏目目录下建立media目录 10、广告、交换链接、banner等图片保存到adv目录 11、页面下载、解释时间在56k链接速度下不能超过40秒(栏目首页、表单页)或20秒(一般页面)。 四、图形设计规范 1、图片标准尺
8、寸 全尺寸banner为468×60px,半尺寸banner为234×60px,小logo为88×31px,另外150×68、120×
此文档下载收益归作者所有