1.设计“大学生暑期社会实践调查问卷”页面，如下图所示。
2．调查表前导语的内容如下所示：
| 大学生暑期社会实践调查问卷 |
| 亲爱的同学：大家好! 为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢! |
3．调查表前导语的内容如下所示：
1. 您的性别：男、女。
2. 您的学校:
3. 您的年级:6个选项，分别为“请用选择您的年级、大一、大二、大三、大四、大专”。
4. 报考该专业的原因: 7个复选框，复选框的内容分别为“自己感兴趣、对将来发展有利、适应社会、父母主张、老师建议、学校调剂、其他”。
5.您对该专业的建议: 5个复选框，复选框的内容分别为“招收时重质不重量、师资力量要改进、要更适应社会需要、加强专业实验室建设、其他”。
6.您认为该专业学生有必要参加社会实践: 3个单选按钮，单选按钮的内容分别为“有必要、没有必要、无所谓”。
7.您的父母是否赞成您读该专业: 3个单选按钮，单选按钮的内容分别为“很赞成，希望如此、一般，不是很高兴、不了解”。
8. 您对学校的建议: 1个5行100列的多选文本域，多选文本域初始内容为“请您提出宝贵的建议”。
版权区域的内容为“版权所有：计算机科学与技术系软件工程教研室copy right©2015-2020”。
下面是css文件内容：
#box{width: 810px;height: 1350px;border: 20px solid #99CCFF;margin:0 auto;background: url(../img/bgimags.jpg) repeat-y center;text-align: left;
}
#box2{width: 780px;height: 1340px;border: 8px solid white;margin: 0 auto;padding-left: 10px;
}
h1{text-align: center;color: #003399;
}
form{font-size: 17px;
}
.text{font-size: 20px;text-indent: 2em;color: #003399;
}
.t1{color:blue;
}
#sub{text-align: center;
}以下是html文件内容：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>大学生暑期社会实践调查问卷</title><link rel="stylesheet" style="text/css" href="../css/form1.css"</head><body><div id="box"><div id="box2"><h1>大学生暑期社会实践调查问卷</h1> <hr color="white"><div class="text"><p>亲爱的同学：大家好!</p><p>为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!</p></div><hr color="white"><form><div class="t1"><p>1. 您的性别： <span style="color: #000000;"><input type="radio" name="sex" value="male" />男<input type="radio" name="sex" value="female"/>女</span></p></div><hr color="white"><div class="t1">2. 您的学校:<input type="text" name="school" maxlength="30" size="30"/></div><hr color="white"><div class="t1"><p>3. 您的年级:<select name="grade" size="1"><option value="c1" selected>请选择您的年级</option><option value="c2">大一</option><option value="c3">大二</option><option value="c4">大三</option><option value="c5">大四</option><option value="c6">大专</option></select><hr color="white"></p></div><div class="t1"><p>4. 报考该专业的原因: </p></div><input type="checkbox" name="r1" value="y1"/>自己感兴趣<br><input type="checkbox" name="r2" value="y2"/>对将来发展有利<br><input type="checkbox" name="r3" value="y3"/>适应社会<br><input type="checkbox" name="r4" value="y4"/>父母主张<br><input type="checkbox" name="r5" value="y5"/>老师建议<br><input type="checkbox" name="r6" value="y6"/>学校调剂<br><input type="checkbox" name="r7" value="y7"/>其他<br><hr color="white"><div class="t1"><p>5. 您对该专业的建议: </p></div><input type="checkbox" name="s1" value="a1"/>招收时重质不重量<br><input type="checkbox" name="s2" value="a2"/>师资力量要改进<br><input type="checkbox" name="s3" value="a3"/>要更适应社会需要<br><input type="checkbox" name="s4" value="a4"/>加强专业实验室建设<br><input type="checkbox" name="s5" value="a5"/>其他<br><hr color="white"><div class="t1"><p>6. 您认为该专业学生有必要参加社会实践: </p></div><input type="radio" name="shijian" value="yes" />有必要<input type="radio" name="shijian" value="no"/>没有必要<input type="radio" name="shijian" value="nomatter"/>无所谓<hr color="white"><div class="t1"><p>7. 您的父母是否赞成您读该专业: </p></div><input type="radio" name="agree" value="yes" />很赞成，希望如此<br><input type="radio" name="agree" value="normal"/>一般，不是很高兴<br><input type="radio" name="agree" value="no"/>不了解<br><hr color="white"><div class="t1"><p>8. 您对学校的建议:</p> </div><textarea name="info" rows="5" cols="100">请您提出宝贵的建议</textarea><hr color="white"><div id="sub""><input name="tijiao" type="submit" value="提交答案"/> <input name="qingkong" type="reset" value="清 空"/><hr color="white"><div class="t1">版权所有：计算机科学与技术系软件工程教研室copy right©2015-2020</div></div></form></div></div></body>
</html>效果图
