实验八.docx

1、实验八班级学号姓名指导老师日期成绩计算机14114416122孙文浩宦娟11.11实验八表单1 实验目标1.1理解表单的概念，熟练掌握表单创建方法。1.2掌握表单相关属性设置。1.3掌握表单输入、多行输入、列表框等对象属性的设置。1.4学会使用域和域标题来分组表单元素。1.5学会设计用户登录、用户注册、网上调查问卷等类似页面。2 实验内容2.1使用表单和11个表单元素进行简易页面布局设计。2.2综合运用图层、表格和表单进行页面混合布局。2.3使用样式定义表定义图层、表单元素、表格、单元格的样式。2.4模仿真实案例进行表单综合编程练习。3 实验项目3.1留言板设计中国科学技术协会科技工作者建言。

2、 表单留言板设计 /*第1图层样式*/ #div1 background-color:#f2f9fd; color:#66ffff; width:100%; height:30px; /*第2图层样式*/ #div2 background-color:#f2f9fd; color:#66ffff; width:100%; height:300px; margin-top:3px; /*单元格1样式*/ .td1 line-height:22px; font-size:18px; color:#339966; width:100px; font-weight:bold; /*单元格2样式*/ .

3、td2 line-height:42px; font-size:18px; color:#339966; width:100px; font-weight:bold; /*标题1样式*/ .bt1 font-size:30px; font;family:黑体; font-weight:bold; text-align:left; width:500; color:#0033cc; /*标题2样式*/ .bt2 font-size:22px; font-family:黑体; font-weight:bold; text-align:left; width:200; color:#0033cc;

4、留言板 科技工作者建言 发 表 留 言 姓    名： 电子邮件: 分    类: 科技工作者建言  不保密保密    留言类型： 投诉 咨询 建议 反馈 留    言: 注：如果您的留言不便公开，请选择“保密”选项，提交后可凭系统反馈给您的留言编号、查询密码和您的姓名查询回复。        请遵守国家有关法律、法规，尊重网上道德，承担一切因您的行为而直接

5、或间接引起的法律责任。 本网站拥有管理笔名和留言的一切权利。 3.2大学生暑期社会实践调查问卷。 网上调查表 #div_parent margin:0px auto; background:#00cccc; width:100%; height:85%; .div_sub margin:30px; width:100%; height:85%; .td1 font-weight:bold; font-size:18px; color:#3300cc; .bt line-height:80px; font-size:35px; color:#0000ff; font-family:黑体; tex

6、t-align:center; 大学生暑期社会实践调查问卷 您好!    为了更好的了解人们对近年来计算机类专业填报火热现象的看法，特制定本问卷，希望得到您的配合，请认真阅读并回答以下问题，您的回答将直接影响本调查的可信度和有效性，真诚感谢您的支持，祝您天天愉快，谢谢! 1. 您的性别: 男 女 2. 您的学校: 3. 您的年级: 大一 大二 大三 大四 专科 4. 报考该专业的原因: 自己感兴趣 对将来发展有利 适应社会 父母主张 老师建议 被学校调配 其他 5. 您对该专业的建议: 招收时重质不重量

7、师资力量要改进 要更适应社会需要 加强专业实验室建设 其他 6. 您认为该专业学生有必要参加社会实践: 有必要 没有必要 无所谓 7. 您的父母是否赞成您读该专业: 很赞成，希望如此 一般，不是很高兴 不了解 8. 您对学校的建议: 请您提出宝贵的建议：           版权所有：计算机科学与技术系软件工程教研室copy right©2012-1015 4 实验心得我掌握了Dreamweaver的用法。我学会了添加超链接和滚动文字。掌握表格单元格的各种属性及设置方法。我还学会了利用表格进行Web页面布局设计，设计形式多样、风格各异的页面。