单元六 任务5 使用表单 （教案）-《计算机网络应用基础》（高教版）同步精品课堂

《计算机网络应用基础》 (高等教育出版社)教案 课 题 6.5 使用表单 课 型 新授 课 时 2 授课班级 授课时间 授课教师 教材分析 该单元在整本教材中处于较为重要的位置，表单作为网页交互的重要手段，是学生掌握网页制作与网络应用技能的关键知识点之一。本任务主要涵盖表单及其基本组成、表单标记、各类表单域等内容。这些知识紧密相连，表单的基本组成是理解表单的基础，表单标记是构建表单的关键，而不同的表单域则是实现表单具体功能的核心。通过学习本任务，学生能够掌握创建具有交互功能网页表单的基本技能，为后续更复杂的网页制作和网络应用打下坚实基础。同时，这些知识在实际生活和工作中应用广泛，如网站注册、信息提交等，具有很强的实用性。 学情分析 1. 学生已经对网页有了一定的认识，了解了HTML的基本结构和一些简单标签的使用，这为学习表单相关知识奠定了一定的基础，但他们的知识掌握程度参差不齐，部分学生对HTML标签的理解和运用还不够熟练。 2. 学生更倾向于实践操作，对理论知识的学习兴趣相对较低，他们思维活跃，动手能力较强，但注意力集中的时间相对较短，容易被新鲜、有趣的事物吸引。 学习目标 知识与技能： 1. 准确说出表单的定义、基本组成部分及其各自的作用。 2. 熟练掌握表单标记<form>的语法，理解并能正确使用action和method属性。 3. 掌握input、textarea、select 控件标记的语法和功能，根据需求正确选择和使用表单域。 过程与方法： 1. 通过观察实际网页中的表单案例，培养观察能力和分析能力，学会从实际案例中提取关键信息。 2. 在实践操作过程中，提高动手操作能力和解决问题的能力，学会运用所学知识解决实际问题。 情感态度与价值观： 1. 激发对网页制作和网络应用的兴趣，培养学习计算机网络知识的积极性和主动性。 2. 在完成表单创建任务的过程中，体验成功的喜悦，增强自信心。 学习重难点 教学重点： 1. 表单的基本组成和表单标记的使用。 2. 各类表单域的语法和功能。​ 教学难点： 1. 不同类型 input 控件的区别和正确使用。 2. 在实际网页制作中，根据需求合理选择和组合各类表单域。 教学方法 讲授法、演示法、实践操作法 课前准备 教师：教案、PPT课件 学生：课前预习 教学媒体 电子课件、多媒体 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 【课程导入】 1. 展示几个常见的包含表单的网页，如网站注册页面、在线调查问卷页面、购物网站的订单提交页面等。 2. 提问学生：“这些网页中都有哪些共同的元素？它们有什么作用？” 3. 引导学生观察和思考，引出本节课的主题 —— 表单。 1. 认真观察教师展示的网页，找出其中的共同元素。2. 积极思考教师提出的问题，尝试回答。​ 通过展示实际案例，激发学生的学习兴趣，让学生对表单有一个直观的认识，自然引出本节课的教学内容。 活动二： 调动思维 探究新知 【传授新知】 · 表单及其基本组成​ 1. 表单的定义：表单是网页中用于收集用户信息并将其提交给服务器的一种交互手段。 2. 表单的基本组成：表单标签、表单域、表单按钮。 3. 结合简单的图示，分别说明各组成部分的作用：表单标签用于定义表单的范围和提交方式等；表单域是用户输入信息的区域，如文本框、复选框等；表单按钮用于提交或重置表单信息。 · 表单标记 1. 表单标记<form>的语法：<form action="提交地址" method="提交方式">表单内容</form>。 2. 解释action属性和method属性的含义：action属性用于指定表单数据提交的服务器地址；method属性用于指定表单数据的提交方式，主要有get和post两种，分别说明它们的特点和适用场景。 3. 举例说明表单标记的使用，如一个简单的登录表单的表单标记部分。 在笔记本上记录表单的定义和基本组成。观察教师展示的图示，理解各组成部分的作用。 认真学习表单标记的语法和各属性的含义。结合教师的例子，理解表单标记在实际中的应用。尝试在练习本上书写简单的表单标记。 让学生掌握表单的基本概念和组成，为后续学习打下基础。 使学生掌握表单标记的使用方法，理解其在表单中的重要性。 活动三： 调动思维 探究新知 【传授新知】 · 表单域 1. input 控件标记 ①介绍input控件标记的语法：<input type="控件类型" name="控件名称" value="默认值">。 ②详细讲解不同类型的 input 控件，如文本框（type="text"）、密码框（type="password"）、单选按钮（type="radio"）、复选框（type="checkbox"）、提交按钮（type="submit"）、重置按钮（type="reset"）等。 ③针对每种类型的控件，说明其特点、用途和相关属性，如单选按钮需要设置相同的name属性才能实现单选功能。 ④举例演示每种控件的使用效果。 2. textarea 控件标记 ①介绍textarea 控件标记的语法：<textarea name="控件名称" rows="行数" cols="列数">默认文本</textarea>。②说明其作用：用于创建多行文本输入框，适用于需要输入大量文本的场景，如留言板、评论区等。 ③解释rows和cols属性的含义，分别用于指定文本框的行数和列数。 ④举例演示 textarea 控件的使用。 3. select 控件标记 ①介绍 select 控件标记的语法：<select name="控件名称"> <option value="选项值">选项文本</option> ... </select>。 ②说明其作用：用于创建下拉列表，方便用户从多个选项中选择。 ③解释option标签的作用，以及value属性的含义。 ④举例演示 select 控件的使用，如选择省份、城市等。 记录不同类型 input 控件的特点和用法。观察教师的演示，对比不同控件的效果。尝试在练习本上书写不同类型的 input 控件代码。​ 学习 textarea 控件的语法和属性。对比 input 控件中的文本框，理解 textarea 控件的特点和用途。尝试书写 textarea 控件的代码。 学习 select 控件的语法和option标签的使用。观察教师的演示，理解下拉列表的效果。尝试创建简单的下拉列表。 让学生掌握各类 input 控件的使用，理解它们之间的区别，能够根据需求选择合适的控件。 使学生掌握 textarea 控件的使用，能够在需要输入大量文本时正确应用。 让学生掌握 select 控件的使用，能够创建下拉列表实现选项选择功能。 活动四： 巩固练习 素质提升 【随堂检测】 1、 下列属于表单标记的是（ ）​ A. <input>​ B. <form>​ C. <textarea>​ D. <select>​ 2、在表单中，用于创建密码框的 input 控件类型是（ ）​ A. text​ B. password​ C. radio​ D. checkbox 3、请写出创建一个包含姓名文本框（名称为 “name”）和提交按钮的表单的 HTML 代码。 4、请写出创建一个包含性别单选按钮（男和女，名称为 “gender”）的表单域部分的 HTML 代码。 学生按照教师布置的任务，独立完成练习，遇到问题可以向教师请教或与同学讨论。 通过课堂练习，让学生巩固所学的内容，提高实际操作能力。​ 课堂小结 作业布置 课堂小结： 对本节课所学的知识进行总结，回顾表单的基本组成、表单标记和各类表单域的重点内容。​ 作业布置： 创建一个在线调查问卷表单，包含至少 5 个问题，合理使用不同的表单域，下节课进行展示和点评。 板书设计 一、表单概述 1. 定义：网页中用于收集用户信息并提交给服务器的交互手段 2. 基本组成： 表单标签、表单域、表单按钮 二、表单标记 1. 语法：<form action="提交地址" method="提交方式">表单内容</form> 2. 属性： action：指定提交地址 method：get、post 三、表单域 1. input控件标记 语法：<input type="控件类型" name="控件名称" value="默认值"> 类型： text：文本框 password：密码框 radio：单选按钮 checkbox：复选框 submit：提交按钮 reset：重置按钮 2. textarea控件标记 语法：<textarea name="控件名称" rows="行数" cols="列数">默认文本</textarea> 作用：创建多行文本输入框 3. select控件标记 语法：<select name="控件名称"> <option value="选项值">选项文本</option> ... </select> 作用：创建下拉列表 option：具体选项，value为提交数据 教学反思 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$