中职Dreamweaver网页设计第七章电子教案

1、(中职）Dreamweaver网页设计第七章电子教案第七章创建与访问者互动的动态网页学习目标：1认识表单的功能及相关字段的作用2能在表单中正确地创建各种不同的字段3能验证表单中字段输入格式的正确性4能把表单内容用E-mail方式传送给指定收件人7-1 可以和访问者互动的表单7-1-1 认识表单对象7-1-2 在网页上创建表单7-1-3 加入文本域7-1-4 设置文本域格式7-1-5 设置文本域名称一、判断题1（ ）表单是编辑交互对象的平台，也是最方便的信息传递工具。2（ ）若是想让页面上文本域中的文字自动换行，但送出结果时仍是同一行，可在“换行”下拉列表框中选择“实体”选项。3（ ）制作表单时

2、最好为字段设置相关的名称，这样当信息回传到服务器，才能识别数据的字段。二、选择题1（ ）下列哪一个是输入密码时会显示的符号？ 2（ ）下列哪一个不是文本域的格式类型？ 多行类型 单行类型 密码类型 换行类型请打开练习文件01_EX01.htm，然后按下列题意完成操作。 创建一个“意见调查表”表单，加入单行文本域为“姓名”，内容设置为：字符宽度为25，最多字符数为15，初始值为“请输入您的姓名”，字段名称为Name。 加入多行文本区域为“您的意见与建议”，内容设置为：字符宽度为50，行数为3，字段名称为Idea。 加入密码字段为“个人密码”，内容设定为：字符宽度为15，最多字符数为8，字段名称为

3、Password。 7-2 各种表单对象7-2-1 多选一的单选按钮7-2-2 可多选的复选框7-2-3 插入下拉菜单7-2-4 在表单中插入按钮7-2-5 用图像代替按钮7-2-6 跳 转 菜 单一、判断题1（ ）单选按钮适用于多选一的问题，常用在询问学历、年龄、性别等。2（ ）下拉菜单可用于多选一或复选的交互问题，常用在选项很多时。3（ ）制作表单时，最好替字段设置相关的名称，当信息提交到服务器时，才能分辨信息的字段。4（ ）在设置跳转菜单时，在“行为”面板中就会出现“onChange”事件，表示只要选择跳转菜单后就会马上执行操作。5（ ）表单的按钮可以用图像来代替，主要是将访问者填写的信

4、息发送出去。请打开练习文件02_EX01.htm，然后按下列题意完成操作。 插入单选按钮为“性别”，内容设置为：选定值为男，初始状态为已勾选，按钮名称为sex。 插入复选框为“兴趣”，内容设置为：选定值为运动，初始状态为未选中，复选框名称为Sport。 插入下拉菜单为“年级”，内容设置为：类型为菜单，列表值为16，菜单名称为Grade。 插入“提交”按钮，内容设置为：标签为“提交”，动作为提交表单，按钮名称为Submit；插入“重置”按钮，内容设定为：标签为“重置”，动作为重置表单，按钮名称为Clear。7-3 验证与提交表单7-3 验证与提交表单7-3-1 用E-mail提交表单7-3-2

5、验证表单内容的正确性7-3-3 验证单一字段一、判断题1（ ）完成表单的制作后，最好能有验证表单内容正确性的功能，这样访问者才不会遗漏某些必填的字段。2（ ）要利用E-mail将表单信息提交，首先要选择整个表单内容，然后在“方法”下拉列表框中选择“POST”选项。3（ ）设置完表单内的验证条件后，会在“行为”面板自动出现“onChange”行为事件。4（ ）想要将表单内容转换为纯文本格式，则要在HTML命令编辑区输入“type=text/ plain”命令。二、操作题1请打开练习文件03_EX01.htm，然后用E-mail将表单提交给管理员。 2请打开练习文件03_EX02.htm，然后加入

6、检验表单功能。 一、判断题1（ ）在创建表单字段前，要先新建表单范围，才能开始插入各种交互对象。2（ ）文本域可以设定输入字段的宽度和限制最多可输入的字符数目。3（ ）在同一组单选按钮的字段名称必须要设成相同，才能发挥它的作用，而复选框则不用。4（ ）若是文本域的“换行”设置为“虚拟”，表示字段中输入的文字不会自动换行。5（ ）在Dreamweaver表单中插入按钮对象，可以用来提交表单或重设表单。三、操作题1请打开练习文件Q1.htm，然后设计一个问卷调查表单，内容包含单行、多行文本区域、复选框、单选按钮、下拉菜单、按钮等对象。2请打开练习文件Q2.htm，按题意操作。 在网页中加入跳转菜单，菜单文字内容包含“SARS是什么?”、“口罩种类与型别”、“