南京市第三高级中学文昌校区胡敏

母亲节的祝福-框架网页的制作 南京市第三高 级中学文昌校区 胡 敏 教材分析 本内容是初中信息技术苏科版教材第 11 章设计主题网站中框架网页的制作 部分。 网页设计是在学生学习过文字处理、图片处理、多媒体信息处理的基础上， 让学生进一步掌握信息处理的方法，了解和掌握信息发布的另一种方法。 本节课框架技术是学生在简单网页、表格布局网页、交互式网页的基础上， 进一步掌握网页结构的布局方法及网页动态效果的设计方法的一节课，承上启 下，学生既可以通过学习进 一步完善自己的网站结构，也可以通过操作复习、 综 合应用之前所学。 学情分析 因为是借班上课，对该班学生的情况不是很熟悉，通过任课老师的介绍了解 到学生已经具备了一定的网页设计基础知识与技能，基本能应用表格辅助排版 设计出图文并茂的网页,会设置超链接。 初二的学生兴趣容易调动，学习的探究热情容易高涨，教师可以利用这一特 点，让学生不断在实践中体 验和总结，从而达到自主学习的效果。 教学目标 1.知识与技能 (1)理解框架的概念与用途。 (2)掌握框架网页的新建、制作、编辑与保存的方法。 (3)初步掌握将框架结构与表格布局结合使用来制作网页。 (4)会在框架网页中设置超链接。 2.过程与方法 (1)通过对表格网 页的分析以及表格与框架网页的对比，体验新知识(框架结 构网页) 的优点，从而促进其学习新知识。 (2)理解框架的概念与组成，学会分析网站的结构。 (3)感受框架网页的用途，体会其优点，从而明确框架网页设计技术的适用范 围。 3.情感态度与价值观 (1)通过以“母亲节的祝福”为主题的框架结构网页制作活 动，提升对母爱的 理解，学会感恩。 (2)能够将表格与框架 结构网页结合使用，在创作中体验乐趣。 4.行为与创新 在老师的引导下学会对比学习，培养对知识的主动探索、主动发现和对所学 知识意义的主动建构。 课时安排 安排 1 课时。 教学重点与难点 1.教学重点 框架的概念、用途， 创建、编辑与保存框架网页的方法。 2.教学难点 框架中超链接的使用。 教学方法与手段 对比教学法、探究学习法、模仿学习法。 课前准备 制作相同结构的用以对比的表格网页和框架网页以及给学生用于操作的网 站半成品和素材。 第 3 页(共 5 页) 教学过程 教学环节 教师与学生活动 设计意图 一、对比 引入 老师展示一组用表格制作的网页，要求学生仔 细观察，找出它们的共同点。 学生回答：网页上方和左侧的内容相同，仅右 下方的内容不同。 提问：如何快捷的制作这样的网页？ 学生回答：用复制粘贴的方法 老师：尽管复制、粘贴能为我们节省时间，但 有没有更好的方法呢？相同的区域我们能否只做一 遍呢？今天我们要学习的内容框架网页制作， 就能给我们带来更多便捷。 从学生已有的表 格布局网页的知识引 入新课。 让学生明确框架 网页使用的场合 二、问题 探究 老师展示两张内容相同的网页(一张框架制作， 一张表格制作)，请同学观察：1.布局上有何不同？ 再分别进入 Frontpage2003 编辑状态观察：2.网页 的设计界面有何不同？3.在网页的空白区域右击鼠 标，快捷菜单的内容有何不同？4.观察两个网站的 站点文件夹，有何不同？ 学生回答：1.布局上看似相同；2.有分界线； 3.框架的网页快捷菜单中多了框架属性；4.站点文 件夹中，表格网站只有一个网页构成，框架网站里 有四个网页。 由视觉上的不同， 让学生产生疑惑和兴 趣，从而激发学习的 欲望。 学生不一定能说 出所有的区别，教师 应适时分步加以引导 和总结。 三、演示 讲解 利用框架技术在设计网页的时候把一个版面分 成了不同的区域，每一个区域我们就称为一个框。 新建一个站点文件夹，通常新建网页的时候， 我们不仅可以新建空白页面，还可以新建一个框架 页面。根据我们的需要选择不同的框架类型(假定为： 横幅和目录型)，可以看到每一个框都可以有两种设 置的选择：设置初始网页和新建网页。框架结构中 的每个框都是一个独立的网页，用分界线把不同的 网页组织起来的整个版面就是我们设计的最终页面。 新建网页很好理解，我们简单在每一个框中新 建网页，利用学过的知识充实内容(简单输入文字)， 当然也可以使用表格技术设计每一个框中的网页版 面。设置初始网页其实就是将一个已经完成的网页 链接到该框架中。 框架概念的理解 是学习框架的第一步， 知道其与普通网页的 不同之处，方便保存 操作的理解。 教师的演示是学 生的学习过程。演示 中的讲解帮助学生学 习和理解。 框架页面的保存 是教学的难点，教师 的操作尽量地慢，从 概念的理解入手帮助 学生加深印象。 教学环节 教师与学生活动 设计意图 在框架网页设计中非常关键的知识就框架的保 存。(提问)普通网页如何保存？引申为框架网页的 保存。(提示)框架网页在保存的时候要注意，单击 “文件”“保存”后，弹出对话框，注意观察 蓝色高亮区域。因为框架网页每一个框都是一个网 页，所以在保存的时候要对每一个区域的网页独立 保存，最后对整个框架进行保存。 提问：用设置初始网页的方法建立的网页需要 再单独保存吗？ 四、实践 操作 鼓励学生围绕母亲节主题，根据老师提供的网 站半成品和素材新建一个框架页面，选择类型，尝 试简单设计各框架中的页面，并保存。在操作过程 中请思考： 1.如何调整框架的大小？ 2.不显示框架的边框如何设置？ 实际动手的巩固 操作有利于学生理解 概念并对所学的知识 加深印象。在操作过 程中鼓励学生思考， 培养自主探究的能力。 五、反馈 思考 转播学生的画面，反馈学生实践结果。 有的同学感觉当框不显示时设计出来的网页和 普通表格设计的网页几乎一样，提问：什么场合需 要用到框架网页，适合使用框架技术设计网页呢？ 框架结构网页中一般是部分框中的内容相对固 定不变，而主框架中的内容可以不断更新变化。利 用框架技术设计主页，方便设计者，也提醒浏览者 关注主要内容的变化。根据自己所选择的框架类型， 利用超链接技术完善母亲节网站。适时对超链接中 出现的问题加以分析。 对学生操作过程 的反馈是检验评价的 过程，也是帮助学生 巩固知识的过程。 对问题的思考， 进一步帮助学生理解 框架网页的用途。 在框架网页中使 用超链接技术正是解 决了本课开始的问题， 前后呼应。 六、小结 通过今天的学习，我们知道用框架技术也可以 设计网页。回答下面的问题一起来回顾一下： 1.什么情况下比较适合使用框架技术？ 2.保存的时候需要注意什么问题？ 再次巩固本课的 知识点。 教学反思 1.本节课的开始安排了对比引入的情境：根据学生已有的表格布局网页的知 识基础，展示三张用表格制作的布局结构相同的网页，对比其相同与不同引发学 生思考，培养学生的观察能力和思考能力。 第 5 页(共 5 页) 2.紧接着又抛出一个对比，对比一个分别用表格和框架布局的网页，让学生 边观察边思考其中的相同与不同，目的在于让学生直接体会框架网页的特点，而 不是急于讲解框架的制作， 让学生在老师的引导下自主的进行知识迁移。 3.本课重点在于框架的建立与保存，由于时间的限制不可能对框架的其他操 作如属性等一一讲解。主要是由老师启发和引导学生学会自己去探究。 4. 框架中各个框的关联及点击导航栏后链接的目标显示区域问题是另一个 教学的难点，之前稍微改变 了教学顺序，将超 链接操作在框架设计之前讲授，有 了这样的铺垫，这个难点迎刃而解。同时也与本课开始的第二个对比相呼应，自 然的引出为什么要用框架？让学生对框架的作用有了进一步的理解。 教学点评 张玲玲（南京市第十七中学）： 胡敏老师的语言组织能力很强，上课讲解得十分到位，也敢于大胆地放手让 学生去做，而不是先演示后让学生跟着做，非常好。 田莉莉（南京市第十七中学）： 胡敏老师的课信息容量很大，由于是借班上课， 虽然未能完全达到预期的效 果，但讲 解得十分到位。虽然有同学未能完成任务，但胡敏老师已经