明确目标
使用正确合适的标签做出如下的页面效果。内容需要完全一样，但页面样式仅供参考：
参考试卷.png
明确技术
<input><textarea>-
<form>表单 - 单选框
- 复选框
使用纯的html,不需要任何css样式和js代码;
不能使用table布局;
拆分任务
- 与
<input>有关的部分 - 与单选框有关的部分
- 与复选框有关的部分
- 与
<textarea>有关的部分
应将所有的部分都放入form中
写实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>exam</title></head>
<body>
<h1>统一建模语言理论测试</h1>
<h3>考试题目: 统一建模语言</h3>
<h3>时间:100分钟</h3>
<h3>得分:</h3>
<from>
<label for="class">班级:(必填)</label>
<input type="text" name="sex" id="class"/> <br/>
<label for="number">学号:(必填)</label>
<input type="text" name="sex" id="number"/> <br/>
<label for="name">姓名:(必填)</label>
<input type="text" name="sex" id="name"/>
<h4>一.填空题:(每空5分,共20分)</h4>
<label for="UML">UML的中文全称是:</label>
<input type="text" name="sex" id="UML"/> <br/>
<label>对象最突出的特征:</label>
<input type="text" name="status"/>
<input type="text" name="status"/>
<input type="text" name="status"/>
<h4>二.单选题(每题10分,共20分)</h4>
<h4>1.UML与软件工程的关系是:</h4>
<input type="radio" name="radio-1">(A)UML就是软件工程<br>
<input type="radio" name="radio-1">(B)UML参与到软件工程中软件开发的几个过程中<br>
<input type="radio" name="radio-1">(C)UML与软件工程无关<br>
<input type="radio" name="radio-1">(D)UML是软件工程的一部<br>
<h4>2.java语言支持:</h4>
<input type="radio" name="radio-2">(A)单继承<br>
<input type="radio" name="radio-2">(B)多继承<br>
<input type="radio" name="radio-2">(C)单继承多继承都支持<br>
<input type="radio" name="radio-2">(D)单继承多继承都不支持<br>
<h4>三.多选题(每题10分,共20分)</h4>
<h4>1.用例的力度分为以下哪三种:</h4>
<input type="checkbox" name="checkbox-1">(A)概述级<br>
<input type="checkbox" name="checkbox-1">(B)需求级<br>
<input type="checkbox" name="checkbox-1">(C)用户目标级<br>
<input type="checkbox" name="checkbox-1">(D)子功能级<br>
<h4>2.类图又以下哪三部分组成:</h4>
<input type="checkbox" name="checkbox-2">(A)名称(name)<br>
<input type="checkbox" name="checkbox-2">(B)属性(Attribute)<br>
<input type="checkbox" name="checkbox-2">(C)操作(Operation)<br>
<input type="checkbox" name="checkbox-2">(D)方法(Function)<br>
<h4>四.判断题(每题10分,共20分)</h4>
<label>1.用例图只是用于和客户交流和沟通的,用于确定需求.</label>
<input type="radio" name="radio-3">
<input type="radio" name="radio-3"> <br>
<label>2.在状态图中,终止状态在一个状态中可以有任意多个.</label>
<input type="radio" name="radio-4">
<input type="radio" name="radio-4">
<h4>五.解答题(每题10分,共20分)</h4>
<h4>简述什么是模型以及模型的表现形式?</h4>
<textarea rows="3"></textarea><br>
<input type="submit" value="计算分数">
</form>
</body>
</html>
估时与反思
- 与
<input>有关的部分
估时:10分钟
实际用时:11分53秒
反思: 主要问题在于打字速度,无技术难度; - 与单选框有关的部分
估时:10分钟
实际用时:12分12秒
反思:打字的时候不够认真,返回网页看题的频率比较高. - 与复选框有关的部分
估时:10分钟
实际用时:5分37秒
反思: 复制粘贴已实现的单选题,对其进行修改,节省了时间 - 与
<textarea>有关的部分
估时:5分钟
实际用时:3分39秒
反思: 没有很精确的估时
运行结果
运行结果.png
反思总结
写该试卷实现过程记录时,用时较长,因为在写实现那块,把源代码粘过来后,格式很乱,每一行都要手动回车换行.
- 精确的估时可以提高效率;
- 源代码较多时,可以把代码提交到github,这里直接放地址;
