Web前端技术项目式教程电子教案 任务七 添加用户交互界面—表单.docxVIP

PAGE1

PAGE

任务七添加用户交互界面——表单

课程名称

网页设计

项目名称

添加用户交互界面——表单

任务名称

表单的使用

课时

4

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

能力目标：

1.掌握表单常用元素的使用方法

2.掌握常见的登录、注册的制作方法

知识目标：

1.了解表单元素的类型

2.了解表单的属性

素质目标：

1.培养学生信息搜集能力

2.培养学生团结合作、互帮互助的能力；

教学内容

1.任务描述

2.任务展示与实现

（1）利用编辑工具编写CSS3代码并验证其效果

（2）学生动手操作

3.教师讲解本任务涉及的知识点

4.任务小结

教学重点

（1）实现首页和二级页面的搜索框

（2）实现反馈页面。

教学难点

（1）登录、注册页面

教学准备

1.装有vscode的电脑

2.教学课件PPT

3.教材：《Web前端技术项目化教程》

作业设计

1．设计一个会员登录页面。

教学过程

教学

环节

教学内容与过程

（教学内容、教学方法、组织形式、教学手段）

课前组织

做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。

课程

说明

【课前说明】

分别从表单标签，