一：HTML制作
分割图形
1 . 分析PSD，理解逻辑结构
2 . 从应用框架，逻辑，页面颜色，主题，程序实现等方面考虑PSD是否合理。否则返设计师
3 . 统一制作手法，制作前制定方法
4 . 共性元素位置必须一样，用层定位。eg:导航文字，LOGO，栏目标题，提示等
5 . 考虑充分HTML，后切割
6 . 以交互后按钮尺寸为标准，贴边切割，要求交互前+交互后 W*H 大小一样，统一标准。
7 . 投影效果图片要连带投影一起切割，按设计师原意切割。
8 . 页面中同类型按钮图片，严格要求 W*H 保持统一，做到标准。
9 . 完成切片定位，保存切片图，以便修改。（本人使用特殊方法切片，待改进？）
------------------------------------------------------------------------------------
GIF图片输出
1 . Gif图片格式：128色 or 256色。
2 . 若图片大片渐变效果，压缩前操作 "滤镜--->杂色--->添加杂色：1"
3 . 根据显示分辨率的不同，图片大小一般 60K-120K
4 . OSD层常用显示分辨率：640*526 国内常用标清 PAL 制式
720*576 国内常用标清 PAL 制式
1280*720 常用高清制式
------------------------------------------------------------------------------------
动态GIF图片输出
1 . 避免同一页面出现多张动态GIF图片
2 . GIF动画，一般控制在 2-5帧之间
------------------------------------------------------------------------------------
JPG图片输出
1 . JPG图片主要用于大面积，色彩要求高，图片表现细腻的应用里
2 . 如果压缩后,GIF大小>100KB，可以考虑使用JPG格式，以防图片颜色产生差距
3 . 保存图片使用小写扩展名：（.jpg）
4 . 如果底图用了jpg格式，则该页面所有图片都是.jpg格式，以防颜色产生差距，保持统一
------------------------------------------------------------------------------------
PNG图片
1 . 用于JVM应用开发中使用的图片
2 . 为PNG8格式，效果较佳
-----------------------------------------------------------------------------------
HTML文件建立
1 . 所有的页面 <body>标签的属性必须这样写：<body background="index.gif" leftmargin="0" topmargin="0" >,不用使用CSS定义。
2 . 带文字焦点的页面，必须在页面属性中设置链接颜色；eg: text="#000" link="#000" vlink="#000"
-----------------------------------------------------------------------------------
表格<table>使用规范
1 . 表格大小控制在安全区，以防表格过大，产生滚屏现象
不同的分辨率的安全区边距：(单位：px) 顺序：上 右 下 左
640*526 （10 10 10 10 ）
720*576 （25 50 25 50 ）
1280*720 （20 20 20 20 ）
2 . 表格的边框，单元格边距，单元格间距 都设置为0
-----------------------------------------------------------------------------------
颜色使用规范
1 . 一个栏目只使用一种交互颜色，交互按钮的颜色和文件链接的焦点颜色要一致
2 . 链接颜色一律在<body>中添加相应的链接颜色代码,eg:<body text="#fff" link="#fff" vlink="#fff">
-----------------------------------------------------------------------------------
表单
1 . 单项应用：表单元素无需放在<DEFANGED_from></from>，双向应用则繁殖
2 . 对于文本输入的表单元素，必须用CSS控制文字大小和颜色
-----------------------------------------------------------------------------------
内容编排规范
1 . 段落间距用<br>,不用<p></p>
2 . 行间距必须用CSS：line-height:36px;必须在填内容的td中定义，不要在<table>或者<tr>中
3 . 利用class属性在<td>中调用，不要使用<span></span>标签
-----------------------------------------------------------------------------------
层使用规范
1 . iPanel 2.0中，div的style属性要写在div标签里面
iPanel 3.0中，div的style属性可以通过单独的CSS代码控制
iPanel 2.0中，要控制层中元素的属性，该层必须要打开页面的时候是显示的
2 . 如果页面中有三个一样的层，必须定义层的ID名 （可以在DW中CSS样式表中定义）
3 . 层的参考代码：
<div DEFANGED_STYLE="position:absolute;" left:0px;top:461px;width:640px;height:65px;visibility:visible;>
-----------------------------------------------------------------------------------
CSS使用规范
1 . 对于一个项目，文字字体要统一，一个应用，栏目都通过一个CSS文件控制字体大小和颜色。
命名为：global.css
2 . CSS选择器要按一定的规律命名：
导航文字：.dh_text
条目页头条标题：tm_title
条目页头条内容：.tm_nr
条目：.tiaomu
内容页标题：nr_title
内容：.nr
页码：.nr_page
-----------------------------------------------------------------------------------
javascript使用规范
1 . 对于一个项目，公用的JS要写在一个JS文件夹中，命名：global.js
2 . 如果有页面使用了更改焦点颜色的代码时，在该页面DEFANGED_Onunload中将焦点颜色还原
-----------------------------------------------------------------------------------
文件储存规范
1 . 一般应用以应用栏目结构来存放，原则一个栏目一个文件夹
2 . 单向目录纵深不要超过4级
3 . 大容量OC应用：目录纵深控制在4级内；1级2级目录文件夹不能超过15个，最后一级文件夹不能大于1M
**********************************************************************************************************************************************
二：
审核部分（制作结束后）
模拟器的管理和使用
1 . 每个项目必须在相应项目号的模拟器上开发及测试
下载地址：http://scm.eis/build2/index.htm
测试环境的使用和要求
1 . 在应用整合后，要该项目的盒子在电视机上进行测试。保证应用在不同电视机上的显示效果一致
2 . 从用户体验的角度，对应用逻辑，色彩，链接，操作等进行测试，做好测试记录，并修改应用
响应速度测试
1 . 检查<body>中的onload属性DEFANGED_OnLoad="MM_preloadImage90("")函数中所载入的图片是否存在
2 . 是否调用不到一些不存在的文件，例如：css,js文件，图片，htm页面等，或者调用的文件链接错误
3 . 页面上调用的图片比较大，未压缩
超链接测试
1 . 链接颜色要高亮显示，一个应用使用一种链接颜色
2 . 以防空链接，可以用过iPanle Appro 2006 检查空链接，将没用的空链接去掉
3 . CMS应用中，本栏目按钮不能带链接
丢图
1 . 图片链接路径不正确
2 . 检查图片是否存在，确保没有被误删除
3 . 图片链接路径是否为绝对路径
4 . 页面调用的图片扩展名写成了大写
白屏
1 . 页面调用的图片比较大，导致机顶盒内存不足，出现白屏
2 . HTML解析符"<!---- ------>"要保证是闭合的，如果后面的"-->"也被去掉也会出现白屏
滚屏
1 . 表格超出页面的显示范围
2 . 检查是否有一些超出页面显示范围的隐藏层
3 . CSS引起，把CSS测试一下
黑屏
1 . iPanle 2.0中，打开调用ifarme页面的时，出现黑屏，此时可以用setTimeout将iframe页面延时1-2秒加载
2 . 背景图片找不到，或背景图片链接错误
**********************************************************************************************************************************************
三：输出部分（审核通过后）
要求3点：
1 . 清理：
a.多余文件，可以使用iPanel Appro 2006建立站点检查，将所有不用的图片和多余的文件去掉，但要注意iPanel Appro 2006只检查超链接文件，无法确认JS所调用的图片，所以在删除文件的时候，必须确认文件没有被JS所调用
b.垃圾代码，在确定该代码没有用途之后，可删除多余代码或使用工具压缩文本文件
2 . CVS 使用规范和要求：
a.整合好的应用要上存在CVS上，如果要修改都以CVS上的应用为基础来修改
b.单向应用放在：CVS_OC_APP;双向应用放在：CVS_IPTV
c.在修改过应用上传时，必须对你的修改做说明，方便别人知道你所修改的版本
3 . PSD源文件的储存：
a.一个应用只一套PSD的原则，如果在制作的过程中PSD有修改，保存最后版本带切片的PSD覆盖原有PSD
