当前位置:文档之家› 制作交互式网页

制作交互式网页

制作交互式网页
制作交互式网页

课题:设计具有交互功能的网页

教学目标:

1.知识目标:了解交互网页的概念,了解表单的功能及表单元件的使用方法,了解网上信息调查的设计方法。

2.技能目标:掌握表单元件的功能及使用方法,掌握表单各组件属性的设置方法。

3.情感目标:让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用。

教学重、难点:

1、教学重点:

(1)表单元件的正确插入。

(2)表单元件的属性设置。

2、教学难点:

表单元件的属性设置,根据实际需要正确运用表单元件。

教学准备:

让学生明确本课的教学目标;提供给学生一个自学的平台;给学生一个自我评价的空间。

教学过程:

一、引入

师:请同学们打开“问卷调查链接”网页,完成中学生计算机水平的调查问卷。

(学生完成问卷)

网上调查问卷是调查者通过虚拟的网络向被调查者采集信息的一种方式,这种网页被称为交互性的网页,除了网络调查外,例如用户注册,邮箱的申请,都需要用到交互性的网页,交互性网页上用来采集信息的元件叫做表单。

二、新授

1、制作个人信息调查表

展示个人信息调查网页,讲解简单表单的制作。

(设计意图:由于学生第一次接触,所以采用教师讲解的方式,目的是让学生掌握表单元件的正确使用。)

任务1:学习分组框以及文本框的使用

①分组框

方法:插入→表单→分组框

属性:分组框上右击→分组框属性→标签

补充:样式,格式,字体,边框(线条的样式,颜色,宽度),段落等

②文本框

方法:插入→表单→文本框

属性:双击文本框→密码域、宽度等

老师巡视并及时指出学生操作过程中的问题,学生完成任务1,并根据老师的提示修改自己网页中存在的问题。

任务2:学习选项按钮以及下拉框的使用

③选项按钮

方法:插入→表单→选项按钮

④下拉框

方法:插入→表单→下拉框

属性:双击下拉框→点击添加→选项

老师巡视并及时指出学生操作过程中的问题,学生完成任务2,并根据老师的提示修改自己网页中存在的问题。

任务3::学生自主学习复选框以及文本区的使用

通过之前的学习,学生基本了解了表单插入以及属性设置的方法,通过个同学的演示,给优秀同学展示自我的空间。

2、拓展任务:修饰表单网页。

学生演示背景的插入,完成拓展任务,老师展示学生作品,并做出评价。本

部分让学生运用前面所学知识,充分发挥学生的想象力。

3.小结

本节课学习了几个常用的表单,如文本框,下拉框,选项按钮等,通过学习表单来制作交互式的网页,交互式的网页种类很多,有各种不同的表现形式,如何对表单进行编排,这就要与我们之前学过的表格网页相结合,请同学们课后进行思考,我们下节课进行具体的分析。

相关主题
文本预览
相关文档 最新文档