第3章 05框架网页的制作（教学设计）-初中信息技术八年级同步教学设计+视频+图片（苏科版2018）

框架网页的制作 课题：框架网页的制作（第3章 第2节 第5课时） 一、教材分析 本课是第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）教师活动 提示学生，如果操作迅速，可以将我们的网页效果进行美化，可以参考学件上的各个角度来美化网页效果。 （2）学生活动