dreamweaver网页制作学案6

学案：插入表单元素与检查表单授课时间第十三周课时21-22课时签阅记录检查记录学习任务：1.各表单元素的功能；2.插入各类型的表单元素；3.检查表单。能力目标掌握各表单元素的功能；会插入各类表单元素；会检验表单输入的正确性。情感目标培养自主学习的能力，提高操作技能和灵活应用知识的能力。学习方法：小组协作、自主探究、展示交流、任务驱动法学习环境：多媒体网络教室、微机室、网页素材学习过程：一、预习展示：阅读课本152页至164页的内容，完成预习题并展示1.常见的表单元素有哪些？主要用在什么地方？2.检查表单的目的是什么？二、合作探究，完成学习任务（一）明确任务教师用网页的方式展示本节课的学习任务，明确本节课学习目标和任务。（二）基础任务任务一：插入表单元素1．自主探究表单工具栏中各按钮的名称及功能，并将以下按钮的名称填入横线。：：：：：：2．小组合作探究各表单元素的插入方法及其属性的设置方法。练习任务：1）在上节课创建的“practice6-1.html”中插入下表中的表单元素及属性设置。2）“选择头像”项中插入图片素材中的头像图片。3）继续完成下表中表单元素的插入和属性设置。任务二：检查表单1．自主探究验证文本内容为“必需的”的方法，并将方法总结如下：2．被点名学生演示个人操作方法，其他人观察并对比其方法的正确性。3．小组合作探究验证文本内容必须符合电子邮件地址格式的方法。4．各组派代表展示本组操作，其他同学观察其设置方法是否正确。练习任务：制作个人网站的“用户登录”网页，并设置验证规则，要求用户必须输入用户名和密码，并且其中的密码格式必须是数字，若不符合要求，则显示错误提示信息。三、达标测评创建网页“practice5-18.html”，完成后效果如下图所示。四、归纳总结：1．常见的表单元素有哪些？其功能是什么？2.“检查表单”行为可以检查的表单元素有哪些？3．在运行“检查表单”时，必须先单击提交按钮吗？五、课后反思1.说出自己这节课的收获及体验：2.存在的问题：学案：创建网站模板授课时间第十四周课时23-24课时签阅记录检查记录学习任务：1.创建模板。2.设定可编辑区域。能力目标掌握创建模板的多种方法，会设定可编辑区域。情感目标培养自主学习的能力，提高操作技能和灵活应用知识的能力。学习方法：小组协作、自主探究、展示交流、任务驱动法学习环境：多媒体网络教室、微机室、网页素材学习过程：一、预习展示：阅读课本172-176页的内容，完成预习题并展示1.创建模板的方法有几种？分别是什么？2.创建模板的前提条件是什么？3.模板的区域类型有哪些？二、合作探究，完成学习任务（一）明确任务明确本节课学习目标和任务。（二）基础任务任务一：创建模板1．小组合作探究创建模板文件的多种方法。2．各组派代表演示本组操作，其他同学观看，分析其操作的正确性。练习任务：将本单元素材“举一反三”文件夹中的“pra7-1”文件夹复制到D盘根目录下，创建站点“pra7-1”，文件存储在“D：\pra7-1”，使用“文件”菜单中的“新建”选项，新建一个HTML类型模板“pra7-1.dwt”。提示：所用背景图像在“pra7-1\images”文件夹中，页面使用表格布局。任务二：设定可编辑区域1．自主探究设定可编辑区域的方法，并将方法总结如下：2．被指名学生展示自己的操作，其他同学观察其设置方法是否正确、全面。思考：如果页面中可编辑区域不可见，该如何设置，才能看到？3.自主探究删除可编辑区域的方法。三、达标测评将本单元素材“举一反三”文件夹中的“pra7-2”文件夹复制到D盘根目录下，创建站点“pra7-2”，文件存储在“D：\pra7-2”，将页面“pra7-2.html”另存为模板“pra7-2.dwt”，在表格“table_edit”中添加可编辑区域“edit7-2”，如下图所示，保存模板。四、归纳总结：1．创建可编辑区域之前需要做哪些工作？2．命名可编辑区域时名称中不能包含的字符有哪些？五、课后反思1.说出自己这节课的收获及体验：2.存在的问题：