设计规范文档1

网页设计规范

引导语：一个标准的网页设计需要按照一定的设计规范来进行，以下是小编整理的网页设计规范，欢迎参考阅读!

一、网页是什么

定义：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。存放在网站服务器上的页面文件或脚本文件。

设计规范：

文字与图片是构成一个网页的两个最基本的。一般来说，好的网站应该给人有这样的感觉：

★ 干净整洁

★ 条理清楚

★ 专业水准

★ 引人入胜

基本结构：

★ TOP

★ Header

★ banner

★ 栏目

★ 底部信息

二、banner设计四个原则

★ 首先确定风格

例如时尚风、复古风、清新风、炫酷风、简约风

★ 排版原则

对齐、聚拢、留白、降噪、重复、对比

★ 文字排版

重点突出，大小粗细错落有致，字体保持在2种左右

★ 配色

色彩是由色相、明度和纯度构成的

三、网页设计配色原则

需要配色的是你的画布，而不是你的图片。

一个在网页设计中最根本的原则是，无论你花了多少时间创造了一个辉煌的设计，其最终的作用是发挥出内容的核心位置。你的`配色方案永远不应该比它呈现的内容的更加"响亮"。你的设计应该是在后台，目的是帮助突出网站的内容。

★选择简单的灰色作为你网站的基调

★只选择一种颜色突出显示

四、优秀网页设计的七条基本准则

★优秀的网页设计应该简约，并且完整。“言简意赅”的设计才是好设计

★信息层级要清晰，加载速度要快

★网页设计必须具备一致性

★将导航菜单作为交互的“核心”

★留白和信息同样重要

★用心的设计都有清晰的视觉层级

★永远不要忽略字体

设计规范文档2

景观设计规范

《城市绿地设计规范》GB 50420--2007

《风景名胜区规划规范》GB50298-1999

《公园设计》CJJ48-92

《砌体结构设计规范》GB 500032001

《混凝土结构设计规范》GB50010-2002

《城市道路绿化规划与设计规范》 CJJ75-1997 《高层民用建筑设计防火规范》06SJ812

《城市居住区规划设计》 GB 50180-2002

《园林基本术语标准》CJJ/T 91-2002

《风景名胜区条例》

《风景园林图例图示标准》CJJ 67－95

《城市绿地分类标准》CJJ/T 85—2002

《民用建筑设计通则》GB50352-2005

《城市道路和建筑物无障碍设计规程》JGJ50-2001 《建筑设计防火规范》GBJJ6-87

《汽车库、修车库、停车场所设计防火规范》GB50067-97 《工程建筑标准强制性条文》

《城市绿化条例》

《停车场规划设计规则》

《园林树木养护技术规程规范》

《高层民用建筑设计防火规范》GB50045-2005

《园林植物保护技术规程》

《垂直绿化技术规程》

《园林栽植土质量标准》

《花坛、花境技术规程》

《大树移植技术规程》

《行道树栽植技术规程》

《假山叠石工程施工技术规程》

《绿地设计规程》

给排水常用规范：

《室外给水设计规范》GB50013-2006

《建筑给水排水设计规范》GB50015-2009

《城市排水工程规划规范》GB50318-2000

电力设计常用规范：

《民用建筑电气设计规范》JGJ/T 16-92

《电力工程电缆设计规范》

《电气装置安装工程施工规范》

《特殊灯具安装》

《供配电系统设计规范》GB50052-2009 http:// 《低压配电装置及线路设计规范》

《城市道路照明工程施工及验收规程》CJJ89—2001 《城市道路照明设计标准》CJJ 45-2006

《接地装置安装》03D501-4

《室外工程》02J003

《围墙大门》03J001

《环境景观-室外工程细部构造》03J012-1 《环境景观-绿化种植设计》03J012-2 《环境景观-亭廊架之一》04J012-3 《庭院与绿化》93SJ012

《砖墙建筑构造》04J101

《混凝土小型空心砌块墙体建筑构造》05J102-1 《地下建筑防水构造》02J301

《地沟及盖板》02J331

《木结构住宅》07J924

《钢筋砼过梁》03G322-1

《钢筋砼过梁》03G322-2

《室外给水管道附属构筑物》05S502 《河南无障碍设施》05YJ13

《城市道路——路缘石》05MR404

设计规范文档3

如何了解网站设计规范

既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与项目负责人沟通。

主目录下应有一个help目录,存放说明文件。说明文件包括：

目录说明

文件列表说明：存放位置、文件名称、功能及处理逻辑描述、所涉及的库表、调用关系。

数据库说明：数据库位置、空间分配要求、表设计、关系设计、视图设计、存储过程设计等。

▲ 静态页面制作注意事项

一、制作常规要求

主要页面要写title(主页要写上企业中英文名称);

主要页面meta字段便于搜索引擎查找;

尽量使用广泛支持的技术。以最流行的浏览器的最普及版本为标准，同时照顾低版本浏览器;

不使用过小的字体不使用过大的图片、动画、声音.不使用过长的滚屏;

及时删除无用文件，防止无谓的下载速度减慢;

由于server的linux系统，严格区分文件大小写!所有文件全部以小写字母命名，包括图形文件.禁止用中文作文件名;

页面以800X600屏幕设置营为主(实际尺寸为778*434px)，但也应注意在1024X800 屏幕设置的浏览效果; 即在800X600分辩率下应在浏览器中不出现横向的流动条;

通常情况下页面应以居中为主，如有特殊要求可以设置居顶、居左;

二 、文件命名规则与目录结构规则

首页面必须以“ 、命名的文件。

HTML文件扩展文件名一律用 .htm

在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个image 的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

除非有特殊情况，目录、文件的`名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符;目录名应以英文、拼音为主。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。

网站css文件要放到根目录image下，供其它文件调用，如子栏目较多也可分别copy到自己目录下，使网站风格统一。

共用的模板文件应放在根目录的Templates文件夹下(此为dreamweaver的默认路径，如用其它软件开发者也需遵守此规则)。

三、VI标准化要求

Banner

格式：GIF 尺寸：468X60 pixels 大小：<15K

Logo

格式：GIF 尺寸：88X31 大小：<7K

四、页面制作规则

1. 表格尽量用绝对像素，以免浏览器分辨率不同时表格产生变形。一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用 标记，以便能够使这个大表格分块显示。

2. CSS定义规范 及CSS 文件的格式样例代码 ：

p { text-indent: 2em; }

body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000}

a:link { font-size: 9pt; color: #FFFFFF; text-decoration: none}

a:visited { font-size: 9pt; color: #99FFFF; text-decoration: none}

a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}

a:active { font-size: 9pt; color: #FF9900; text-decoration: none}

为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和 这是经过优化的字号，黑体字或者xxx加粗时，一般选用11pt和 的字号比较合适。

3. 图片采用 gif , jpg 压缩格式，以减小页面下载数据量。每幅图片要有本图片的说明文字(alt=””)，这样如果图片不能正常显示，也可知道图片处代表什么意思。标记要增加width, height，以免图像不能正常显示时，出现页面混乱现象。

4. 如页面采用动画活跃网页，须避免动画过大，尽量减少用户浏览等待时间。整页用到flash动画，要考虑到flash与页面的融合统一。

5. 每一相对独立的栏目首页一般也要求在40K容量以内，如特殊要求也不得超过60K;每个网页(本网首页除外)都要有返回主页和返回上级的图标或文字链接。

6. 返回连接使用相对路径，尽量不使用绝对路径。如：../

7. 网页制作字体要求使用国家简化字。