网站设计规范参考样本.doc
《网站设计规范参考样本.doc》由会员分享,可在线阅读,更多相关《网站设计规范参考样本.doc(12页珍藏版)》请在咨信网上搜索。
1、网站设计规范参照一、设计风格1、依照网站定位拟定整体设计风格。 2、主体框架页面、内容页尽量采用方型构造。禁用长距离斜线及弧线构造,可容许小范畴内斜线及弧线。封面页、专项页可不受此限制。 3、设计时尽量在方块区边沿、按钮、标题装饰块上体现设计技巧,拐角可以有曲线变化。拐角块最大不得超过18像素。同一页面弧度尽量保持一致。 4、各重要栏目之间规定使用一致布局,涉及一致页面元素;一致导航形式,使用相似铵钮,相似顺序。可跟首页有变化。 5、首页及各级页面都必要带有网站LOGO,并链接到网站首页。6、设计要兼容辨别率,就当前显示屏辨别率覆盖率,可以采用1024*768 辨别率,建议页面使用宽度为100
2、0px、980px或者950px设计等,对于内容偏少网站或者专项,也可采用800*600辨别率,建议使用宽度为778px或者760px。7、网站页面长度建议1屏半到2屏。原则上长度不超过3屏,宽度不超过1屏。依照顾客习惯和网站需要,国内中文网站综合类、门户类(涉及垂直门户)网站可设计超过3屏。8、每个原则页面为A4幅面大小,即8.5*11英寸二、名称商定 (一)文献命名原则:以至少字母达到最容易理解意义1、 途径/文献名设定 1) 每一种目录中应当包括一种缺省html 文献,文献名统一用index.htm2)途径/文献命名时一律采用小写英文字母、数字、下划线组合,其中不得包括中文、空格和特殊字
3、符;目录命名请尽量以英文翻译为优先,尽量避免使用拼音作为目录名称3) 各种同类型文献使用英文字母加数字命名,字母和数字之间用_分隔。例如:news_01.htm。注意,数字位数与文献个数成正比,不够用0补齐。例如共有200条新闻,其中第18条命名为news_018.htm2、途径/文献名称需与栏目菜单名称具备有关性 3、各途径下开始文献,命名为index.* 静态文献为index.html,动态文献为index.asp,index.aspx,index.php,index.jsp4、文献名中用_下划线作为连接符。5、如页面文献过长需要拆分,建议各种文献按顺序依次命名为filename01.*、
4、filename02.* 6、内容不同但属于同类,且需定期更新页面文献或文本采用: 名称缩写(年份)月份日期序号 ,如= news081508.*7、大流量网站首页和各栏目首页尽量使用以html为文献后缀名静态页面。其她经常访问动态页面也建议模仿为静态页面。(二) 图片命名规范 :名称分为头尾两两某些,用下划线隔开1、头某些表达此图片大类性质。例如: 放置在页面顶部广告、装饰图案等长方形图片咱们取名:banner ;标志性图片咱们取名为:logo ;在页面上位置不固定并且带有链接小图片咱们取名为button ;在页面上某一种位置持续浮现,性质相似链接栏目图片咱们取名:menu ;装饰用照片咱们
5、取名:pic ;不带链接表达标题图片咱们取名:title 依照此原则类推2、尾某些用来表达图片详细含义,用英文字母表达。例如:banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg3、有onmouse效果图片,两张分别在原有文献名后加_on和_off命名(三) 其他文献命名规范js命名原则以功能英语单词为名。例如:广告条js文献名为:ad.js所有CGI文献后缀为cgi。所有
6、CGI程序配备文献为config.cgi三、目录构造规范目录建立原则:以至少层次提供最清晰简便访问构造。1、目录命名规范(参照名称商定)2、根目录普通只存储index.html以及其她必要系统文献3、每个重要栏目建立一种相应独立目录4、根目录下images用于存储各页面都要使用公共图片,子目录下images目录存储本栏目页面使用私有图片5、所有JS、ASP、PHP等脚本存储在根目录下scripts目录或includes目录6、所有CSS文献存储在根目录下style目录7、所有CGI程序存储在根目录下cgi-bin目录8、每个语言版本存储于独立目录。例如:简体中文gb,英文en9、所有flash
7、,avi,ram,quicktime 等多媒体文献建议存储在根目录下media目录,如果属于各栏目下面媒体文献,分别在该栏目目录下建立media目录10、广告、互换链接、banner等图片保存到adv目录11、页面下载、解释时间在56k链接速度下不能超过40秒(栏目首页、表单页)或20秒(普通页面)。 四、图形设计规范1、图片原则尺寸全尺寸banner为46860px,半尺寸banner为23460px,小logo为8831px,此外15068、12090,12060也是原则尺寸,网站logo普通控制在15054以内,客户规定或特殊广告图片可另定尺寸。建议首页存储大小不得超过150K(涉及图片
8、),其他页面经压缩后尺寸不得超过70K。2、图片分类及命名规则1)名称分为头尾两两某些,用下划线隔开。2)头某些表达此图片大类性质,例如广告、标志、菜单、按钮等等。普通来说:放置在页面顶部广告、装饰图案等长方形图片咱们取名:banner标志性图片咱们取名为:logo在页面上位置不固定并且带有链接小图片咱们取名为button在页面上某一种位置持续浮现,性质相似链接栏目图片咱们取名:menu装饰用照片咱们取名:pic不带链接表达标题图片咱们取名:title依照此原则类推。3)尾某些用来表达图片详细含义,如果有类似图片就用数字区别。3、Banner制作规定 1)大Banner(46860Pixel)
9、容量尽量限制在15K内,格式尽量选用GIF及动态格式。2)帧切换时尽量半静半动。少用满底256色以上图像。闪切变化重要体当前文字上。 3)广告条border设为0,并规定加上alt阐明。 4、图标和图片 1)在图标制作上应采用简捷,色彩明快图标;在选用单色图标时应依照本栏目色彩进行搭配。 2)图标存储为GIF格式(除个别状况外),尽量采用16色、填充色或单色。 3)图片依状况存成GIF、PNG或JPEG格式,原则上色调单一图片存成GIF格式,色彩复杂、层次丰富存在PNG或JPEG格式。 4)设计时不得用15K以上图片,如图片过大可以考虑采用图片分割办法。 5)内容图片、导航图片border设为
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 设计规范 参考 样本
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。