2023年12月27日发(作者：)

《WEB编程基础》教案

模块6 制作网站的会员注册页面

课程名称

授课班级

授课地点

教学单元

Web编程基础 课 时 2课时

软件技术、计算机应用、移动开发专业

一体化教室

模块6-1 表单基本输入类型

知识目标

掌握表单及表单单行输入类型的创建和设置

掌握表单元素的常用属性

能够熟练使用表单单行输入类型

授课形式 做学教一体

教学目标

能力目标

素质目标

激发学生学习兴趣

引导学生团队合作

教学重难点：

教学重点难点及措施

创建表单单行输入类型，并设置属性，修饰样式。

措施：

通过上机操作加强学习和补充案例进行巩固。

教学方法

教学任务

任务1：制教学

作基本信环节

教学内容

教学方式

学生活动

做学教一体 任务驱动 线上线下混合教学

灵活使用表单单行输入类型

《WEB编程基础》教案

思考息区

新课

引入

通过启发、提问、设问等教学方法，导入新知 讲授 参与讨论

实践表单基础知识讲解

案例演示操作教学

新知讲解

课堂实践 教师

边做操作，小组边讲 讨论，展示总结

动手学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

单独指导

做中学

动手边做边讲

实践，做中学

知识讲解

任务2：表单辅助标记

新知讲解

课堂实践

案例演示操作教学

教师动手学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

单独指导

做中学

任务3：基本单行输入类新知讲解

1.单行文本框知识讲解

案例演示操作教学

2.密码框知识讲解

案例演示操作教学

边做边讲

动手实践，做中学

《WEB编程基础》教案

教师动手型

课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

知识讲解

单独指导

做中学

动手边做边讲

实践，做中学

教师动手任务4：表新知单按钮

案例演示操作教学

讲解

课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

巩固本课时知识点

学完知识点后，教师带领学生对本课时所学知识点进行回顾。

1.创建表单的方法

2.表单元素的使用方法 演示归纳讲解

认真听取教师总结评价

单独指导

做中学

小结 3.表单元素的常用属性

4.表单辅助标记的使用

5.基本单行输入类型的使用

通过网络教学平台预习新内容

通过网络教学资源平台，预习表单高级元素的使用方法。

布置作业 学习平台完成线上预习、讨论、过程性考核

教学反思

《WEB编程基础》教案

模块6 制作网站的会员注册页面

课程名称

授课班级

授课地点

教学单元

Web编程基础 课 时 2课时

软件技术、计算机应用、移动开发专业

一体化教室 授课形式 做学教一体

模块6-2 表单基本输入类型:单选复选文件域

知识目标

掌握表单及表单单行输入类型的创建和设置

掌握表单元素的常用属性

能够熟练使用表单单行输入类型

教学目标

能力目标

素质目标

激发学生学习兴趣

引导学生团队合作

教学重难点：

教学重点难点及措施

创建表单单行输入类型，并设置属性，修饰样式。

措施：

通过上机操作加强学习和补充案例进行巩固。

教学方法 做学教一体 任务驱动 线上线下混合教学

教学任务 灵活使用表单单行输入类型

任务教学

1：制环节

教学内容

教学方式

学生活动

《WEB编程基础》教案

思考作单选按钮

新课

引入

通过启发、提问、设问等教学方法，导入新知 讲授 参与讨论

实践单选按钮知识讲解

新知案例演示操作教学

讲解

课堂实践

操作，边做小组边讲 讨论，展示总结

教师动手学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

单独指导

做中学

动手边做边讲

实践，做中学

教师动手知识讲解

任务2：制新知作复选框

讲解

案例演示操作教学

课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

单独指导

做中学

动手边做边讲

实践，做中学

教师动手任务3：制作文件上传域

新知讲解

知识讲解

案例演示操作教学

课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，

《WEB编程基础》教案

单独指导

做中学

集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

巩固本课时知识点

学完知识点后，教师带领学生对本课时所学知识点进行回顾。

1.创建单选按钮，并能设置属性和元素样式；

小结 2.制作复选框，对复选框常规属性的设置；

3.创建文件域表单元素，并能设置元素属性。

通过网络教学平台预习新内容

通过网络教学资源平台，预习表单高级元素的使用方法。

布置作业 学习平台完成线上预习、讨论、过程性考核

认真演示归纳讲解

听取教师总结评价

教学反思

模块6 制作网站的会员注册页面

课程名称

授课班级

授课地点

教学单元

Web编程基础 课 时 2课时

软件技术、计算机应用、移动开发专业

一体化教室

模块6-3 表单高级元素

授课形式 做学教一体

《WEB编程基础》教案

知识目标

掌握表单高级元素的创建和设置

掌握表单元素的常用属性

能够在页面中熟练使用表单高级元素

教学目标

能力目标

素质目标

激发学生学习兴趣

引导学生团队合作

教学重难点：

教学重点难点及措施

表单的多行文本域和下拉列表框的使用，以及样式修饰。

措施：

通过上机操作加强学习和补充案例进行巩固。

教学方法 做学教一体 任务驱动 线上线下混合教学

教学任务

教学

环节

任务新课

灵活使用表单各种类型元素。

教学方式

学生活动

思考通过启发、提问、设问等教学方法，导入新知 讲授 参与讨论

实践教学内容

1：应引入

用多行文本域

新知多行文本域知识讲解

讲解

案例操作演示

操作，边做

小组

边讲 讨论，展示总结

《WEB编程基础》教案

教师动手课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

单独指导

做中学

知识讲解

任务2：制作下拉列表框

新知讲解

课堂实践 教师

案例操作演示

动手边做边讲

实践，做中学

动手学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

巩固本课时知识点

学完知识点后，教师带领学生对本课时所学知识点进行回顾。

演示归纳讲解

认真听取教师总结评价

单独指导

做中学

小结

1.创建多行文本域及样式修饰；

2.创建下拉列表框，设置列表选项。

通过网络教学平台预习新内容

通过网络教学资源平台，预习表单高级元素的使用方法。

布置作业 学习平台完成线上预习、讨论、过程性考核

教学反思

《WEB编程基础》教案

模块6 制作网站的会员注册页面

课程名称

授课班级

授课地点

教学单元

Web编程基础 课 时 2课时

软件技术、计算机应用、移动开发专业

一体化教室

模块6-4 浮动框架的使用

知识目标 掌握浮动框架在网页中的使用和设置

授课形式 做学教一体

教学目标

能力目标 能够在页面中熟练使用浮动框架元素

素质目标

激发学生学习兴趣

引导学生团队合作

教学重难点：

教学重点难点及措施

浮动框架的使用，以及样式修饰。

措施：

通过上机操作加强学习和补充案例进行巩固。

教学方法

教学任务

任务教学

做学教一体 任务驱动 线上线下混合教学

灵活使用浮动框架。

教学内容

教学方式

学生活动

思考通过启发、提问、设问等教学方法，导入新知 讲授 参与讨论

1：制环节

作法律条款区

新课

引入

《WEB编程基础》教案

实践

浮动框架标记知识讲解

案例操作演示

操作，边做小组边讲 讨论，展示总结

新知

讲解

课堂实践 教师动手学生做中学，教师巡视逐个指导，并监督、验收。 巡视实践，集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

巩固本课时知识点

学完知识点后，教师带领学生对本课时所学知识点进行回顾。

小结

1.创建浮动框架元素；

2.设置浮动框架的样式及属性。

通过网络教学平台预习新内容

通过网络教学资源平台，预习表单高级元素的使用方法。

演示归纳讲解

认真听取教师总结评价

单独指导

做中学

布置作业 学习平台完成线上预习、讨论、过程性考核

教学反思

模块6 制作网站的会员注册页面

《WEB编程基础》教案

课程名称

授课班级

授课地点

教学单元

Web编程基础 课 时 2课时

软件技术、计算机应用、移动开发专业

一体化教室

模块6-5 知识进阶

知识目标

掌握新增表单输入类型和属性；

掌握新增的表单标记

能够在页面中熟练使用表单新增类型属性标记

授课形式 做学教一体

教学目标

能力目标

素质目标

激发学生学习兴趣

引导学生团队合作

教学重点难点及措施

教学重难点：

掌握表单新增的属性类型和标记。

措施：

通过上机操作加强学习和补充案例进行巩固。

教学方法 做学教一体 任务驱动 线上线下混合教学

教学任务 了解知识进阶知识应用。

任务1：H5新增表新课

引入

教学

环节

教学内容

教学方式

学生活动

思考通过启发、提问、设问等教学方法，导入新知 讲授 参与讨论

《WEB编程基础》教案

实践操单属性类型

新知讲解

课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。

集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

教师巡视单独指导

知识讲解

案例操作演示

作，边做边讲

小组讨论，展示总结

动手实践，做中学

实践操任务2：表单新增标记

新知讲解

知识讲解

案例操作演示

作，边做小组边讲 讨论，展示总结

课堂实践

学生做中学，教师巡视逐个指导，并监督、验收。

集中问题集体讲解、评估讨论任务实施过程；

给出参考的解决方案；考核学生训练结果。

教师巡视单独指导

动手实践，做中学

《WEB编程基础》教案

巩固本课时知识点

学完知识点后，教师带领学生对本课时所学知识点进 小结

行回顾。

通过网络教学平台预习新内容

通过网络教学资源平台，预习表单高级元素的使用方法。

演示归纳认真听取教师讲解 总结评价

布置作业 学习平台完成线上预习、讨论、过程性考核

教学反思