(DVB)数据广播制作规范（适用于2.0浏览器）

iPanel Embedded Internet Solutions, Inc. (DVB)数据广播制作规范 （适用于 2.0 浏览器） 单位：深圳市茁壮网络技术有限公司 日期：Tuesday, May 23, 2006 Page 2 of 5 By iPanel 深圳市茁壮网络技术有限公司 Embedded Internet Solutions Inc. iPanel.cn 目 录 一 概述.......................................................................................................错误！未定义书签。 二 文字编辑...............................................................................................错误！未定义书签。 三 图片.........................................................................................................................................4 四 颜色.........................................................................................................................................4 五 表格.........................................................................................................................................4 六 其他.........................................................................................................................................5 Page 3 of 5 By iPanel 深圳市茁壮网络技术有限公司 Embedded Internet Solutions Inc. iPanel.cn 一、 概述 1、常用电视显示尺寸： 640 × 526 、 640 × 520 、 640 ×480 相关还有：SVGA 800 x 600 普通电脑显示屏幕 DVD 720 x 576 DVD 显示屏幕 PAL 640 x 520 欧洲制式电视显示屏幕 NTSC 640 x 480 欧洲制式电视显示屏幕 2、支持的文件格式： （1） htm、html （2） gif、动态 gif （3） jpg （4） bmp （5） txt （6） mp3 （7） mpeg-2 （8） jvm （9） js （10） flash （11） DHTML 3、对于网页和该网页中包含的图片等文件,尽量使用比较接近的命名。 比如：网页名字为：index.htm 网页中的图片为：index.gif、index.jpg …… 4、控制文件名长度，最大文件名不宜超过 20 字符。文件名中间不要出现空格，且禁止使用 中文名和“&”、“＊”、“\”等特殊字符，可以使用小写字母、数字、下划线“＿” 和中划线“－”，尽量避免使用大写字母。 5、网页和该网页中包含的图片等文件放在同一个目录中。 6、一级目录（根目录）只放主页面和关联的文件 , 所有文件总的大小最好小于 60-100kbytes 。 7、对于网页之间公用的文件 , 最好放在最先被打开的页面的同一目录中，也就是公用文件 如在二三级页面都出现，则就放在二级页面所在的目录中。目录级数最好控制在 5 级以 内，推荐尽量不要超过 5 级。 二、 文字编辑 1、单页内容不益过多，尽量疏松排列。禁止标点符号等非正式文本为句首。 2、2.0 浏览器支持对文字的字体和大小编辑。编辑文字时可根据需要设置文字的大小和颜 色。 3、内容文字和标题文字之间要空出距离作为区分“标题”和“内容”。最好用不同颜色将标 题和内容区分开来。 Page 4 of 5 By iPanel 深圳市茁壮网络技术有限公司 Embedded Internet Solutions Inc. iPanel.cn 4、尽量使用“shift + enter”（在代码中既”
”）来换行分段，且段间的空行要用一个 全脚空格来定义该空行的高度。 5、所有文字编排效果以电视（或相应版本测试工具）为准。 三、 图片 1、页面中所有插入的图片（包括动态、交互、透明等图）均要将水平和垂直边距的值设为 零。因为 DW 软件中默认的水平和垂直边距是没有数值的，但没有数值并不代表其为零， 在电视上仍可明显显示出图片的边距。这样就会撑破表格，容易造成页面滚动。 2、使用大图片的情况下：尽量使用整块图片，避免小图琐碎拼凑。图片输出一般为 GIF 格 式。背景图片文件大小不要超过 50K（除特殊情况外）。 3、使用小图片的情况下：尽量使图片规则排列，表格编排简洁，以免代码繁复。 4、网页中的图片个数尽可能减少，共用相同图片。 5、动态图片桢数不益过多（建议 3-8 桢） 6、如果内容页中出现交互图片，在 2.0 的浏览器中可直接显示。 四、 颜色 1、尽量避免大面积的渐变色，相邻色块对比不益过强。 2、冷色调优于暖色调，暗色底优于亮色底。 3、注意文本颜色和背景颜色搭配，以免造成显示闪烁。 4、根据机顶盒实际情况选择文字、背景色调，如同洲 Coship5120, 链接焦点显示为黄色， 那么在选择背景和文字颜色时就应该避免使用黄色系列。 五、 表格 1、在绘制表格时，可绘制大小为 640 x 526 的表格。因为集成了 iPanel 2.0 的浏览器的部分 STB 支持这样的定义。但建议在不清楚具体环境的情况下，内容页尺寸（长、宽）应该 Page 5 of 5 By iPanel 深圳市茁壮网络技术有限公司 Embedded Internet Solutions Inc. iPanel.cn ≤ 屏幕显示尺寸（长、宽）-20。 例如：屏幕显示尺寸为 640 x 526，在制作时，内容页最大表格尺寸应该为： 长≤620 宽≤506（单位：pixels）。 2、尽量定义好各表格单元格的尺寸。因为电脑的硬件环境资源非电视所能及，由于环境资 源的限制，嵌入机顶盒中的浏览器在识别表格性能上跟 IE 还有差距（目前 2.0 的版本对 表格定义大有改进）。 3、尽量精简表格，减少表格的套用。2.0 浏览器对 frame 和 iframe 的应用支持的很好。 六、 其他 1、2.0 浏览器支持文字绕图。也可以支持部分 CSS 定义。 2、避免空链接，绘制表格尽量精简，不提倡过多表格套用。 3、内容制作的限制: （1）单个应用的总大小，最好控制在 2-3M byte 以内。 （2）考虑电视应用的性质，比如带宽、循环速率等，制作出来的应用应该是精而小，不 在于大。应用的个数可以很多。 （3）单个文件的大小最好控制在 100K 以内。 （4）如果是图片文件，满屏图片的大小最好控制在 30K 以内，尽量不要超过 50K 一般图 片控制在 10K 左右。