使用制作之表单的使用.docVIP

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