一、设计“留言板”
文字素材：
注： 如果您的留言不便公开，请选择"保密"选项，提交后可凭系统反馈给您的留言编号、查询密码和您的姓名查询回复。
- 请遵守国家有关法律、法规，尊重网上道德，承担一切因您的行为而直接或间接引起的法律责任。
- 本网站拥有管理笔名和留言的一切权利。
<!-- prj_7_1.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 留言板设计 </title>
<style type="text/css">
* {
font-size: 12px;
}
#div0 {
width: 800px;
height: 380px;
border: 5px solid #F3F3F2;
margin: 30px auto;
padding: 10px;
}
/*第1图层样式*/
#div1 {
background: #f2f9fd;
color: #0000ff;
width: 100%;
height: 30px;
}
/*第2图层样式*/
#div2 {
background: #f2f9fd;
color: #0000ff;
width: 100%;
height: 340px;
margin-top: 3px;
}
/*单元格1样式*/
.td1 {
font-size: 12px;
font-weight: bold;
line-height: 22px;
color: #339966;
width: 100px;
text-align: center;
}
/*标题1样式*/
.bt1 {
font: bold 26px 黑体;
width: 500px;
text-align: left;
color: #0033cc;
}
/*标题2样式*/
.bt2 {
font: bold 12px 黑体;
text-align: left;
width: 200px;
color: #0033cc;
}
</style>
</head>
<body>
<!-- 以网上留言板块为设计案例 -->
<div id="div0" class="">
<div id="div1" class="">
<table width="100%">
<tr>
<td class="bt1">留言板</td>
<td class="bt2">科技工作者建言</td>
</tr>
</table>
</div>
<div id="div2" class="">
<form method="post" action="">
<table width="650px" align="center">
<tr>
<td align="left" style="color:red">发表留言</td>
</tr>
</table>
<table align="center" border="1" bordercolor="white" width="650px" height="300px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="td1">姓 名：</td>
<td><input type="text" name="name" size="10"></td>
</tr>
<tr>
<td class="td1">电子邮件:</td>
<td><input type="text" name="email" size="50"></td>
</tr>
<tr>
<td class="td1">分 类:</td>
<td style="color:red;font-weight:bold">
科技工作者建言 <input type="radio" name="bm">不保密
<input type="radio" name="bm">保密
留言类型：
<select name="leixing">
<option value="0" selected></option>
<option value="1">投诉</option>
<option value="2">咨询</option>
<option value="3">建议</option>
<option value="4">反馈</option>
</select>
</td>
</tr>
<tr>
<td class="td1">留 言:</td>
<td><textarea name="" rows="6" cols="50"></textarea></td>
</tr>
<tr>
<td colspan="2">
<p>注：如果您的留言不便公开，请选择"保密"选项，提交后可凭系统反馈给您的留言编号、查询密码和您的姓名查询回复。 </p>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交">
<input type="reset" value="清空">
</td>
</tr>
<tr>
<td colspan="2">
<ul>
<li>请遵守国家有关法律、法规，尊重网上道德，承担一切因您的行为而直接或间接引起的法律责任。</li>
<li>本网站拥有管理笔名和留言的一切权利。</li>
</ul>
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
二、设计“大学生暑期社会实践调查问卷”
文字素材：
| 大学生暑期社会实践调查问卷 |
|---|
| 亲爱的同学：大家好! |
| 为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢! |
调查表中其它内容：
- 您的性别：男、女。
- 您的学校:
- 您的年级:6个选项，分别为“请用选择您的年级、大一、大二、大三、大四、大专”。
- 报考该专业的原因: 7个复选框，复选框的内容分别为“自己感兴趣、对将来发展有利、适应社会、父母主张、老师建议、学校调剂、其他”。
- 您对该专业的建议: 5个复选框，复选框的内容分别为“招收时重质不重量、师资力量要改进、要更适应社会需要、加强专业实验室建设、其他”。
- 您认为该专业学生有必要参加社会实践: 3个单选按钮，单选按钮的内容分别为“有必要、没有必要、无所谓”。
- 您的父母是否赞成您读该专业: 3个单选按钮，单选按钮的内容分别为“很赞成，希望如此、一般，不是很高兴、不了解”。
- 您对学校的建议: 1个5行100列的多选文本域，多选文本域初始内容为“请您提出宝贵的建议”。
版权区域的内容为“版权所有：计算机科学与技术系软件工程教研室copy right©2015-2020”。
<!-- prj_7_2.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>大学生暑期社会实践调查问卷</title>
<style type="text/css">
body {
background: #BBDCFF;
margin: 20px;
}
.td1 {
font: bold 18px;
color: #3300cc;
}
.bt {
font: 35px/100px 黑体;
color: #0033ff;
text-align: center;
}
#p1 {
text-indent: 2em;
font-size: 16px;
font-weight: bold;
color: #3366ff;
}
</style>
</head>
<body>
<form method="post" action="">
<table background="pro72/bgimage.jpg" width="850px" border="14px" cellspacing="0" cellpadding="0" align="center"
bordercolor="white">
<tr>
<td class="bt">大学生暑期社会实践调查问卷</td>
</tr>
<tr>
<td>
<p id="p1">
亲爱的同学：大家好!</p>
<p id="p1">
为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢!
</p>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">1. 您的性别:</td>
<td>
<input type="radio" name="sex">男
<input type="radio" name="sex">女
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">2. 您的学校:</td>
<td><input type="text" name="school" size="40"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">3. 您的年级:</td>
<td>
<!-- 可以用单选钮
<input type="radio" name="class">大一
<input type="radio" name="class">大二
<input type="radio" name="class">大三
<input type="radio" name="class">大四
<input type="radio" name="class">专科
-->
<!-- 也可以用下拉列表框 -->
<select name="">
<option value="" selected>请选择您的年级
<option value="">大一
<option value="">大二
<option value="">大三
<option value="">大四
<option value="">专科
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">4. 报考该专业的原因:</td>
</tr>
<tr>
<td>
<input type="checkbox" name="zy1">自己感兴趣<br>
<input type="checkbox" name="zy2">对将来发展有利<br>
<input type="checkbox" name="zy3">适应社会<br>
<input type="checkbox" name="zy4">父母主张<br>
<input type="checkbox" name="zy5">老师建议<br>
<input type="checkbox" name="zy6">学校调剂<br>
<input type="checkbox" name="zy7">其他<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">5. 您对该专业的建议:</td>
</tr>
<tr>
<td>
<input type="checkbox" name="zy1">招收时重质不重量<br>
<input type="checkbox" name="zy2">师资力量要改进<br>
<input type="checkbox" name="zy3">要更适应社会需要<br>
<input type="checkbox" name="zy4">加强专业实验室建设<br>
<input type="checkbox" name="zy7">其他<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">6. 您认为该专业学生有必要参加社会实践:</td>
</tr>
<tr>
<td>
<input type="radio" name="sex">有必要
<input type="radio" name="sex">没有必要
<input type="radio" name="sex">无所谓
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">7. 您的父母是否赞成您读该专业:</td>
</tr>
<tr>
<td>
<input type="radio" name="sex">很赞成，希望如此<br>
<input type="radio" name="sex">一般，不是很高兴<br>
<input type="radio" name="sex">不了解<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="void" cellspacing="2" cellpadding="8">
<tr>
<td class="td1">8. 您对学校的建议:</td>
</tr>
<tr>
<td><textarea name="" rows="5" cols="100">请您提出宝贵的建议：</textarea></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" height="50px">
<input type="submit" value="提交答案">
<input type="reset" value="清 空">
</td>
</tr>
<tr>
<td height="40px" align="center" valign="middle">
<font color="blue">版权所有：计算机科学与工程i学院软件工程教研室 copy right©2015-2020</font>
</td>
</tr>
</table>
</form>
</body>
</html>
三、参会注册表
设计参会注册表页面
<!-- project_7_1.html
功能：设计一个参会注册表
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>参会注册表</title>
</head>
<body>
<form method="post" action="">
<table border="1" align="center" cellspacing="0px" cellpadding="0px">
<caption>参会注册表</caption>
<tr>
<td>姓名：<input type="text" name="" size="10"></td>
<td>单位:<input type="text" name="" size="30"></td>
</tr>
<tr>
<td> 性别：<input type="radio" name="xb">男<input type="radio" name="xb">女 </td>
<td> 手机：<input type="text" name="" size="11"></td>
</tr>
<tr>
<td>酒店：<input type="radio" name="hotel">天山大酒店<input type="radio" name="hotel">昆伦饭店</td>
<td>预定房间数:<input type="text" name="" size="4">套</td>
</tr>
<tr>
<td colspan="2">房间类型：<input type="radio" name="lx">单人间(320元)<input type="radio" name="lx">标淮双人间(380元)<input type="radio"
name="lx">家庭套间(450元)</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"> <input type="reset">
</td>
</tr>
</table>
</form>
</body>
</html>
四、图书馆读者调查表
设计图书馆读者调查问卷页面，效果如图
文字素材：
(1) 标题为：图书馆读者调查问卷。
(2) 页面包含:表格含有年级、专业、对于图书馆的阅览环境、您到图书馆的原因是、您到图书馆的频率、您对学校的建议等。
具体内容如下：
为了能够及时了解您对图书馆的需求，提升我校图书馆文献资源建设的质量和水平，更好的为我校教学科研服务，我馆特设计了问卷调查题目如下，请协助填写，谢谢您的合作！
-
您的年级
-
您的专业
-
对于图书馆的阅览环境
满意
基本满意
不满意 您的建议： -
您到图书馆的原因是（可多选）：
借阅专业图书
随便坐坐，翻翻书刊
借阅光盘
参加图书馆组织的活动
自习，复习功课
上网
检索电子文献 -
您到图书馆的频率
几乎每天
每周1-2次
每月1-2次
几乎不去 -
您对学校的建议
请您提出宝贵建议：
<!-- project_7_2.html
功能：图书馆读者调查问卷
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图书馆读者调查问卷</title>
</head>
<body>
<table border="10" bordercolor="#ffccff" align="center" width="700px">
<tr>
<td align="center">
<h2>图书馆读者调查问卷</h2>
</td>
</tr>
<tr>
<td>
<p style="text-indent:2em;">
为了能够及时了解您对图书馆的需求，提升我校图书馆文献资源建设的质量和水平，更好的为我校教学科研服务，我馆特设计了问卷调查题目如下，请协助填写，谢谢您的合作！</p>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>1.您的年级</td>
</tr>
<tr>
<td>
请你选择：
<select name="">
<option value="" selected>请你选择
<option value="b1">大一</option>
<option value="b2">大二</option>
<option value="b3">大三</option>
<option value="b4">大四</option>
<option value="b5">其他</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>2.您的专业</td>
</tr>
<tr>
<td><input type="text" name="b2" size="60" maxlength="80"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>3.对于图书馆的阅览环境</td>
</tr>
<tr>
<td><input type="radio" name="b2" value="b2">满意</td>
</tr>
<tr>
<td><input type="radio" name="b2" value="bb">基本满意</td>
</tr>
<tr>
<td> <input type="radio" name="b2" value="bc">不满意 您的建议：<input type="text" name="" size="20">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>4.您到图书馆的原因是（可多选）：</td>
</tr>
<tr>
<td><input type="checkbox" name="b3" value="a1">借阅专业图书</td>
</tr>
<tr>
<td><input type="checkbox" name="b4" value="a2">随便坐坐，翻翻书刊</td>
</tr>
<tr>
<td><input type="checkbox" name="b5" value="a3">借阅光盘</td>
</tr>
<tr>
<td><input type="checkbox" name="b9" value="a7">参加图书馆组织的活动</td>
</tr>
<tr>
<td><input type="checkbox" name="b5" value="a3">自习，复习功课</td>
</tr>
<tr>
<td><input type="checkbox" name="b5" value="a3">上网</td>
</tr>
<tr>
<td><input type="checkbox" name="b5" value="a3">检索电子文献</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>5.您到图书馆的频率</td>
</tr>
<tr>
<td><input type="radio" name="c1" value="c1">几乎每天</td>
</tr>
<tr>
<td><input type="radio" name="c1">每周1-2次</td>
</tr>
<tr>
<td><input type="radio" name="c1">每月1-2次</td>
</tr>
<tr>
<td><input type="radio" name="c1">几乎不去</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>6.您对学校的建议</td>
</tr>
<tr>
<td>
<textarea name="" rows="5" cols="80">请您提出宝贵建议：</textarea>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" height="50px">
<input type="submit" value="提交答案">
<input type="reset" value="清 空">
</td>
</tr>
</table>
</form>
</body>
</html>
作者主页： 正函数的个人主页
文章收录专栏： Web design
欢迎大家点赞 👍 收藏 ⭐ 加关注哦！
如果你认为这篇文章对你有帮助，请给正函数点个赞吧，如果发现什么问题，欢迎评论区留言！！
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
