基于网络的通用试题库系统研究网页的设计与前端开发(2)
时间:2023-07-17 22:54 来源:毕业论文 作者:毕业论文 点击:次
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) |