外包项目规范说明

为了方便修改、打包、发布，以及后续的维护等，所有外包回来的项目需要严格按照以下说明来做，以及提供对应的文件

目录要求

    img    //存放所有图片，比如png,gif,jpg等
    css    //存放所有的样式文件和字体文件，例如css、scss、less等
    js    //存放所有脚本文件
    data    //存放多媒体文件以及其它资源，例如：mp3,mp4,swf,word等
    json    //存放数据文件，例如json格式的
    index.html    //html文件直接放根目录下

文件都需要按照以上规则存放，以及需要用gbk编码保存

文件要求

图片

• png图片默认使用png24，除非需要兼容ie6才使用png8
• jpg图片默认情况下需要用ps来输出质量为60%
• 单图片文件不能超过1M，如超过请分割为多个图（除特殊需求例外）
• 响应区域、按钮、文字等禁止直接切到背景图里面，需要单独切
• 小图需要合并成雪碧图，例如：按钮、icon等

CSS

• 样式可以采用less、css、sass等来编写（尽量采用原生css）
• 样式文件必须提供源码文件（例如less需要提供.less文件）
• 样式文件禁止压缩
• css样式需要写在css文件中，不允许采用style标签方式
• 字体需要采用以下方式：

    body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;font-size:12px;}

JavaScript

• 代码文件禁止压缩，包括第三方的插件也需要提供原版的
• PC端页面必须引用：https://nie.res.netease.com/comm/js/jquery(mixNIE).1.11.js，jquery版本为1.11，移动端引用https://nie.res.netease.com/comm/js/zepto(mixNIE).last.js
• 代码都需要基于上面的库进行开发，禁止引用额外的jquery和zepto库
• 代码均需要采用外链方式，禁止写在html页面中
• js中需要引用资源文件，例如：css、img、js等，需要将资源地址作为变量写在脚本文件的最顶部，以及需要标明注释
• 组件、插件，请优先选择网易游戏的内部组件，组件库地址：http://webpack.nie.netease.com/

HTML

• PC页面需要引用网易通用的顶条和底部版权，只需要页面中存在以下标签和ID就可以了：

    <!--顶条-->
    <div id="NIE-topBar"></div>
    网页内容
    <!--底部版权-->
    <div id="NIE-copyRight"></div>

• 分享文案、图片、链接采用以下方式：

    <div id="share_content" style="display:none">
        <!--设置分享标题-->
        <div id="share_title" pub-name="分享标题">标题</div>
        <!--设置分享标题-->
        <div id="share_content" pub-name="分享内容">内容</div>
        <!--设置分享ＵＲＬ-->
        <div id="share_url" pub-name="分享地址">http://www.163.com</div>
        <!--设置分享图片地址-->
        <img id="share_pic" data-src="img/share.png" pub-name="分享图片" />
    </div>

    //然后使用js获取对应的内容
    //PC分享的组件，采用网易提供的内部<分享组件>：http://res.nie.netease.com/comm/doc/component/basis/share.html

浏览器兼容

页面需要自测通过以下浏览器测试

• IE7+（特殊情况下，需要兼容IE6）
• Chrome
• FF
• QQ浏览器（非TT）

页面屏幕分辨率测试

• 在1024*700的分辨率下正常展示页面（内容居中，看到主体内容）
• 在1920*1080分辨率下看到完整的页面
• 在大于1920宽度的情况下，页面居中显示