一：HTML制作
分割圖形
1 . 分析PSD，理解邏輯結構
2 . 從應用框架，邏輯，頁(yè)面顏色，主題，程序實(shí)現等方面考慮PSD是否合理。否則返設計師
3 . 統一制作手法，制作前制定方法
4 . 共性元素位置必須一樣，用層定位。eg:導航文字，LOGO，欄目標題，提示等
5 . 考慮充分HTML，后切割
6 . 以交互后按鈕尺寸為標準，貼邊切割，要求交互前+交互后 W*H 大小一樣，統一標準。
7 . 投影效果圖片要連帶投影一起切割，按設計師原意切割。
8 . 頁(yè)面中同類(lèi)型按鈕圖片，嚴格要求 W*H 保持統一，做到標準。
9 . 完成切片定位，保存切片圖，以便修改。（本人使用特殊方法切片，待改進(jìn)？）
------------------------------------------------------------------------------------
GIF圖片輸出
1 . Gif圖片格式：128色 or 256色。
2 . 若圖片大片漸變效果，壓縮前操作 "濾鏡--->雜色--->添加雜色：1"
3 . 根據顯示分辨率的不同，圖片大小一般 60K-120K
4 . OSD層常用顯示分辨率：640*526 國內常用標清 PAL 制式
------------------------------------------------------------------------------------
動(dòng)態(tài)GIF圖片輸出
1 . 避免同一頁(yè)面出現多張動(dòng)態(tài)GIF圖片
2 . GIF動(dòng)畫(huà)，一般控制在 2-5幀之間
------------------------------------------------------------------------------------
JPG圖片輸出
1 . JPG圖片主要用于大面積，色彩要求高，圖片表現細膩的應用里
2 . 如果壓縮后,GIF大小>100KB，可以考慮使用JPG格式，以防圖片顏色產(chǎn)生差距
3 . 保存圖片使用小寫(xiě)擴展名：（.jpg）
4 . 如果底圖用了jpg格式，則該頁(yè)面所有圖片都是.jpg格式，以防顏色產(chǎn)生差距，保持統一
------------------------------------------------------------------------------------
PNG圖片
1 . 用于JVM應用開(kāi)發(fā)中使用的圖片
2 . 為PNG8格式，效果較佳
-----------------------------------------------------------------------------------
HTML文件建立
1 . 所有的頁(yè)面 <body>標簽的屬性必須這樣寫(xiě)：<body background="index.gif" leftmargin="0" topmargin="0" >,不用使用CSS定義。
2 . 帶文字焦點(diǎn)的頁(yè)面，必須在頁(yè)面屬性中設置鏈接顏色；eg: text="#000" link="#000" vlink="#000"
-----------------------------------------------------------------------------------
表格<table>使用規范
1 . 表格大小控制在安全區，以防表格過(guò)大，產(chǎn)生滾屏現象
2 . 表格的邊框，單元格邊距，單元格間距 都設置為0
-----------------------------------------------------------------------------------
顏色使用規范
1 . 一個(gè)欄目只使用一種交互顏色，交互按鈕的顏色和文件鏈接的焦點(diǎn)顏色要一致
2 . 鏈接顏色一律在<body>中添加相應的鏈接顏色代碼,eg:<body text="#fff" link="#fff" vlink="#fff">
-----------------------------------------------------------------------------------
表單
1 . 單項應用：表單元素無(wú)需放在<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屬性要寫(xiě)在div標簽里面
2 . 如果頁(yè)面中有三個(gè)一樣的層，必須定義層的ID名 （可以在DW中CSS樣式表中定義）
3 . 層的參考代碼：
-----------------------------------------------------------------------------------
CSS使用規范
1 . 對于一個(gè)項目，文字字體要統一，一個(gè)應用，欄目都通過(guò)一個(gè)CSS文件控制字體大小和顏色。
2 . CSS選擇器要按一定的規律命名：
-----------------------------------------------------------------------------------
javascript使用規范
1 . 對于一個(gè)項目，公用的JS要寫(xiě)在一個(gè)JS文件夾中，命名：global.js
2 . 如果有頁(yè)面使用了更改焦點(diǎn)顏色的代碼時(shí)，在該頁(yè)面DEFANGED_Onunload中將焦點(diǎn)顏色還原
-----------------------------------------------------------------------------------
文件儲存規范
1 . 一般應用以應用欄目結構來(lái)存放，原則一個(gè)欄目一個(gè)文件夾
2 . 單向目錄縱深不要超過(guò)4級
3 . 大容量OC應用：目錄縱深控制在4級內；1級2級目錄文件夾不能超過(guò)15個(gè)，最后一級文件夾不能大于1M
**********************************************************************************************************************************************
二：
審核部分（制作結束后）
模擬器的管理和使用
1 . 每個(gè)項目必須在相應項目號的模擬器上開(kāi)發(fā)及測試
測試環(huán)境的使用和要求
1 . 在應用整合后，要該項目的盒子在電視機上進(jìn)行測試。保證應用在不同電視機上的顯示效果一致
2 . 從用戶(hù)體驗的角度，對應用邏輯，色彩，鏈接，操作等進(jìn)行測試，做好測試記錄，并修改應用
響應速度測試
1 . 檢查<body>中的onload屬性DEFANGED_OnLoad="MM_preloadImage90("")函數中所載入的圖片是否存在
2 . 是否調用不到一些不存在的文件，例如：css,js文件，圖片，htm頁(yè)面等，或者調用的文件鏈接錯誤
3 . 頁(yè)面上調用的圖片比較大，未壓縮
超鏈接測試
1 . 鏈接顏色要高亮顯示，一個(gè)應用使用一種鏈接顏色
2 . 以防空鏈接，可以用過(guò)iPanle Appro 2006 檢查空鏈接，將沒(méi)用的空鏈接去掉
3 . CMS應用中，本欄目按鈕不能帶鏈接
丟圖
1 . 圖片鏈接路徑不正確
2 . 檢查圖片是否存在，確保沒(méi)有被誤刪除
3 . 圖片鏈接路徑是否為絕對路徑
4 . 頁(yè)面調用的圖片擴展名寫(xiě)成了大寫(xiě)
白屏
1 . 頁(yè)面調用的圖片比較大，導致機頂盒內存不足，出現白屏
2 . HTML解析符"<!---- ------>"要保證是閉合的，如果后面的"-->"也被去掉也會(huì )出現白屏
滾屏
1 . 表格超出頁(yè)面的顯示范圍
2 . 檢查是否有一些超出頁(yè)面顯示范圍的隱藏層
3 . CSS引起，把CSS測試一下
黑屏
1 . iPanle 2.0中，打開(kāi)調用ifarme頁(yè)面的時(shí)，出現黑屏，此時(shí)可以用setTimeout將iframe頁(yè)面延時(shí)1-2秒加載
2 . 背景圖片找不到，或背景圖片鏈接錯誤
**********************************************************************************************************************************************
三：輸出部分（審核通過(guò)后）
要求3點(diǎn)：
1 . 清理：
a.多余文件，可以使用iPanel Appro 2006建立站點(diǎn)檢查，將所有不用的圖片和多余的文件去掉，但要注意iPanel Appro 2006只檢查超鏈接文件，無(wú)法確認JS所調用的圖片，所以在刪除文件的時(shí)候，必須確認文件沒(méi)有被JS所調用
b.垃圾代碼，在確定該代碼沒(méi)有用途之后，可刪除多余代碼或使用工具壓縮文本文件
2 . CVS 使用規范和要求：
a.整合好的應用要上存在CVS上，如果要修改都以CVS上的應用為基礎來(lái)修改
b.單向應用放在：CVS_OC_APP;雙向應用放在：CVS_IPTV
c.在修改過(guò)應用上傳時(shí)，必須對你的修改做說(shuō)明，方便別人知道你所修改的版本
3 . PSD源文件的儲存：
a.一個(gè)應用只一套PSD的原則，如果在制作的過(guò)程中PSD有修改，保存最后版本帶切片的PSD覆蓋原有PSD
聯(lián)系客服
