html代码&!--E XXX>
如：&!--S top导航条-->
&script src="/js/act_module/top_int_nobtn_v2.js" type="text/javascript">&/script>
&!--E top导航条-->
图片分离路径
http://ossweb-/images/gamevip/act/文件名 （a+日期+专题名称）;&&(因为经常和其他几个项目组的路径,请注意)
jquery.js路径
&script type="text/javascript" src="/portal/v1/js/jquery-1.9.1.min.js">&/script>
&script type="text/javascript" src="/portal/v1/js/jquery-1.4.2.min.js">&/script>
图片标签必须写上宽度、高度和alt属性如：&img src="" width="500" height="200"
alt="活动奖品建筑排程卡"/>
图片体积不能超过120K，图片格式包括.jpg/.png；jpg图片必须压缩，一般60%品质即可，如果图片质量不好，可提高到80%
1、合并当前页面中出现的小图片，尽可能减少页面请求数;
2、辅助图片（修饰、间隔、提醒的图片）作为背景图处理，通过css的background定义；
3、各类按钮、文字、标题要尽量从背景中分离；
4、能重复利用的部分尽量提取；
5、页面需具有扩展性，特殊情况除外；
6、合理切图，需要程序后台动态生成的图片，必须单独切割出来；
浏览器兼容性测试
兼容IE6、IE7、IE8、IE9、Firefox、chrome，QQ浏览器。并且拖大和缩小窗口，页面布局不会发生错位；
显示器分辨率测试
可读性测试
在屏蔽js、css后，页面要任然具有良好的可读性。
表现与结构分离，代码中不要涉及表现元素，如：style、font、bgColor、border等。选用恬当的元素，标题使用h1~h6，h1为网页一级标题，一个页面中只出现一次；分大块使用div，段落使用p。数据列表使用table/ul/ol/dd等，关键字使用strong
请将以下代码放到页面底部。
&!--默认用不带蓝钻开通按钮的top条--
&script src="/js/act_module/top_int_nobtn_v2.js" type="text/javascript">&/script>
通用footer有2个，如下：
&!--S 黑色logo，黑色字体的底部-->
src="/public/footer/footer_lz.js?c=b" id="lib_js_footer">&/script>
&!--白色logo，白色字体的底部 根据设计稿而定-->
&!--&script
src="/public/footer/footer_lz.js?c=w" id="lib_js_footer">&/script>-->
&!--E 黑色logo-->
第一个为白色版本，第二个为黑色版本，请根据页面的具体情况选择。
&!--S unlogin：登录前状态-->
&div id="unlogin"> 你好，请[a href="javascript:LoginManager.login(function(){ location.reload();});">登录]&/div>
&!--E unlogin：登录前状态-->
&!--S logined：登录状态-->
&div id="logined"
style="display:">
&p>&span>欢迎您，&/span>&span id="login_qq_span">&&&/span> &span id="qqgame_diamond_content">&/span>
&a href="javascript:LoginManager.logout(function(){ location.reload();});">[退出]&/a>&/p>
logined：登录状态-->
通用抽奖模块
&div id="swfcontent">&/div>
&script type="text/javascript"
src="http://ossweb-/images/js/basic/flashmanagerv5.js">&/script>
&script language="javascript">
//开始抽奖flash->js
function callJsToStart(){
callFlashToRoll(1);
//开发获得抽奖结果 通知flash开始播放效果 js->flash
function callFlashToRoll(id){
//通知转盘转到对应的中奖产品的id （序号从0,1,2.....沿着效果光走的顺序，对应下面配置中
//奖品光效的位置 如id=0 对应显示在19_20的位置）
if(SWFOBJ)SWFOBJ.stopRoll(id);
//3、flash动画完成通知js
function callJsToComplete(){
alert('恭喜你获得大奖哟！！');
//初始化抽奖对象的SWFOBJ 可以不知道内部
var SWFOBJ = FlashManager.init({
'flashUrl' : 'http://ossweb-/images/flash/lottery/lotterybox_2013_v1.swf',
//'lighturl':'light.png',//外部光圈png
不填写就用默认的效果
　 　 //'starturl':'startbtn.png',//外部按钮png
不填写就用默认的按钮效果
　　'width':523,//flash 宽度
'height':348,//flash 高度
　　 'total':10,//抽奖产品的总数
　　 'sbtnx':138,// 开始抽奖按钮的位置x坐标
'sbtny':122 ,// 开始抽奖按钮的位置y坐标
'sbtnw':248,// 开始抽奖按钮的宽度
'sbtnh':105,// 开始抽奖按钮的高度
'boxw':125,// 奖品光效的宽度
'boxh':107,//奖品光效的高度
'position':"11_13,137_13,262_13,387_13,387_121,387_229,262_229,137_229,11_229,11_121",
//奖品光效的位置，对应奖品图片的布局，填入每个奖品的位置以及角度用逗号分割
//x_y_rotation（角度为0的可以不填写）
//例如19_20或者19_20_0 表示第一个奖品的位置 x坐标为19px y坐标为20px 角度为0。）
'contentId' : 'swfcontent',//嵌入swf 的div层的 id
'onClickRollEvent' : callJsToStart,//对应上面接口
'onCompleteRollEvent':callJsToComplete //对应上面接口
插入视频模块
&div class="player2"
style="width:448 height:300"> &div id="video">&/div>&/div>
&script type="text/javascript" src="http://ossweb-/images/js/swfobject.js">&/script>
&script type="text/javascript">
//插入视频 根据需要更改相应的vid，视频在页面显示的高度和宽度
//autoplay=1为自动播放，autoplay=0不自动播放
var info="vid=mi&autoplay=1&loadingswf=/minivideo_v1/vd/res/skins/web_small_loading.swf&skin=/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"
var params = {
menu: "false",
scale: "noScale",
salign:"T",
wmode:"transparent",
allowFullscreen: "true",
allowScriptAccess: "always"
swfobject.embedSWF("http://static./TencentPlayer.swf?"+info, "video", "100%", "100%", "10.0.0", "http://ossweb-/images/swf/expressInstall.swf", "", params, "");
奖品轮播模块
几点注意事项
a.用ul,li的表现形式
b.每个li只能包括一条获奖记录
c.获奖的QQ号码和礼包名称必须单独用标签包裹。并且不同长度的礼包长度做到自适应（排版勿乱）
d.ul的外层需要有一个div包裹轮播区域，并设置高度后隐藏（不能直接用ul设置高度后隐藏）
&!-- S 轮播 -->
&ul id="carouselContent" class="carouselcontent">
&span class="cols1">第一名&/span>
&span class="cols2">&/span>
&span class="cols3">80次&/span>
&!-- E 轮播 -->
&script src="http://ossweb-/images/script/bootmanager.js">&/script>
&script language="javascript">
$import('com.qq.basic.*');
//下面代码仅仅为测试代码而已，正式的时候，不用提供。
ScrollMarqueeUP.init({
'contentId': 'carouselContent', //容器ID
'scrollstep': 1, //每次移动的像素
'scrollstoptime': 20 //间断时间(毫秒)
通用统计代码
需要在&/body>底部添加代码：
&!--统计代码（放在页面最底部）-->
&script type="text/javascript" src="/ping_tcss_ied.js">&/script>
&script type="text/javascript">
if(typeof(pgvMain) == 'function')
pgvMain();
&!--//统计代码结束-->
分享到微博、空间
&a href="javascript:share('qqwb')" title="QQ微博转播">QQ微博转播&/a>
&a href="javascript:share('qqzone')" title="QQ空间转播">QQ空间转播&/a>
蓝钻目前已经讲统一的弹窗封装了，不需要单独添加。但页面有特殊弹窗除外（特殊弹窗置于页面底端即可，调用的JS交互不用添加）
提供相应的js、css、html、设计稿的jpg文件。
页面通过审核给到我方时，必须包括分立前和分离后的html和css文件，请用两个文件夹分别存放，并且命名为&分离前&和&分离后&。
背景按需加载新增使用说明（条件）
目的：实现更好的用户体验，当用户滚动到响应的区域才加载该区域的背景
目前我们页面面向的用户群体桌面分辨率高度分布如下：
去除一些任务栏，浏览器地址栏和活动通用top条
大部分用户主要分辨率下的首屏高度我们取个平均值：大概在700px左右。所以我们在运用背景按需加载的时候页面高度至少比700px,还要至少多出一个背景图的高度。而这个背景图我们假设为300px的高度。
所以当页面高度超过1000px的时候才对背景进行按需加载。
按需加载使用说明：
同时满足下列情况才实用背景按需加载，否则不用此方法
1、设计稿的高度超过800&&2、页面的背景下方不能通过设置背景颜色实现（看下面的例子）
例如：该页面只有头部的背景是需要用 图片来做，下方背景是纯色，这种情况则无需要用背景按需加载！
平均切。每张图高度为：345px【注意每张图的K数大小不能超过150KB】,最后一张高度小于或者等于345px
Js引用,Milo组件已经有按需延迟加载库
&script src="http://ossweb-/images/js/milo/milo-min.js">&/script>
PS：上面同样可以引用milo.js(有时候某些开发会因为其他功能而引用milo.js，就无需另外再引用milo-min.js了):
&script src="http://ossweb-/images/js/milo/milo.js">&/script>
&script>need(["biz.delayLoad"]);&/script>
&!--这里是背景区域 -->
&div class="bg_box">
&div class="bg1" delayLoad="d1"> &/div>
&div class="bg2" delayLoad="d2"> &/div>
&div class="bg3" delayLoad="d3"> &/div>
&div class="bg4" delayLoad="d4"> &/div>
&div class="bg5" delayLoad="d5"> &/div>
&div class="bg6" delayLoad="d6"> &/div>
&div class="bg7" delayLoad="d7"> &/div>
&div class="bg8" delayLoad="d8"> &/div>
其中delayload=“dx”为动态加载的背景图类名
/*下面背景该区域为固定套用样式，更改图片路径和高度即可，根据实际页面大小切多少张（平均按345px的高度切图）*/
.bg_box{width:100%;min-width:1000 position:left:0;top:42z-index:1;overflow:hidden}
.bg1{height:345}
.bg2{height:345 }
.bg3{height:345 }
.bg4{height:345}
.bg5{height:345 }
.bg6{height:345}
.bg7{height:345 }
.bg8{height:95 }
.d1{ background:url(/GuideToCP/images/bg1.jpg) no- }
.d2{background:url(/GuideToCP/images/bg2.jpg) no- }
.d3{background:url(/GuideToCP/images/bg3.jpg) no- }
.d4{ background:url(/GuideToCP/images/bg4.jpg) no- }
.d5{background:url(/GuideToCP/images/bg5.jpg) no- }
.d6{ background:url(/GuideToCP/images/bg6.jpg) no- }
.d7{background:url(/GuideToCP/images/bg7.jpg) no- }
.d8{background:url(/GuideToCP/images/bg8.jpg) no- }
3.检验实际效果：
对背景图进行屏幕大小监控判断，按需加载当前屏图片，如上图所示红框内为滚动条往下滚的时候加载的背景图片。
PS：该demo中,统计代码和 top条也已经添加好了。demo有更新，很重要。修复ie6下背景图片层级低显示不出来问题
补充问题（很重要,早知道，少出错）
1、全局定义中设置了img为block属性，导致头部的蓝钻图片换行。
2、页面大量使用绝对定位，绝对定位的运算比浮动这些要多很多，所以尽量使用浮动来定位。
3、不能将主体区域的宽度设置超过1000px，会出现滚动条，调用蓝钻通用弹框的时候会出现问题
5、body{position :relative} 导致开通蓝钻弹框在ie6下出现问题，不要设置body的该属性
6、专题命名和分离地址