运用框架结构制作网页教学设计

《运用框架结构制作网页》教学设计姓名：张莉工作单位：南京市第四中学邮箱：ihy0227@《运用框架结构制作网页》教学设计一、设计意图《运用框架结构制作网页》是初中信息技术（中国科学技术出版社出版）第二册中的内容，书中是以3个小任务的形式介绍了制作框架网页的详细操作步骤。

若按书上内容用传统的教师讲解、学生操作的方式教学，会存在一些问题。

一、学生不理解为什么要用框架结构来制作网页；二、学生只是按任务要求及具体的操作提示而完成框架结构网页，并不知道这种结构的网页应用在什么场合，在什么情况下选用框架结构来设计网页呢？三、内容上没有学生喜欢的动态或多媒体元素，学生觉得只是按部就班地操作，提不起兴趣。

所以在本节课的设计中要有心注意处理好以上三个问题，精心设计课件与学件，把提高学生信息技术素养，培养学生应用信息技术能力有机融于教学。

二、教材分析从在本教材中所处的位置来看，《运用框架结构制作网页》是在创建新站点，制作简单网页、运用表格制作网页和动态网页之后。

通过前面的学习，学生可以建立有多张网页的个人站点，在对网页的设计中会运用表格给网页布局，为了使网页增添动感，还会通过增加滚动字幕、动态按钮以及动画插件等方法，令网页更加具有活力。

但是除了表格布局外，还有一种常见的布局形式，应用也相当广泛，学生在浏览一些著名网站时就能遇到，通过本节课《运用框架结构制作网页》学习，可以为学生解惑，帮助学生理解框架结构制作网页的应用，因此本节课也是利用FrontPage2000制作网页部分的重点内容。

希望通过学习，学生在自主设计网站时能灵活运用两种布局方法，相辅相成规划自己的网站。

从教材的难易度分析，这部分知识点学生从来没有接触过，在前面学习其它的应用软件时也没有类似的地方，故而有一定难度，教学目标不能定的过高。

另外，为了让学生知识模块更加清楚，教材中原本在该章节安排的横幅广告管理器内容已在前面动态网页制作中完成教学。

三、学情分析对初二的学生来说，运用框架结构制作网页是有一定难度的，因为学生在前面学习网页制作过程中没有接触过；在初一学习网络基础知识时只注意了根据网址找到相应网站并浏览网页内容，很少会考虑或注意到不同网站的不同布局。

教学设计《运用框架结构制作网页》各位读友大家好，此文档由网络收集而来，欢迎您下载，谢谢南京四中张莉一、设计意图《运用框架结构制作网页》是初中信息技术（中国科学技术出版社出版）第二册中的内容，书中是以3个小任务的形式介绍了制作框架网页的详细操作步骤。

若按书上内容用传统的教师讲解、学生操作的方式教学，会存在一些问题。

一、学生不理解为什么要用框架结构来制作网页；二、学生只是按任务要求及具体的操作提示而完成框架结构网页，并不知道这种结构的网页应用在什么场合，在什么情况下选用框架结构来设计网页呢？三、内容上没有学生喜欢的动态或多媒体元素，学生觉得只是按部就班地操作，提不起兴趣。

所以在本节课的设计中要有心注意处理好以上三个问题，精心设计与学件，把提高学生信息技术素养，培养学生应用信息技术能力有机融于教学。

二、教材分析从在本教材中所处的位置来看，《运用框架结构制作网页》是在创建新站点，制作简单网页、运用表格制作网页和动态网页之后。

通过前面的学习，学生可以建立有多张网页的个人站点，在对网页的设计中会运用表格给网页布局，为了使网页增添动感，还会通过增加滚动字幕、动态按钮以及动画插件等方法，令网页更加具有活力。

但是除了表格布局外，还有一种常见的布局形式，应用也相当广泛，学生在浏览一些著名网站时就能遇到，通过本节课《运用框架结构制作网页》学习，可以为学生解惑，帮助学生理解框架结构制作网页的应用，因此本节课也是利用FrontPagexxxx 制作网页部分的重点内容。

希望通过学习，学生在自主设计网站时能灵活运用两种布局方法，相辅相成规划自己的网站。

从教材的难易度分析，这部分知识点学生从来没有接触过，在前面学习其它的应用软件时也没有类似的地方，故而有一定难度，教学目标不能定的过高。

另外，为了让学生知识模块更加清楚，教材中原本在该章节安排的横幅广告管理器内容已在前面动态网页制作中完成教学。

三、学情分析对初二的学生来说，运用框架结构制作网页是有一定难度的，因为学生在前面学习网页制作过程中没有接触过；在初一学习网络基础知识时只注意了根据网址找到相应网站并浏览网页内容，很少会考虑或注意到不同网站的不同布局。

《制作框架网页》教学设计方案（第一课时）一、教学目标1. 知识与技能：了解网页的基本框架，掌握创建框架的基本方法，能够独立制作简单的框架网页。

2. 过程与方法：通过实践操作，掌握网页框架的布局和制作技巧。

3. 情感态度与价值观：培养学生对网页制作的兴趣，激发创新精神，体验成功的乐趣。

二、教学重难点1. 教学重点：掌握创建框架网页的方法，能够独立制作简单的框架网页。

2. 教学难点：如何根据需求合理布局框架，使其具有更好的视觉效果和用户体验。

三、教学准备1. 教材准备：准备相关的教材、图片和案例，以便教学。

2. 工具准备：检查计算机设备是否正常运行，确保网络通畅。

3. 学生准备：提前布置学生预习相关内容，准备好纸、笔以记录操作过程。

4. 环境准备：确保教室整洁、明亮，营造良好的学习氛围。

四、教学过程：（一）引入1. 复习：回顾网页的基本组成元素，如标题、文字、图片、链接等。

2. 导入：介绍框架网页的概念和特点，以及制作框架网页的基本步骤。

（二）新授1. 示范：教师演示如何制作一个简单的框架网页，包括设置网页标题、添加内容框、添加导航框架等步骤。

2. 讲解：详细讲解每个步骤的原理和操作方法，包括如何使用HTML代码、如何设置网页布局等。

3. 实践：学生根据教师的示范和讲解，尝试自己制作一个简单的框架网页，遇到问题可以向教师请教。

4. 指导：教师对学生的实践过程进行指导，帮助学生解决遇到的问题，同时也可以纠正学生的错误操作。

（三）拓展1. 任务：给学生布置一个制作框架网页的任务，要求学生在规定时间内完成。

2. 评价：学生完成后，教师对学生的作品进行评价，指出优点和不足，并给出改进建议。

3. 讨论：组织学生讨论框架网页的制作技巧和注意事项，鼓励学生分享自己的经验和心得。

（四）小结1. 回顾：教师对本节课所学的知识和技能进行总结，强调框架网页的特点和制作要点。

2. 作业：布置课后作业，要求学生尝试制作不同类型的框架网页，提高自己的实践能力和创新能力。

第九课框架布局网页教学目标：1、理解框架结构的含义和用途；2、掌握建立框架网页的方法；3、掌握框架属性的设置方法；4、掌握框架网页的保存方法。

教学重点：1、网页框架的建立。

2、理解“设置初始网页”和“新建网页”的含义。

教学难点：掌握框架属性的设置：调整框架大小、设置框架边界、改变边框线的宽度等。

教学方法：任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法。

教学准备：1、教师准备一些文字和图片素材。

2、教师提供一些制作框架网页的演示动画。

3、教师准备一些用网页框架制作的优秀作品。

教学过程：导入：除表格外，框架也是网页的一种重要布局工具。

使用表格构建网页布局的方法，本章介绍框架的应用，主要包括框架网页的创建，以及框架和框架集的基本操作。

对初学者来说，本章内容可能不太好理解，希望大家认真学习。

框架网页的创建与使用表格布局网页不同的是，框架布局通常适合页面中有一个区域发生变化，而其它区域不发生变化的网页，如网站后台管理界面和一些论坛网页。

关于框架和框架集在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架，每个框架可显示不同的文档内容，彼此之间互不干扰。

框架网页最明显的特征就是当一个框架的内容固定不动时，另一个框架中的内容仍可以通过滚动条进行上下翻动。

框架网页主要包括两部分，一是框架集，二是框架。

框架记录具体的网页内容，每个框架对应一个网页；框架集是特殊的HTML文件，它定义整个框架页面中各框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面URL。

框架集文件本身不包含要在浏览器中显示的HTML内容，只是向浏览器提供应如何显示一组框架，以及在这些框架中应显示哪些文档。

要在浏览器中查看一组框架，需要输入框架集文件的URL，浏览器随后打开要显示在这些框架中的相应文档。

使用框架的最常见情况是，一个框架显示包含导航控件的文档，另一个框架显示含有主要内容的文档。

例如，图9-1-1显示了一个由两个框架组成的框架网页：一个较窄的框架位于左侧，其中包含导航条；一个大框架占据了页面的其余部分，包含网页的主要内容。

2019-2020年教科版信息技术基础必修《制作网站——运用框架结构制作网页》
1课时教案附教学反思
教学目标：
1、知识目标
了解框架结构的基本知识、框架的作用及框架属性
2、技能目标
1）能够使用框架结构设计网页
2）学会设置网页的框架属性，根据网页具体情况调整框架结构
3、情感目标
通过框架结构网页设计，提高学生对网页整体架构的设计能力和鉴赏能力。

教学重点与教学难点：
重点： 1、框架网页的建立
2、调整、填充框架网页
3、框架网页的保存
难点： 1、更改和设置网页的框架属性
2、框架网页的保存
关键：掌握框架属性对话框的使用方法
教学方法与教学手段：
1、讲解与演示
2、对比教学
3、探究与实践
教学准备：
运用框架结构制作网页，以准备在课堂上演示
教学过程：。

《制作框架网页》教学设计方案（第一课时）一、教学目标1. 了解网页框架的基本概念和作用。

2. 掌握创建框架的方法和步骤。

3. 能够根据需求设计并制作简单的框架网页。

二、教学重难点1. 教学重点：掌握创建框架的方法和步骤，能够根据需求设计并制作简单的框架网页。

2. 教学难点：合理布局框架，实现网页的视觉效果和功能。

三、教学准备1. 准备教学用具：计算机、投影仪、网页制作软件等。

2. 准备教学材料：相关图片、文字素材等。

3. 复习上一节课的内容，为新课做铺垫。

4. 设计教学流程，引导学生逐步掌握框架网页的制作方法。

5. 提醒学生注意安全，遵守课堂纪律。

四、教学过程：一、引入1. 自我介绍并说明课程目标2. 介绍网页的基本组成和框架网页的特点3. 引导学生思考如何制作框架网页二、新课教学1. 讲解框架网页的基本概念和制作步骤2. 演示制作框架网页的步骤，包括创建框架、设置标题、添加内容等3. 引导学生尝试自己制作一个简单的框架网页4. 针对学生制作过程中出现的问题进行解答和指导三、实践操作1. 学生根据课堂所学知识，自行制作框架网页，教师进行巡视指导2. 针对学生制作过程中出现的问题进行个别指导3. 鼓励学生尝试使用不同的方法制作框架网页，培养创新思维四、课堂小结1. 回顾本节课所学知识，强调框架网页的特点和制作方法2. 鼓励学生分享自己的制作经验，互相学习3. 布置课后作业，要求学生继续完善自己的框架网页作品，并思考如何进一步优化和改进。

五、课后延伸1. 鼓励学生参加各类信息技术竞赛，锻炼自己的技能和表达能力2. 提供学习资源和学习建议，帮助学生持续学习和发展自己的信息技术能力。

教学设计方案（第二课时）一、教学目标1. 知识与技能：学生能够理解框架网页的概念，掌握创建框架网页的基本步骤和方法。

2. 过程与方法：通过实践操作，学生能够熟练使用框架网页的制作工具，完成框架网页的制作。

3. 情感态度与价值观：培养学生利用信息技术解决实际问题的能力，激发对信息技术课程的兴趣。

框架网页教案
教案标题：框架网页教案
教学目标：
1. 了解框架网页的基本概念和特点
2. 掌握框架网页的基本结构和语法
3. 能够设计和创建简单的框架网页
教学重点：
1. 框架网页的定义和作用
2. 框架网页的基本结构和语法
3. 框架网页的设计和创建
教学难点：
1. 框架网页的嵌套和布局
2. 框架网页的交互和链接
教学准备：
1. 计算机和网络设备
2. 编辑器软件
3. 实例框架网页代码
教学过程：
1. 导入：通过展示一个框架网页的实例，引出框架网页的概念和作用。

2. 讲解：介绍框架网页的基本结构和语法，包括框架的定义、嵌套和布局方式。

3. 演示：通过实例演示如何设计和创建一个简单的框架网页，包括框架的设置
和页面的链接。

4. 练习：让学生在计算机上动手操作，设计和创建自己的框架网页，包括多个框架的嵌套和页面的交互。

5. 总结：总结框架网页的知识要点，强化学生的理解和记忆。

6. 拓展：引导学生进一步了解和探索框架网页的应用和发展，包括响应式设计和移动端适配等内容。

教学评价：
1. 观察学生在课堂上的学习情况，包括理解和操作框架网页的能力。

2. 布置作业，要求学生设计和创建一个包含多个框架的网页，并提交代码和效果展示。

3. 结合学生的作业和表现，进行评价和反馈，指导学生进一步提升和完善自己的框架网页设计能力。

第九课框架布局网页教学目标：（1）掌握框架网页的概念及用途。

（2）掌握框架网页的创建、制作、编辑与保存。

（3）能够在浏览器中预览网页，了解框架的拆分方法。

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

教学重点：框架网页的概念、用途，创建、编辑、保存与拆分框架网页的方法。

教学难点：创建、编辑框架网页的方法。

教学过程：导入：浏览器窗口被分割成了3个区域，类似这样的网页被称为框架结构网页。

这种结构的特点在于能够将浏览器页面分割成若干个区域，各个区域既相互独立，又保持一定联系，且部分区域内容相对固定。

（图一）“人与动物”框架网页利用框架结构设计如图一所示的“人与动物”网页：在网页的上部显示“人与动物”标题与宣传语。

在网页的左下侧制作四个悬停按钮。

在网页的右下侧显示该页的内容。

1．创建框架结构网页任务一：请结合“实践指导一”，创建框架网页。

实践指导一：Step1打开站点“dongwu”。

Step2创建框架网页。

执行“文件→新建→网页”命令，在弹出的“新建”对话框中单击“框架网页”标签，选择“横幅和目录”样式。

如图二所示。

（图二）横幅和目录单击“确定”按钮，窗口出现横幅和目录结构的框架，如图三所示。

（图三）框架页面Step3保存网页为“kuangjia.htm”。

注：记录框架结构需要一个独立的页面，此外，框架结构中的每个框都是一个独立的网页文件。

通过每个网页中的“新建网页”按钮、“设置初始网页”按钮进行选择。

2．新建或指定各框中的初始页面任务二：结合“实践指导二”，制作top框架页面、left框架页面和main框架页面。

在横幅和目录的框架网页中，一般将三个框分别命名为top、left、main/right （如图三），其中top框用来显示本页主题或横幅广告，left框用来显示超级链接的目录，main框用来显示与目录对应的内容。

实践指导二：Step1制作top框架页面。

单击top框中的“新建网页”按钮，top框中会出现一个空白页面。