制作留言板

制作留言板

教学目标：制作一个留言板

教学重点：运用前面所学的知识美化留言板

教学难点：滚动文本框的使用和设置

教学方法：讲授法、任务驱动法、自主学习

板书设计：

一、 留言板的作用

二、 留言板的制作

三、 留言板的美化

教学过程：

一、 课程导入：

给同学们观看一些制作精美、功能齐全的留言板，激发同学们的学习兴趣

让同学们自己谈一谈留言板的适用体会，不仅可以活跃课堂气氛，也可以使得对留言板不熟悉的同学有一个较好的认识。

二、 课程讲解：

1、 我们的留言板需要什么功能

启发同学们自己说一说使用过的留言板有一些什么功能，会调查浏览者的一些什么项目

比如：姓名、电子信箱、性别、职业、收入、

以及最重要的留言功能

2、 我们所要调查的项目，在网页当中应该以什么样的形式表现出来？

A、 单行文本框

B、 单选按钮

C、 复选按钮

D、 滚动文本框

3、 具体使用讲解

a、 单行文本框

插入—〉表单—〉单行文本框

单行文本框的特征是无论输入多少内容，只显示在一行，且没有任何滚动条

b、 单选按钮

插入—〉表单—〉单选按钮

在一个表单内，所有的单选按钮为一组

c、 复选按钮、滚动文本框

主要要注意滚动文本框是可以设置其大小的

4、 同学们根据老师所讲的知识，制作出一个简单的留言板

5、 提出问题：

制作出来的留言板并不能马上使用，为什么？

6、 讲解后台功能的制作方法

当保存的留言板网页之后，站点的_private文件夹内会自动生成一个form_results.txt文件，这就是保存浏览者提交的信息的地方。

表单属性的设置：

可以设置将留言发送到指定的电子邮箱

7、 美化留言板

同学们自己发挥，可以使用老师提供的素材，也可以上网找素材，建议从以下三方面着手：

a、 背景

b、 插入图片

c、 插入flash

三、 展评及归纳

选取同学们的优秀作品进行点评

总结同学们经常遇到的问题：

1、 根据实际情况选择合适的文本框

2、 可以在一个网页中建立多个表单，实现多种单选的调查

习题：p24n3

教后记：本节课完成得较好，当然，如果仅仅停留在书本上，是不会有这样的效果的。本节课的知识点以及操作并不难掌握。因此，我鼓励同学们利用前面所学的知识去设计规划留言板，利用各种素材去美化。

同学们不仅兴趣十足，更重要的是，他们充分的将前面所学的知识发挥出来了，还有什么，能比这个更让人高兴呢？