文件目录结构

event.changyou.com
├─all
│  ├─css
│  ├─dma
│  ├─js
│  └─nav
└─xtl
    └─202001
        ├─event1
        │  ├─m
        │  │  ├─css
        │  │  ├─inc
        │  │  ├─js
        │  │  └─index.shtml
        │  └─pc
        │      ├─css
        │      ├─inc
        │      ├─js
        │      └─index.shtml
        ├─event2
        │  └─m
        │      ├─css
        │      ├─inc
        │      ├─js
        │      └─index.shtml
        └─event3
            └─pc
                ├─css
                ├─inc
                ├─js
                └─index.shtml

共通调用文件结构

共通调用文件说明：
1.务必仿照所示目录结构搭建
2.所有共通调用文件都放在根目录下的all文件夹内
3.根据调用文件类型不同，分别建有css、dma、js、nav。
4.所有共通调用的样式文件都放在css文件夹内，有需自取（所有专题必须调用reset.css样式文件）
5.所有共通调用的脚本文件都放在js文件夹内，有需自取
6.监测代码文件都放在dma文件夹内（所有专题必须统一调用同一监测代码文件）
7.通调头尾文件都放在nav文件夹内（相关要求详见Sheet“通调头尾文件说明”）
8.共通调用文件夹内的所有文件请不要修改或添加，专题所需共通文件内没有的脚本、样式、碎片，均放在相关专题内

样式、脚本、碎片引用说明：

1.共通头尾、监测代码文件的碎片调用，请从根目录开始（行169、205）
2.脚本、样式文件的调用，共通部分从根目录开始；本专题单独调用文件请写相对路径（行176、11、12）
3.通调碎片统一放在脚本执行前引用
4.监测代码碎片统一放在所有脚本执行后引用

专题文件结构

专题文件说明：
1.根目录下建游戏名称的文件夹（xtl：新天龙）
2.游戏文件夹下建日期的文件夹（截止到月份：202001）
3.日期文件夹下建专题名称的文件夹（event1）
4.专题文件夹下放置相应的页面的终端展示类型（pc：PC端页面； m：手机端页面；）
4.终端类型文件夹下放置相应的页面、样式、碎片、脚本文件（css、js、inc、img）
5.专题内的链接地址由主编提供

专题QA内容

【监测】所有页面需要调用/all/dma/dma_static.html监测文件
【注册地址】页面账号注册的全链接、参数、参数值，同主编确认
【浏览器】各浏览器下主体显示效果一致（IE9.0、FF、QQ浏览器、chrome、360、safari、sogou ）
【浏览器】各浏览器下非全屏没有变形错位
【浏览器】页面效果与PSD设计稿相一致
【分辨率】1366x768分辨率下没有横行滚动条主体内容1200*650区域
【分辨率】各分辨率下没有背景错位
【终端适配】手机页面适配所有主流移动终端（手机、平板电脑），无任何功能样式问题
【内容】页面logo是否存在且与官网一致
【内容】页面中前台显示无乱码
【内容】页面title、keywords、description代码、内容完整且符合规范
【内容】一键分享内容、链接完整正确，弹出框在980*600之内（只限专题，官网无一键分享）
【内容】头尾通调使用正确，版权条颜色合理
【内容】按钮类链接title、图片alt标签是否齐全，并于图片内容一致
【样式】内容部分样式例子齐全，标签按照规范设置（内容页标签文档）
【样式】链接、按钮滑过有手型变换
【脚本】各浏览器无报错
【脚本】js效果显示一致，功能使用正常
【内容】图片已压缩图片压缩：https://tinypng.com/

logo调用方法

调用各个游戏官网下的通用logo文件即可，具体的请咨询相应需求方提供

页面代码：

<div class="main-logo">
    <a href="/main.shtml" title="新天龙八部官方网站">新天龙八部官方网站</a>
</div>

页面样式代码：

@import url('http://tl.changyou.com/logo/logo.css');
.main-logo {
  left: 77px;
  top: 15px;
}

分享调用方法

碎片调用方法

碎片调用文件说明：
1.请使用标注格式调用
2.如出现碎片中调用其他碎片的情况，请使用shtml格式的文件，不要使用inc或html等其他格式的文件

弹窗调用方法

// html
<div class="pop" id="pop1">
    ...
</div>

// css
.pop { display:none; background-color: #474747; border: 10px solid #474747; height: 390px; width: 640px;}

// js
<script src="/all/js/popout.js"></script>
<script type="text/javascript">
       popup($('#pop1'));
</script>

通调头尾文件说明

※ 游戏类型、终端展示类型、颜色、是否有头部，由主编确定