基于网络的通用试题库系统研究网页的设计与前端开发(2)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

基于网络的通用试题库系统研究网页的设计与前端开发(2)

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;

(责任编辑:qin)