八年级信息技术制作网站（4）教案全国通用.doc

林湖中心校课堂教学教案
第10课时
课题
制作网站
课型
新授课
教材
苏科版必修下册第11单元第2节：
制作网站（第4课时）
教
学
目
标
1、知识与技能：
1）了解交互式网页的概念、表单的功能和作用，表单在网页设计中的应用；
2）掌握表单组件的功能及使用方法，能够设置各表单组件的属性；
3）了解网上信息调查的设计方法，能够灵活运用表单设计具有交互功能的网页。
2、过程与方法：通过学习与创作，使学生感受表单在网页中的作用，体验网页的交互功能。
3、情感态度与价值观：通过“动物保护知多少”表单网页设计，使学生增强动物保护意识，感受保护环境的重要性。
教学重、
难点
重点：了解表单的交互功能，掌握表单各组件的使用方法；学会设计简单的具有交互功能的网页
难点：表单中分组框的作用及属性设置；表单组件中按钮名称与分组关系
教学
方法
1、通过展示学校网站的留言板，分析FrontPage的表单中的各种组件
2、教师指导学生模仿教材中的步骤完成网站的制作
教学
手段
资源
1、教师提供制作网站所需要的素材
2、教师提供制作网页的操作指南文档和样张图片
3、重点介绍1-2种组件属性的设置，其它的让学生类比、探究学习
教　学　程　序　设　计

教 师 活 动
学 生 活 动
导入
5'
上节课作业讲评：
重点提示：
1、字幕的运动方向问题。
2、交互式按钮的平均分布（实际上是表格的平均分布问题，要先设置可以嵌套的表格）。

欣赏教师展示的作品，对其优点和不足作出合理的评价。
制作有
交互功能
的网页
30'
教师打开学校网站中的留言板，向学生介绍表单的各种组件（具体见板书），重点介绍文本框、文本区、复选框、选项按钮、分组框、下拉框。
打开上节课制作的网站，完成下面的操作。
1、准备工作——制作标题和导语：
1）新建一个空白网页。
2）插入一个1行3列的表格，隐藏表格的边框。
3）左单元桥插入标志图片，中间单元格插入标题文字图片（也可自己用艺术字来制作一个），右单元格插入一个动物图片。
4）设置网页的背景。
5）输入正文的内容。
2、插入分组框：
1）执行“插入-表单-分组框”命令两次。
2）右击分组框，选择“分组框属性”，分别设置两个分组框的名称为“个人信息”和“知识问答”。
3、完成“个人信息”表单：
1）创建一个4行2列的表格，隐藏所有的表格边框。
2）在第1列中输入需要调查的信息的名称。
3）在第2列中插入合适的表单组件。
学生自己先进行选择，教师观察学生的操作并指导总结。
文本框
证件号、姓名、邮件
选项按钮
性别
复选框
个人爱好
下拉框
来自何方
文本区
提出建议
教师以身份证号码为例，讲解如何设置数据有效性：
1）双击需要设置的组件；
2）单击“验证有效性”按钮；
3）选择数据类型为文本；
4）选择文本格式为字母和数字；
5）选择数据长度为15-18。
4、完成“知识问答”表单：
这部分内容是5个单选题，直接用选项按钮来做就行了。
注意提醒学生把每个问题的选项分开。
5、设置按钮属性：
这部分的内容实际上不需要进行特别的设置，因为在插入分组框时就自动设置好这两个按钮的属性了。
对照网站留言板的实例，理解各种表单组件的作用

回顾前面所学的内容，完成任务1的操作

根据课本P71的介绍的步骤完成任务2的操作

理解表单中各组件的作用，选择合适的组件来完成任务3的操作。

根据教师的讲解，完成拓展任务（设置数据有效性）

根据课本P73的介绍的步骤完成任务4的操作，

总结
5'
回顾本节内容，提示学生保存并上传作业。
布置作业。
学生进行回顾。
板
书
设
计
五、制作有交互功能的网页
表单的各种组件
文本框
用于填写单行的文字
文本区
用于填写多行的文字
文件上载
用于上传文件
复选框
用于选择合适的项目（可选择任意多项或不选）
选项按钮
用于选择合适的项目（可选择一项且必须选择一项）
分组框
用于把填写的内容分开来，可分多次提交到网站上
下拉框
用于从列表中选择一个项目
按钮
用于制作一个按钮，并可以设置一个对应的操作
任务1：制作标题和导语。
操作方法：
1、将文件从网络文档中心中下载到桌面。
2、右击下载的文件，选择“解压文件…”。
3、新建一个空白网页。
4、插入一个1行3列的表格，隐藏表格的边框。
5、左单元桥插入标志图片，中间单元格插入标题文字图片（也可自己用艺术字来制作一个），右单元格插入一个动物图片。
6、设置网页的背景。
7、输入正文的内容。
任务2：插入分组框。
操作方法：
1、执行“插入-表单-分组框”命令两次。
2、右击分组框，选择“分组框属性”，分别设置两个分组框的名称为“个人信息”和“知识问答”。
任务3：完成“个人信息”表单。
操作方法：
1、创建一个4行2列的表格，隐藏所有的表格边框。
2、在第1列中输入需要调查的信息的名称。
3、在第2列中插入合适的表单组件。
拓展任务：设置身份证号码的数据有效性。
操作方法：
1、双击需要设置的组件；
2、单击“验证有效性”按钮；
3、选择数据类型为文本；
4、选择文本格式为字母和数字；
5、选择数据长度为15-18。
任务4：完成“知识问答”表单。
操作方法：这部分内容是5个单选题，直接用选项按钮来做就行了。
作业
实践指导P88实践与尝试第3题。
后
记