《第二节 04框架网页的制作》参考教案.docx

学而优教有方

PAGE

PAGEPage3/NUMPAGESPages3

框架网页的制作

一、教材分析

本课是第3章第2节第5课时。网页设计是在学生学习过文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另一种方法。

本节课是学生在简单网页、表格布局网页的基础上，进一步掌握网页结构的布局方法的一节课，承上启下，学生既可以通过学习进一步完善自己的网站结构，提高制作网站的效率，也可以通过操作，复习之前所学的各项应用，并且通过增加简单的页面间超链接环节，体会框架结构的特点与优势。

二、学情分析

学生已经具备建立站点和表格布局网页的技能，能够简单美化网页。

三、教学目标

1.知识与技能

（1）理解框架网页的概念、特点和作用。

（2）掌握框架网页的新建与保存的方法。

（3）初步掌握将框架结构与表格布局结合使用来制作网页。

（4）会对框架网页进行简单的编辑设置。

2.过程与方法

根据教师提供的素材和操作步骤，能独立完成制作任务，并能在制作过程中发现问题和解决问题。

3.情感、态度与价值观

（1）通过我校校本课程“金陵话名人”为主题，其中各个小主题的框架结构网页制作活动，了解更多有关金陵名人等方面的知识。

（2）能够将表格网页与框架结构网页结合使用，在创作中体验乐趣。

4.行为与创新

在教师的引导下能根据所学知识进行主动探索，主动建构知识。创造特色网页效果。

四、教学重点与难点

1.重点

（1）框架网页的新建与保存。

（2）框架网页属性的设置：重新设置初始页面，边框的设置等。

（3）框架网页中的超级链接的设置。

2.难点

对框架网页结构的理解。

五、教学方法

任务驱动，教师讲授，学生自主探究。

六、教学准备

课件及其他框架网页参考样例，“金陵话名人”学件及相关文字、图片、动画、链接的网页等素材。

七、教学过程

（一）提出问题

1.教师活动

教师拿“金陵话名人”其中的“帝王将相”这个模块中的所有网页提问，如果制作整体效果相同的网页，我们需要怎样操作；如果修改其中的顶端banner，那需要怎么做？

2.学生活动

学生对教师的问题进行思考。

3.设计意图

用贴近学生现状的问题激发学生的兴趣。

（二）分析问题、引出主题

1.教师活动

教师：烦琐和重复的操作，后期网站维护不易修改，是我们目前面临的问题。那么今天我们来学习提高网页制作效率的其中之一的方法：框架网页的制作。

教师抛出问题：那什么是框架网页，什么时候需要用到框架网页？（共同分析，PPT展示）引导学生观察点击出来的网页有什么特点（相同之处和不同之处）。

总结：框架网页中一般是部分框中的内容相对固定不变，而主框架中的内容可以根据用户选择的超链接不断更新变化。

2.学生活动

学生观察教师演示的内容，对教师提出的问题进行思考回答（有3块内容，上侧与左侧的内容没有变化，只有右侧的内容在变化）。

3.设计意图

通过观察，学生直观感受框架网页的特点。

（三）教师讲解，课堂新授

1.什么是框架网页

（1）教师活动

框架网页是一种特殊的网页，它将浏览器窗口分割成不同的区域，每一个区域我们就称为一个框，这些框可独立显示网页。

（2）学生活动

学生观察教师的关于框架网页的课件，并认真听教师的讲解。

（3）设计意图

学生要更好地学习框架网页设计技术，必须理解框架网页的概念、特点及作用。

2.如何新建框架网页

教师活动。

提出新建框架网页不能直接点击工具栏上的快捷按钮。举例：选择新建的框架类型（假定为：“横幅和目录”型）。

3.如何保存框架网页

（1）教师活动

提出问题：保存框架网页后会出现几个文件？教师演示，提醒注意观察蓝色高亮区域。因为框架网页每一个框都是一个网页，所以在保存的时候要对每一个区域的网页独立保存，最后对整个框架进行保存。保存的文件名不能乱起，要有意义。

（2）学生活动

学生观察教师操作的内容，掌握新建、保存框架网页的方法，并对教师在制作过程中提出的问题进行思考猜想。

（3）设计意图

框架页面的保存是教学的重点，教师的操作尽量慢，从概念的理解入手帮助学生加深印象。进一步让学生理解“设置初始网页”和“新建网页”在保存时的不同。

4.框架属性的设置

（1）教师活动

展示阶段性作品，带领学生共同分析有哪些不足？教师进一步的提出问题：①能否去除框架边框？②能否更改主框的初始页面？引出框架网页属性设置的内容。

教师做简单的介绍、引导。

（2）学生活动

学生依照学件完善自己的框架网页。学生操作过程中，教师巡查指导。

（3）设计意图

通过类比图片、动画等属性设置，学生能自主探究框架属性的设置，自我消化知识点。

5.美化页面

（1）教师活动

提示学生，如果操作迅速，可以将我们的网页效果进行美化，可以