苏科版（2018）八年级全册信息技术 3.2.6制作框架网页 教案
文档属性
| 名称 | 苏科版（2018）八年级全册信息技术 3.2.6制作框架网页 教案 |  | |
| 格式 | doc | ||
| 文件大小 | 47.5KB | ||
| 资源类型 | 教案 | ||
| 版本资源 | 苏科版 | ||
| 科目 | 信息技术（信息科技） | ||
| 更新时间 | 2020-12-03 19:37:48 | ||
图片预览
文档简介
框架网页的制作
■教材分析
本内容是江苏凤凰科学技术出版社，初中8年级信息技术教材第3章主题网站设计与制作的部分。学生网页设计是在学生学习过文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另一种方法。本节课框架技术是学生在简单网页、表格布局网页、交互式网页的基础上，进一步掌握网页结构的布局方法及网页动态效果的设计方法的一节课，承上启下，学生既可以通过学习进一步完善自己的网站结构，也可以通过操作复习、综合应用之前所学。
■学情分析
因为是借班上课，对该班学生的情况不是很熟悉，通过任课老师的介绍了解到学生具备了简单的网页设计基础知识与技能，部分同学能应用表格辅助排版设计出图文并茂的网页,会设置超链接。初二的学生兴趣容易调动，学习的探究热情容易高涨，教师可以利用这一特点，让学生不断在实践中体验和总结，从而达到自主学习的效果。
■教学目标
1.知识与技能
（1）理解框架的概念与用途。
（2）掌握框架网页的新建、编辑与保存的方法。
（3）学会在框架网页中设置超链接。
2.过程与方法
（1）通过对网页结构的分析与对比，体验新知识（框架结构网页）的优点，从而促进其学习新知识。
（2）理解框架的概念与组成，学会分析网站的结构。
（3）感受框架网页的用途，体会其优点，从而明确框架网页设计技术的适用范围。
3.情感态度与价值观
（1）通过以“南京景点介绍”为主题的框架结构网页制作活动，提升对南京城市的理解与热爱。
（2）能够将表格与框架结构网页合理使用，在创作中体验乐趣。
4.行为与创新
在老师的引导下学会对比学习，培养对知识的主动探索、主动发现和对所学知识意义的主动建构。
■课时安排
安排1课时。
■教学重点与难点
1.教学重点
框架网页的建立与保存。
2.教学难点
框架网页的建立与保存。
框架中超链接的使用。
■教学方法与手段
对比教学法、探究学习法、讲授法。
■课前准备
制作相同结构的用以对比的表格网页和框架网页以及给学生用于操作的网站半成品和素材。
■教学过程
教学环节 教师与学生活动 设计意图
一、新课引入
上周末南京举办了世界马拉松比赛，很多世界各地的朋友来到了南京，作为一名南京市民，我也想利用自己所学的知识，帮助宣传南京，为那些来南京的朋友提供一些帮助。
老师搜集了一些南京的著名景点介绍，可以帮助别人了解南京。今天我们就来一起
完成这个网站的制作。
由“世界马拉松比赛”引入活动。
通过提问回答，让师生初步熟悉对方，建立良好的沟通关系。
二、问题探究 展示已经准备的网页素材。
利用打印出的成品布局页，师生共同分析布局，让学生发现网页中有重复的部分。
该部分的制作尽管可以使用复制、粘贴的方法为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。
框架网页作品介绍——“多变的框架” 由视觉上的异同分析，让学生产生疑惑和兴趣，从而激发学习的欲望。
学生不一定能说出所有的区别，教师应适时分步加以引导和总结。
三、新建框架 Dreamweaver已经为大家提供了“框架集”功能，我们可以很方便的使用“框架集”新建一个框架网页。
请学生动手新建框架网页。
小提示：为每一框架指定一个标题
介绍几个英语单词：top、left、main、frame
利用框架技术在设计网页的时候把一个版面分成了不同的区域，每一个区域我们就称为一个框。
框架概念的理解是学习框架的第一步，知道其与普通网页的不同之处，方便新建、保存操作的理解。
四、保存框架网页 普通网页如何保存？
对于我们刚做好的这个框架网页该如何保存呢？结合我们新建时候产生的3个框想一想，会出现几个文件？
教师广播演示。（提示）框架网页在保存的时候要注意，
单击“文件”——“保存全部”后，依次保存：整个框架、main框架、left框架、top框架。
弹出对话框，注意观察框架边框区域。因为框架网页每一个框都是一个网页，所以在保存的时候首先对整个框架进行保存。接着对每一个区域的网页独立保存，
提示学生注意修改框架文件名。 在新建框架后紧接着就学习保存框架，有助于框架概念的进一步加深与理解。
引导学生使用“保存全部”命令，可以直观的了解到框架网页的结构组成。
让学生大胆猜想框架网页保存后会产生几个网页，并亲手证实比教师讲解的效果要好
五、制作框架网页 学生依次制作框架网页的几个部分。
提醒学生使用插入图片的方法快速制作top,left。
在操作过程中请思考：
1.如何调整框架的大小？
2.显示框架的边框如何设置？
提示学生依次制作各框架。
框架的主体宽度是可以调整的。
六、设置超链接 为left框架内容设置超链接，完成整个网页的制作（设置站点内的超链接）
学生先自行设置超链接，出错后，老师提示使用“目标”
让学生尝试设置，让其介绍 “目标”含义。
在框架网页中使用超链接技术正是解决了本课开始的问题，前后呼应
“目标”含义介绍：此处考虑到利用实际网页进行演示会占用较多时间，因此，采用教师讲授法，直接讲授。
七、小结 通过一节课的制作，南京著名景点介绍的专题网站我们就制作完成了。
学生演示网页，并说说一节课所学体会。
再次巩固本课的知识点。
■教学反思
■教材分析
本内容是江苏凤凰科学技术出版社，初中8年级信息技术教材第3章主题网站设计与制作的部分。学生网页设计是在学生学习过文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另一种方法。本节课框架技术是学生在简单网页、表格布局网页、交互式网页的基础上，进一步掌握网页结构的布局方法及网页动态效果的设计方法的一节课，承上启下，学生既可以通过学习进一步完善自己的网站结构，也可以通过操作复习、综合应用之前所学。
■学情分析
因为是借班上课，对该班学生的情况不是很熟悉，通过任课老师的介绍了解到学生具备了简单的网页设计基础知识与技能，部分同学能应用表格辅助排版设计出图文并茂的网页,会设置超链接。初二的学生兴趣容易调动，学习的探究热情容易高涨，教师可以利用这一特点，让学生不断在实践中体验和总结，从而达到自主学习的效果。
■教学目标
1.知识与技能
（1）理解框架的概念与用途。
（2）掌握框架网页的新建、编辑与保存的方法。
（3）学会在框架网页中设置超链接。
2.过程与方法
（1）通过对网页结构的分析与对比，体验新知识（框架结构网页）的优点，从而促进其学习新知识。
（2）理解框架的概念与组成，学会分析网站的结构。
（3）感受框架网页的用途，体会其优点，从而明确框架网页设计技术的适用范围。
3.情感态度与价值观
（1）通过以“南京景点介绍”为主题的框架结构网页制作活动，提升对南京城市的理解与热爱。
（2）能够将表格与框架结构网页合理使用，在创作中体验乐趣。
4.行为与创新
在老师的引导下学会对比学习，培养对知识的主动探索、主动发现和对所学知识意义的主动建构。
■课时安排
安排1课时。
■教学重点与难点
1.教学重点
框架网页的建立与保存。
2.教学难点
框架网页的建立与保存。
框架中超链接的使用。
■教学方法与手段
对比教学法、探究学习法、讲授法。
■课前准备
制作相同结构的用以对比的表格网页和框架网页以及给学生用于操作的网站半成品和素材。
■教学过程
教学环节 教师与学生活动 设计意图
一、新课引入
上周末南京举办了世界马拉松比赛，很多世界各地的朋友来到了南京，作为一名南京市民，我也想利用自己所学的知识，帮助宣传南京，为那些来南京的朋友提供一些帮助。
老师搜集了一些南京的著名景点介绍，可以帮助别人了解南京。今天我们就来一起
完成这个网站的制作。
由“世界马拉松比赛”引入活动。
通过提问回答，让师生初步熟悉对方，建立良好的沟通关系。
二、问题探究 展示已经准备的网页素材。
利用打印出的成品布局页，师生共同分析布局，让学生发现网页中有重复的部分。
该部分的制作尽管可以使用复制、粘贴的方法为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。
框架网页作品介绍——“多变的框架” 由视觉上的异同分析，让学生产生疑惑和兴趣，从而激发学习的欲望。
学生不一定能说出所有的区别，教师应适时分步加以引导和总结。
三、新建框架 Dreamweaver已经为大家提供了“框架集”功能，我们可以很方便的使用“框架集”新建一个框架网页。
请学生动手新建框架网页。
小提示：为每一框架指定一个标题
介绍几个英语单词：top、left、main、frame
利用框架技术在设计网页的时候把一个版面分成了不同的区域，每一个区域我们就称为一个框。
框架概念的理解是学习框架的第一步，知道其与普通网页的不同之处，方便新建、保存操作的理解。
四、保存框架网页 普通网页如何保存？
对于我们刚做好的这个框架网页该如何保存呢？结合我们新建时候产生的3个框想一想，会出现几个文件？
教师广播演示。（提示）框架网页在保存的时候要注意，
单击“文件”——“保存全部”后，依次保存：整个框架、main框架、left框架、top框架。
弹出对话框，注意观察框架边框区域。因为框架网页每一个框都是一个网页，所以在保存的时候首先对整个框架进行保存。接着对每一个区域的网页独立保存，
提示学生注意修改框架文件名。 在新建框架后紧接着就学习保存框架，有助于框架概念的进一步加深与理解。
引导学生使用“保存全部”命令，可以直观的了解到框架网页的结构组成。
让学生大胆猜想框架网页保存后会产生几个网页，并亲手证实比教师讲解的效果要好
五、制作框架网页 学生依次制作框架网页的几个部分。
提醒学生使用插入图片的方法快速制作top,left。
在操作过程中请思考：
1.如何调整框架的大小？
2.显示框架的边框如何设置？
提示学生依次制作各框架。
框架的主体宽度是可以调整的。
六、设置超链接 为left框架内容设置超链接，完成整个网页的制作（设置站点内的超链接）
学生先自行设置超链接，出错后，老师提示使用“目标”
让学生尝试设置，让其介绍 “目标”含义。
在框架网页中使用超链接技术正是解决了本课开始的问题，前后呼应
“目标”含义介绍：此处考虑到利用实际网页进行演示会占用较多时间，因此，采用教师讲授法，直接讲授。
七、小结 通过一节课的制作，南京著名景点介绍的专题网站我们就制作完成了。
学生演示网页，并说说一节课所学体会。
再次巩固本课的知识点。
■教学反思