2。开发准备

2。1 分工

这次项目我们是以小组分工合作的方式进行的，我们小组总共为八人，其中参与开发的技术人员为五人，另外的人分为一个项目策划，一个文案设计还有一个测试，我负责的项目主要是前端界面的编写，我所用到的编程语言为HTML5。

3．开发技术及工具简介

3。1 开发工具

    我用的前端开发软件为HBuilder。HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。它的特点就是快，HBuilder能通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

3。2开发语言文献综述

我所使用的开发语言为HTML5，它具有以下几个特性：①语义特性； ②本地存储特性； ③设备兼容特性； ④网页多媒体特性； ⑤三维、图形及特效特性； 

⑥性能与集成特性； ⑦连接特性； ⑧CSS3特性。它的优点在于：①网络标准：任何一个公开的标准都可以根据W3C的资料库去找寻根源；②多设备跨平台：也就是说用这个技术可以跨越平台使用；③自适应网页设计：它可以自动识别屏幕宽度、并做出相应的调整。但是它的缺点在于这一标准并不能很好的被浏览器所支持，而且由于新标签的引入，各个浏览器之间会缺少一种统一的数据描述格式，给用户带来体验不佳的不便影响。

3。3 css样式

@charset "UTF-8";

/*css 初始化 */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {

    margin: 0;

    padding: 0;

}

fieldset, img, input, button {

    border: none;

    padding: 0;

    margin: 0;

    outline-style: none;

}

ul, ol {

    list-style: none;

}

input {

    padding-top: 0;

    padding-bottom: 0;

    font-family: "SimSun";

}

select, input {

    vertical-align: middle;

}

select, input, textarea {

    font-size: 12px;

    margin: 0;

}

textarea {

    resize: none;

}

/*防止拖动*/

img {

    border: 0;

    vertical-align: middle;

}

table {

    border-collapse: collapse;

}

body {

    font: 12px/150% Arial, Verdana, "\5b8b\4f53";

    color: #666;

    background: #fff;