一、页面设计常规要求
1、网页宽度和高度
目前主流显示器分辨率为1024×768，为了制作网页的过程中满足更多的用户，我们一般把网页设置的宽度为1002px或者1003px,这样网页会占满整个屏幕而不会出现左右滚动条，高度受浏览器或者浏览器插件的影响比较大，正常情况下IE6满屏的高度为600px左右,但是这个值仅供参考，网页的高度没有任何限制，可以根据实际需求调节页面的高度。 以上内容仅仅是针对大多数网站而言，网页设计还更需要实际的需求来做基础
2、网页的左右居中
目前大多数网页采用左右居中的方式来呈现页面，在制作网页的过程中，为了使用宽屏或者高分辨率显示器的阅览者，建议页面左右居中，此要求也和设计风格有关，酌情参考。
3、网页的字体
中文字体 网页设计不同于单张，彩页等的平面印刷设计，网页设计在字体上有严格的要求，正文文字必须为12px 或者14px的宋体，这样做是为了兼容更多的操作平台，也是在国内最常识的做法。
英文字体 用好英文字体会让你的页面更加美观，Arial 字体推荐用11px， Verdana 最小可支持到 9px 这两种字体是常用的英文字体,不要让你的设计页面中的英文再用“宋体”了
4、主色调和风格
网页标准色原则上不超过两种，如果有两种，其中一种为标准色，另一种为标准辅助色。
风格，但凡优秀的设计，都有一个共同点，风格统一，千万不要丢失网站整体的特色，统一风格至关重要。
网站必须有自己的LOGO,一般的网页的主色调根据LOGO的颜色搭配而来。
5、思路和目标
明确你的设计思路，到底你要做一个什么样的站，一定要把自己的意图表现清楚。你设计的目标是什么，你的客户注重的是什么，突出主要元素。
一件成功的网站设计作品，是设计者与客户不断进行沟通而设计出的结果。
二、 文件命名规则与目录结构规则
1、 项目文件夹下面需建四个目录，PSD（设计稿源文件）、FLA（动画源文件）、相关素材、客户资料。
2、 设计稿源文件统一用中文命名。如：新闻列表.psd。
3、 动画源文件用具有代表含义的英文命名。如：main.swf、bannner.swf。
三、 FLASH设计要求
1、整体要求
FLASH成品系统资源消耗最好不超过30%（当期主流配置）；超过200KB尽量设计LOADDING。FLASH整站尽量使用MC外部调用，方便维护。需考虑多种分辨率的现实效果。
2、库文件夹分类
声音、图片各自放到独立的文件夹。MC则根据栏目进行分类到不同的文件夹。 一般不用图形元件。3、时间轴管理
最上层为AS层，如果AS层超过三层，则建立专门的AS图层文件夹。多层AS层需要注意代码执行顺序。相同性质而且相互影响不大的元件放一层，其它的独立分层，并按视觉效果进行上下分层。
4、元件命名
库中元件的命名：采用中文命名，后边添加特定元件的后缀，比如我有一个“导航”的元件，按钮则命名为：“导航BTN”，影片剪辑则命名为：“导航MC”。声音和图片则直接使用“导航”命名。
命名的三步统一性：即元件在库中的名字，在场景中的实例名，以及所在层的名字尽量保持统一。比如一个元件在库中的名字为：“导航MC“，则它在场景中的实例名将为“nav_mc”，它所在的层名将为“导航”。这样在元件非常多，代码编写量非常大的时候，可以有效的节省命名和查找时间，同时避免引用错误。
5、FLASH导航设计
所有导航链接都做成外部JS函数调用，方便日后修改。统一代码getURL("javascript:menu_01()");如果下面有子菜单则使用getURL("javascript:menu_01_sub_01()");
★前端开发规范
一、制作常规要求
1、一般静态页面代码结构：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
（框架：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">）
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
（注意：xml:lang="zh" lang="zh"很容易忽略）
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
（繁体中文big5，英文网站utf-8，韩文euc-kr）
<meta http-equiv="author" content="http://www.teemye.com,晴美互动"/>
<meta name="Copyright" content="企业名称 版权所有" />
<meta name="description" content="网站描述" />
<meta name="keywords" content="关键字" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
（没有ICO图标可忽略）
<link rel="stylesheet" media="all" type="text/css" href=" style/reset.css" />
（公司统一的CSS Reset，具体内容见附件reset.css）
<link rel="stylesheet" media="all" type="text/css" href=" style/style.css" />
（也可以将reset.css的内容放到网站样式的头部）
<title>企业中/英文名称</title>
</head>
<body>
</body>
</html>
2、尽量使用广泛支持的技术。以最流行的浏览器的最普及版本为标准，同时照顾低版本浏览器，需测试通过的浏览器：Firefox、Opera、Internet Explorer、Chrome、Safari。
3、不使用过小的字体，不使用过大的图片、动画、声音.不使用过长的滚屏
4、大型网站需使用CSS Sprites技术，减少对服务器的请求数量，从而加快页面加载速度。
5、页面以1024×768屏幕设置营为主（实际尺寸为1003*620px），但也应注意在高分辨率的浏览效果； 即在1024×768分辩率下应在浏览器中不出现横向的流动条；
6、 通常情况下页面应以居中为主，如有特殊要求可以设置居左；
二 、文件命名规则与目录结构规则
1、要严格区分文件大小写！包括图形文件.禁止用中文作文件名。
2、引导页以“default.html” 命名,首页以“index.html 、index.shtml 、index.asp等命名；
3、顶部包含文件：top.html、top.asp等，底部包含文件：bottom.html、bottom.asp等；
4、其他文件名按菜单名的英语翻译取单一单词为名称。例如：关于我们 about 产 品 product
5 、html文件扩展文件名一律用 .shtml ；
6、前台与后台要分开，一般网站目录结构
ruifox(后台程序)；
style(样式表，如style.css）
images(网站前台图片)；
uploadpic(上传图片)；
uploadfiles (其他上传文件)；
js(JavaScript文档)；
7、在页面适当的位置注名：网站策划/设计：绵阳晴美互动，加链接“http://www.teemye.com/”,
打开方式“_blank”。
三、页面制作规则
1、尽量使用外部样式表，方便维护；
2、尽量使用DIV+CSS布局；CSS书写风格参考reset.css。
3、尽量使用语义正确的标签，保证代码可以在文本浏览器、PDAs、搜索引擎中被正确理解。
4、尽量用绝对像素，以免浏览器分辨率不同时产生变形。一个网页要尽量避免用整表嵌套所有的内容。如果必须这样做，请使用 <tbody>标记，以便能够使这个大表格分块显示。
5、为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14px 这是经过优化的字号 ；
6、一般情况skin使用png图片（IE7普及后的发展趋势，质量高，体积小）。每幅图片要有本图片的说明文字(alt=””)，要增加width, height，以免图像不能正常显示时，出现页面混乱现象。
7、整页用到flash动画，要考虑到flash与页面的融合统一。
8、每一相对独立的栏目首页一般也要求在40K容量以内，如特殊要求也不得超过60K；每个网页（本网首页除外）都要有返回主页和返回上级的图标或文字链接。
9、返回连接使用相对路径，尽量不使用绝对路径。
★ 程序开发规范
1、页面头部要有编码声明；防止乱码；
2、次网站系统要连接一个数据库(sql),所以要连接数据库，但不允许建立odbc数据源，不允许作多个头包含连接，整个系统只有一个，以便将来更改数据库密码时很方便的更改本系统，同时，移植也很方便。
3、头包含要做成例如*.asp的文件，这样用户不会发现密码及数据库，如果有acess数据库，扩展名一定要改成例如*.asp的样子，以便保护数据（如果是access数据库，最好在网站根目录下建立一个文件夹专放数据命名为global.asa或者glogal.asax，系统会自动保护这个文件。）。
4、建表要有一定的意义，其字段也要有意义。同时，要预留一个或两个表来存放基本表的扩展字段，以便将来扩充功能。
5、数据库命名规范：采用26个英文字母（区分大小写）和0－9这十个自然数，加上下划线_组成，共63个字符。不能出现其他字符（注释除外）。
6、数据库对象命名规范:数据库对象包括表、视图（查询）、存储过程（参数查询）、函数、约束。对象名字由前缀和实际名字组成，长度不超过30。前缀：使用小写字母. (表 tb 视图 vi 存储过程 p函数 fn)例如：表 tbUser_Info tbMessage_Detail 视图 vi_Message_List 存储过程 p_Message_Add
7、要有注释，以便维护。删除测试时候的无用代码，使程序清晰明了。
8、要用相对路径，坚决禁止用绝对路径。
9、不要开设不必要的session变量，以免浪费资源，同时，能一次性用sql语句解决的问题就用sql语句，避免多次进行数据库检索，反馈，再检索等等，以免影响速度，致使大量的时间浪费在网络连接上。
10、程序开发时不要用已投入运行的网站进行测试，请自己搭建环境或申请环境。
11、要有错误捕获处理，以便实行系统维护和升级等，同时应该简要提醒用户是什么操作造成错误。
12、删除信息时要有确认。
13、各个模块间要条例分明，不要混乱一片。每个模块要有自己的目录（放到主目录下）。
14、该用js验证合法的就要验证，同时服务器端也要进行验证，防止非法输入，尽管这样影响网页反应的速度，但是安全比性能重要。
15 编程人员测试程序时要用上界限外值，合法值，下界限外值进行测试。
16 SQL Server数据库尽量使用触发器，存储过程，简化服务器处理负担。
17 如果整个网站系统都用到同一个变量或常量，请仿照c语言中的常量定义，以便维护上的方便。
18 显示数据库信息时候，应考虑到段落层次，各标点符号的正常显示，记录比较多可以考虑分页，避免过长的页面出现。
19 所有模块内部测试通过后再交往上级进行测试及验收。
20 所有的功能完成后，要进行整合测试，后台管理程序要放到一起，也形成一个后台管理型网站。
附件：reset.css
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
body{background:#FFF;font:normal 12px/160% Verdana,sans-serif;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,em,strong,th {font-style:normal;font-weight:normal;}
ol,ul,dl {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
点击下载：http://www.teemye.com/down/晴美互动网站设计开发规范.pdf
