《使用Dreamweaver制作网页》之表单的使用

教案设计《使用Dreamweaver制作网页》之表单的使用学校：鞍山市现代服务学校姓名：刘靓丽一、教案背景1、教学对象：中职2、专业：平面设计3、课时：第4课时4、课前准备：（1）了解表单的功能。（2）通过网络简单了解表单的应用。二、教学课题明确目标1、熟练掌握插入表单的方法。2、能够在表单中根据不同需要插入适当的表单元素。3、根据所学知识制作完成常用的注册页面。情感与价值目标通过小组分工合作，不断讨论，在一个个由浅入深的任务驱动之下，激发学生的自主学习意识，进而提高学生的协作能力。三、教材分析教学内容：学会使用各种表单元素，并且能够制作完成常用的注册页面。内容分析：表单是实现动态网页的基础，可以使用表单与用户进行信息交流。使用Dreamweaver可以方便快速的插入表单和表单元素，在配合表格的使用，进而制作出布局合理、结构协调的表单页面。学情分析：通过前几节课的学习，学生已经对表单的功能有了清楚的认识，掌握了表单元素各自的特性，绝大多数学生理论基础扎实，操作能力需通过具体实例制作过程来进一步完善加强。教学目标：1、通过制作注册页面，能够合理运用表单。2、根据网页中各部分的功能选择适合的表单元素。3、通过分析、讨论、操作，培养学生的技能素养；通过小组实验，培养学生的合作意识和探究意识；通过任务驱动的教学模式，使学生在不断解决难题的同时拥有成就感，从而激发学生的学习欲望。教学重点与难点：1、如何插入表单。2、如何在表单中插入各种表单元素。3、表单元素的属性设置。教学准备：1、多媒体课件。2、软件：Dreamweavercs3/cs4/cs53、网页素材教学方法：任务驱动、小组讨论、展示评价。四、教学过程（一）展示案例，导入新课1、复习——”温故”。师：前一阶段，我们已经学习了如何运用表格对网页进行布局，通过该实例的展示，分析一下如何对其进行布局。选择学生作答：【教学目的】通过对该实例的分析研究，巩固表格布局的操作方法，为下一步的操作奠定基础。2、给出任务，激发学生自主学习的热情师：观察该实例中哪些部分体现了交互功能？生：账户信息部分。师：具体分析，都运用了哪些表单元素？【要点】对照注册表单页面，依次讲解什么是表单、为什么要用表格，哪个是文本框、哪个是按钮、哪个是密码框、哪个是单选按钮和哪个是下拉列表，并分别说明其作用和使用场合。生：姓名、密码框、电子邮箱运用了文本字段，爱好运用了复选框，性别运用了单选按钮。师：通过以上同学们的分析，我们今天就学习如何运用表单及表单元素制作具有交互功能的网页。导出本节课题。（二）任务驱动，不断探究师：如何布局该网页？生：该网页分为上下两部分，可以通过插入表格进行布局。师：注册表单部分如何设置？生：先插入表单，再通过表格对表单进行布局。【自主分析】插入表单的方法：单击”插入”栏的”表单”类别中的”表单”图标。师：介绍插入文本字段的方法。【教学展示】单击”插入”栏的”表单”类别中的”文本字段”图标。师：通过对文本字段的属性设置，请同学们讨论分析如何设置密码部分。生：单击”插入”栏的”表单”类别中的”文本字段”图标，然后在属性检查器中设置文本域的”类型”为”密码”。师：同学们能否总结一下，文本字段与密码框的区别？生：在文本域中，密码框与文本框唯一不同的属性是类型，密码框的类型属性是”密码”，而文本框的类型属性是”单行”。师：如何设置单选按钮和复选框？生：单击”插入”栏的”表单”类别中的”单选按钮”和“复选框”图标，分别设置其属性。【要点】初始值：已勾选或未勾选。（三）能力拓展，完善制作师：通过之前的分析与操作，小组讨论完成，按钮及文本域部分的制作。生：单击”插入”栏的”表单”类别中的”按钮”图标。单击”插入”栏的”表单”类别中的”文本域”图标。（四）完成作品，相互评价通过小组合作，最终完成作品，在相互展示作品的同时，不断完善自身能力。五、总结归纳总结本节课知识要点，并通过学生作品，归纳不足之处，使学生不断提升自己，增强学生的学习兴趣。六、教学反思通过本课学生们的操作过程，反映出一定的问题，在今后的教学中应注重培养学生的观察力，多听多看，不仅要提高专业技能素养，还有不断提升自身的艺术修养，使作品具有一定的观赏性、艺术性及实用性。