教案6--框架型网页“绿色世界”之一
制作框架网页教案
制作框架网页教案教案标题：制作框架网页教案教学目标：1. 学生能够理解什么是框架网页，并能够解释其作用和优势。
2. 学生能够使用HTML和CSS创建框架网页的基本结构和样式。
3. 学生能够利用框架网页设计和布局内容。
教学资源：1. 计算机和互联网连接2. HTML和CSS编辑器（如Sublime Text、Notepad++等）3. 网页浏览器（如Chrome、Firefox等）教学步骤：引入：1. 向学生介绍框架网页的概念，并解释其在网页设计中的作用。
2. 引导学生思考框架网页与普通网页的区别，并列举框架网页的一些应用场景。
主体：3. 讲解HTML框架标签的基本语法和用法，包括`<frameset>`、`<frame>`和`<noframes>`标签。
4. 演示如何创建一个简单的框架网页结构，包括水平和垂直分割的框架。
5. 引导学生实践创建自己的框架网页结构，并帮助他们解决可能遇到的问题。
6. 讲解CSS样式表的基本语法和用法，包括如何为框架网页添加样式和布局。
7. 演示如何为框架网页添加背景颜色、边框、字体等样式效果。
8. 引导学生实践为自己的框架网页添加样式和布局，并鼓励他们发挥创造力。
总结：9. 回顾框架网页的概念和创建过程，确保学生对所学内容有一个清晰的理解。
10. 鼓励学生分享他们创建的框架网页，并提供反馈和建议。
教学评估：1. 观察学生在实践中的表现，包括他们是否能够正确创建框架网页的结构和样式。
2. 收集学生的框架网页作品，评估其创意和设计水平。
3. 进行小组或个人讨论，让学生分享他们对框架网页的理解和应用。
拓展活动：1. 鼓励学生进一步探索框架网页的高级功能，如跨框架通信、动态调整框架大小等。
2. 引导学生学习响应式网页设计的基本概念和技巧，以适应不同设备和屏幕尺寸。
教学反思：1. 教学过程中，及时观察学生的学习情况，根据需要进行适当的调整和辅导。
框架网页教案
框架网页教案
教案标题：框架网页教案
教学目标：
1. 了解框架网页的基本概念和特点
2. 掌握框架网页的基本结构和语法
3. 能够设计和创建简单的框架网页
教学重点：
1. 框架网页的定义和作用
2. 框架网页的基本结构和语法
3. 框架网页的设计和创建
教学难点：
1. 框架网页的嵌套和布局
2. 框架网页的交互和链接
教学准备：
1. 计算机和网络设备
2. 编辑器软件
3. 实例框架网页代码
教学过程：
1. 导入：通过展示一个框架网页的实例，引出框架网页的概念和作用。
2. 讲解：介绍框架网页的基本结构和语法，包括框架的定义、嵌套和布局方式。
3. 演示：通过实例演示如何设计和创建一个简单的框架网页，包括框架的设置
和页面的链接。
4. 练习：让学生在计算机上动手操作，设计和创建自己的框架网页，包括多个框架的嵌套和页面的交互。
5. 总结：总结框架网页的知识要点，强化学生的理解和记忆。
6. 拓展：引导学生进一步了解和探索框架网页的应用和发展，包括响应式设计和移动端适配等内容。
教学评价：
1. 观察学生在课堂上的学习情况，包括理解和操作框架网页的能力。
2. 布置作业，要求学生设计和创建一个包含多个框架的网页，并提交代码和效果展示。
3. 结合学生的作业和表现，进行评价和反馈，指导学生进一步提升和完善自己的框架网页设计能力。
教案6框架型网页“绿色世界”之一
制作中注意点：
1、所有用来分布网页的表格宽度要完全一致，最后将边框线去掉，最外层表格大小应设为显示器宽度的80%。
2、框架网页各边距应尽量小页和次页的不同地位辨识不清。
网页基础第课时教案月日第周星期
课题
制作框架型网页——“绿色世界”之一
课型
新授
教时
2节
教学目的
学习框架网页基本操作和注意点
教学重点
框架网页制作方法和原理
课
前
准
备
图片
准备
教学难点
理解制作框架网页的过程
教学环节
教学过程
教师
活动
学生
活动
复习
引入
1、检查学生对“素材精品屋”网站的完成程度和理解能力。
2、请学生说出“素材精品屋”网站中主要技术的名称和简单步骤。
3、框架网页文件的保存方法和注意点。注意不要随便改变文件在网站中的相对位置。
答：点保存按钮会要求依次保存各框架网页到不同文件，在预览窗口中高亮显示的就是当前要求保存的网页，必须明确各网页间的关系。
4、框架网页中“框架属性”和“网页属性”的设置（水印和背景、滚动条、边距《网页内容和边框间的距离》）
答：框架属性是针对所有框架网页来设置的。网页属性则是针对各个分框架网页来设置的。将框架属性中的边框粗细设为0能使各框架看起来融为一体毫无边界。
3、考察学生对按钮工厂、画图软件的应用技能。
抽查
作品
提问
学生
演示
回答
教学环节
教学过程
教师活动
学生活动
授
《第13课 制作框架网页》学历案-小学信息技术人教版三起01五年级下册
《制作框架网页》学历案（第一课时）一、学习主题本课程的学习主题为“制作框架网页”。
在这一主题下，学生将学习如何利用信息技术工具进行基本的网页制作，掌握基本的框架结构，理解页面布局与设计的原理，以及基本的HTML知识。
通过这一学习，学生能够更好地掌握网络信息的收集与处理，并增强信息交流和表达的技能。
二、学习目标1. 知识与理解：了解网页的基本构成元素和框架结构，理解HTML语言的基本概念。
2. 技能与操作：掌握使用信息技术工具（如网页编辑软件）进行基本的网页制作。
3. 情感态度与价值观：培养学生对信息技术的兴趣和爱好，激发学生的创造力和实践能力。
三、评价任务本课程学习结束后，学生将通过以下任务进行学习成果的评价：1. 完成一个简单的框架网页制作，包括标题、导航栏、主体内容等基本元素。
2. 提交一份学习反思报告，阐述自己在制作过程中的收获和不足。
3. 小组内互相评价，讨论彼此的网页制作成果，并给出改进建议。
四、学习过程1. 导入新课：通过展示一些简单的网页案例，引出网页的构成元素和基本框架。
2. 新课讲解：详细讲解网页的构成、框架结构和HTML的基本概念。
3. 实践操作：学生使用信息技术工具进行实际操作，教师进行巡视指导。
4. 小组讨论：学生分组进行网页制作，互相交流和讨论制作过程中的问题。
5. 课堂小结：教师总结学生在课堂上的表现和存在的问题，给出改进意见。
五、检测与作业1. 课堂检测：学生现场制作一个简单的框架网页，并展示给教师和其他同学看。
2. 作业布置：让学生在家中完成一个更为复杂的框架网页制作，要求加入图片、文字等多媒体元素。
同时要求学生完成一份学习反思报告，记录自己在制作过程中的感受和收获。
六、学后反思学后反思是学生学习过程中重要的一环。
通过反思，学生可以更好地总结自己在课堂上的收获和不足，并在此基础上进行进一步的提高。
学后反思应该包括以下几个方面：1. 对所学知识的理解和掌握情况：回顾本节课所学的知识，思考自己是否已经掌握了这些知识，是否能够熟练地运用到实际操作中。
六年级下信息技术教案-设计框架网页_闽教版
第八课设计框架网页一、课时安排1课时二、教学目标1、创建“我的作品”框架网页。
2、保存“我的作品”框架网页。
三、教学重点创建“我的作品”框架网页。
四、教学难点创建“我的作品”框架网页。
五、教学过程导入新课。
师：框架网页是一种特殊的HTML网页，它可以将浏览器窗口分割成不同的区域，每一个区域显示不同的网页内容，这些区域就称为框架，具有这种功能的网页，就叫框架网页。
新课教学。
1、创建“我的作品”框架网页。
FrontPage提供了多种框架网页的模板供你选择，通过执行菜单栏中“文件”-“新建”-“网页”命令来实现。
（1）将老师提供的“第8课”文件夹中的“my production”文件夹拷贝到自己电脑D盘上，并在Frontpage中打开该站点；（2）执行菜单栏中“文件”-“新建”-“网页”命令，打开“新建’’对话框，单击对话框中的“框架网页”选项卡，在框架模板框中，选择“目录”模板；（3）单击“确定”按钮，新建一个“目录”样式的框架页；（4）单击左边的“目录”框架中的“新建网页”按钮，就在左框架中新建了一个网页；（5）在“目录”框架网页中插入一个7行1列的表格，表格的高度与宽度均为100%，边框粗细为0；（6）依次在表格的第二至第五行单元格中输入“笨笨熊之家”、“我喜欢的动物”、“我的课程表”和“七巧板”，并设置字体、字号、颜色等；在第六行插入一个.gif图形（images文件夹中的email.gif）；（7）设置网页背景，设置表格各个单元格水平居中对齐；（8）单击右边主框架中的“设置初始网页…”按钮，打开“创建超链接”对话框；在对话框中选择“tangram”文件下的“index．htm”文件，并单击“确定”按钮，就把这个网页设置成了主框架的初始网页；（9）选中“笨笨熊之家”，单击常用工具栏中“超链接”按钮，打开“创建超链接”对话框，选择站点文件夹中的bear文件夹下的index.htm文件；（10）单击“目标框架”方框右边的“更改目标框架”按钮，弹出“目标框架”对话框，选择“公用的目标区”中的“网页默认值”，单击“确定”按钮，回到“超链接”对话框，单击“确定”按钮；用同样的方法设置其他三个标题的超链接；（11）分别右击左右框架网页，在弹出的快捷菜单中，单击“框架属性”命令，打开“框架属性”对话框，单击“可在浏览器中调整大小”复选框，取消该功能；（12）单击“框架网页”按钮，在打开的“网页属性”对话框中，选择“框架”选项卡；单击“显示边框”复选框，取消该功能，单击“确定”按钮，回到“框架属性”对话框，再单击“确定”按钮；（13）将编辑模式切换到“预览”，预览网页效果。
人教版-信息技术-五年级下册-《设计框架网页》教学设计
12设计框架网页一、教学目标1．了解框架网页的基本概念和用途。
2．了解网页设计的一般流程，能根据素材规划网页结构。
3．能用“网页模板”中的“框架网页”创建“标题页脚和目录”型框架网页。
二、教学重点和难点1．教学重点。
(1)了解网页设计的一般流程，能根据素材规划网页结构。
(2)了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。
2．教学难点。
能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。
三、教学方法欣赏作品法：通过欣赏框架网页的作品，引导学生初步认识框架网页的结构及其优点，调动学生的学习兴趣。
演示讲授法：通过演示和讲解，让学生直观地感受，网页设计的流程一般包括确定主题、收集资料、规划网站、制作网页等。
展示评价法：作品的展示，增强学生的学习信心，即时的总结与评价，有助于学生将零散的知识系统化，梳理和总结学习过程。
四、教学准备1．教学环境。
电脑教室，FrontPage 2003，多媒体转播控制系统。
2．教学资源。
设计框架网页. ppt，“防震减灾专题网站”作品及素材。
五、教学过程欣赏作品，导入新课（5分钟）1．展示教材第67～68页的图12-1和图12-2所示的网页，引导学生认识框架网页。
(l)图12-1所示的植物博物馆网页窗口被分成三块区域：上框页头区域、左框目录导航区域、右框内容区域。
(2)图12-2所示的昆虫博物馆网页窗口分成两块区域：左框目录导航区域，右框内容区域。
2．小结并出示课件：框架是另一种网页布局技术。
所谓框架，就是它可以将浏览器分割成几个小区域，每个区域相对独立，可以显示不同的网页内容，这些区域就称为框架，利用框架制作的网页，就叫作框架网页，框架网页是一种特殊的HTML网页。
欣赏用框架网页布局技术制作的网页。
认真听讲。
通过欣赏框架网页，让学生初步认识框架网页的结构及其优点，调动学生的学习兴趣和求知欲。
地区高一年级信息技术一年教案框架网页教案
芯衣州星海市涌泉学校课题：框架网页教学目的:1、理解框架网页的意义2、掌握建立框架网页的方法3、理解框架属性的意义4、掌握框架属性的设置方法教学重点:掌握建立框架网页的方法，掌握框架属性的设置方法教学难点：框架网页的保存框架的作用:框架可以将网页窗口划分成几个单独的小区域，阅读器可以将不同的网页文件同时传送到这几个不同的区域，而且这些网页之间也可以建立链接，利用这一特性，可以将一组相关的内容通过标题相链在一起，使内容查阅起来简捷明了。
教学过程：一、播送学生设计的网页与上课所用学件，请同学比较它们的异同不同之处：学生自己设计的网页，点击主页上的链接后，主页上的内容就看不见了，直接转到下一个页面；而所用的学件，不管点击主页的什么链接，主页上的帮助与任务始终可见。
让同学考虑其中的原因，引入新课。
二、授新课框架网页的建立方法:1、单击文件菜单→新建→网页→框架网页→选择一种构造→确定在这里列出了十种框架布局模板，你可以根据自己的需要选用。
单击“目录〞模板，在预览部分显示了框架网页的布局，上面的说明告诉我们左面的超链接内容在右面显示，这样我们就知道右框架是左框架的目的框架。
有了这些信息你可以选择适宜的框架模板了。
2、在创立的框架网页里指定各框架所显示的网页单击框架网页左框架的“新建网页〞按钮，这样就在当前框架里插入了一个新的空白网页。
我们也可以在框架中插入一个我已经事先编辑好的网页，甚至可以插入一个Internet上的网页。
单击右框架的“设置初始网页〞按钮，你可以直接在列表里选一个当前站点的网页；也可以按放大镜按钮在Internet上查找要插入的网页；单击“文件夹按钮〞可以选择一个自己计算机里的网页；也可以按“文档〞按钮新建一个网页。
我们在这里选择站点的主页，单击“确定〞按钮，主页就被放到右面的框架中了。
我们可以按照常规编辑普通网页的方法来编辑框架里的网页。
单击要编辑的框架里的网页，输入文字，实际上和编辑普通网页一点区别也没有。
五年级下册信息技术教案12设计框架网页闽教版
五年级下册信息技术教案12设计框架网页闽教版一、教学目的1.了解框架网页的基本概念及用途2.了解网页设计的普通流程，能依据素材规划网页结构3.能用〝网页模板〞中的〝框架网页〞创立〝标题页脚和目录〞型框架网页二、教学重难点1.教学重点〔1〕了解网页设计的普通流程，能依据素材规划网页结构〔2〕了解框架网页的概念，能用〝网页模板〞中的〝框架网页〞创立〝标题页脚和目录〞型框架网页，了解和运用框架网页规划技术。
2.教学难点能用〝网页模板〞中的〝框架网页〞创立〝标题页脚和目录〞型框架网页，了解和运用框架网页规划技术。
三、教学方法欣赏作品法、演示讲授法、展现评价法四、教学进程〔一〕欣赏作品，导入新课1. 教员端展现〝植物博物馆网页〞，网页窗口被分红三块区域：上框页头区域、左框目录导航区域、右框内容区域。
2. 展现〝昆虫博物馆网页窗口〞，网页窗口被分红两块区域：左框目录导航区域、右框内容区域。
3. 讲授：大家刚才所看到的网站都用到了框架规划技术，每个网页都用了固定的框架结构，当我们点击左框目录链接时，左边内容区域发作变化，其他框架都没有变，这个就是框架设计的优点，繁复、高效。
框架是一种常用的网页规划技术，它将阅读器联系成几个区域，每个区域都是相对独立，可以显示不同的网页内容，这些区域就称为框架，应用框架制造的网页就叫做框架网页。
这节课让我们一同来学习如何设计框架网页。
〔板书标题〕〔二〕设计框架网页1.请同窗们自已阅读教材68-71的内容，请一般同窗起来回答设计框架网页的流程。
〔教员板书〕2.〔课件展现〕讲授设计框架网页流程〔1〕确定主题讲授：主题是作品创作的方向，不论是写作文、做手抄报、黑板报都要先确定主题，才知道要做些什么，才干思索要什么素材。
在我们制造网站之前，也要确定主题。
那么常用的主题有哪些呢？〔课件展现〕〔2〕搜集素材和处置素材讲授：主题确定后，我们就可以依据主题搜集相关的素材，大家还记得在我们之前课程中制造客家魂网站时都用到了哪几种素材？〔先生回答，教员展现课件〕图片素材、文本素材、视频素材是从哪些渠道获取呢？〔先生回答，教员课件展现〕〔3〕规划网站结构讲授：素材搜集好后，我们要依据素材内容规划下要从哪几个方面来表现主题，这就要规划下我们的网站结构。
人教版-信息技术-五年级下册-《制作框架网页 》教学设计
3、学生完成“实践任务一”，教师巡视指导
4、由学生存在的问题引入“框架属性”的设置：
（1）由“新建网页”更改为“设置初始网页”引入问题，提问：当我们在制作网页时若需要设置网页的背景颜色或背景图片时，我们该如何操作设置？从“网页属性”引入“框架属性”。（2）由网页的美观引入“边距”的设置，其余设置让学生在实践任务二中体会
课题
保护生态环境——制作框架网页
教学目标
知识目标：1、了解框架网页的初步知识2、能够制作简单的框架网页
能力目标：培养学生的动手操作的能力。
情感目标：通过框架结构网页设计，提高学生对网页整体架构的设计能力和鉴赏能力。
教学重点
知识目标1、2
教学难点
知识目标1、2
教学方法
任务驱动法
教学准备
多媒体网络教室、演示幻灯片、教学素材库、FrontPage软件运用框架结构制作网页，以准备在课堂上演示
（2）教师对比生活中的布告栏，总结什么是框架结构的网页
2、讲解框架网页的设计方法（任务驱动教学法）：
（1）创建框架网页：打开站点文件，由“新建网页”引入“新建框架网页”，在“新建”对话框中的“框架网页”选项卡中选取1～2个框架模板说明内容网页在框架中的作用；
（2）调整框架结构：拆分和删除框架结构
（3）填充框架网页：“设置初始网页”和“新建网页”，插入悬停按钮和横幅广告器
5、学生完成“实践任务二”
6、展示优秀作品，评价作品（让学生在观看同学的作品时，领会“框架属性”的不同设置）
老师讲解、演示操作时学生仔细观察操作要点积极思考老师提出的问题
请学生上台尝试网页的保存，大家一起观察
小学信息技术制作框架网页教学设计
小学信息技术制作框架网页教学设计信息技术在现代教育中扮演了重要的角色，它已成为小学教育的一个重要组成部分。
随着互联网的发展，网页设计是信息技术教育不可忽视的一环。
在小学阶段，利用信息技术制作框架网页可以帮助学生培养创新思维和动手能力，并提高他们对信息技术的认识和运用能力。
本文将介绍一种小学信息技术制作框架网页教学设计，帮助教师有效地进行教学。
首先，我们需要明确教学目标。
通过这个框架网页教学设计，我们的目标是使学生了解网页设计的基本原理和技巧，掌握使用框架工具创建网页的方法，并能够运用所学知识设计出具有一定功能的小型个人网页。
接下来，我们可以按照以下步骤进行教学设计：第一步，引导学生了解网页设计的基本原理。
通过示例网页，让学生观察和分析网页的结构和布局，介绍网页的组成部分如标题、导航栏、内容区域等，并解释它们在网页设计中的作用。
同时，引导学生了解网页设计的基本原则，如简洁明了、美观大方等。
第二步，介绍框架网页的概念和使用方法。
解释什么是框架网页，介绍框架的作用和优势，如帮助实现网页布局的自由性和可变性。
同时，讲解框架网页的使用方法，包括创建框架、设置框架属性和调整框架大小等。
第三步，引导学生进行实际操作。
提供一个简单的网页设计任务让学生动手实践，如设计一个个人信息展示网页。
学生可以根据自己的各种兴趣特点，选择和组织自己的个人信息，如照片、姓名、年龄、爱好等，并按照之前学习到的网页设计原理和框架网页使用方法进行操作。
在操作过程中，教师要及时指导学生，解答他们遇到的问题，并鼓励学生运用创新思维进行设计。
第四步，进行网页展示和评价。
在学生完成网页设计后，让他们展示自己的作品，分享设计思路和遇到的困难。
教师可以根据学生的设计情况进行评价，重点关注网页的布局合理性、美观性和功能完整性等方面。
最后，总结教学过程并给予反馈。
在这个阶段，教师可以回顾整个教学过程，总结学生的学习成果和进步，并指出他们在设计过程中的问题和不足之处。
闽教版五年级下册信息技术《设计框架网页》参考教案
第12课设计框架网页一、教学目标1．了解框架网页的基本概念和用途。
2．了解网页设计的一般流程，能根据素材规划网页结构。
3．能用“网页模板”中的“框架网页”创建“标题页脚和目录”型框架网页。
二、教学重点和难点1．教学重点：(1)了解网页设计的一般流程，能根据素材规划网页结构。
(2)了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。
2．教学难点：能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。
三、教学准备1．教学环境：电脑教室，FrontPage 2003，多媒体转播控制系统。
2．教学资源：设计框架网页.ppt，“防震减灾专题网站”作品及素材。
四、教学过程教学环节教师活动学生活动设计意图一、欣赏作品，导入新课（5分钟）1．展示教材第67～68页的图12-1和图12-2所示的网页，引导学生认识框架网页。
(l)图12-1所示的植物博物馆网页窗口被分成三块区域：上框页头区域、左框目录导航区域、右框内容区域。
(2)图12-2所示的昆虫博物馆网页窗口分成两块区域：左框目录导航区域，右框内容区域。
2．小结并出示课件：框架是另一种网页布局技术。
所谓框欣赏用框架网页布局技术制作的网页。
认真听讲。
通过欣赏框架网页，让学生初步认识框架网页的结构及其优点，调动学生的学习兴趣和求知欲。
架，就是它可以将浏览器分割成几个小区域，每个区域相对独立，可以显示不同的网页内容，这些区域就称为框架，利用框架制作的网页，就叫作框架网页，框架网页是一种特殊的HTML 网页。
3．出示课题：设计框架网页。
二、设计框架网页（25分钟）}1．确定主题。
(1)讲授：主题是作品创作的方向，有了主题，才知道要做些什么，才能考虑需要什么素材。
(2)常用的主题有：学习生活，身边的事，学校举办的活动，环境保护，科普信息，低碳生活，家乡文化……(3)想一想，说一说你的主题。
五年级下信息技术教案设计框架网页_福教版
五年级下信息技术教案设计框架网页_福教版12、设计框架网页教学目标：1、了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题、页脚和目录”型网页，对框架属性能理解和运用。
2、能为主框架设置初始网页，为选中对象设置连接网页，并将该网页安排在合适的框架中，理解组织框架中的调用关系。
3、认识保存框架网页与保存一般网页的不同之处，会保存框架网页。
重点、难点或关键：用FrontPage软件创建及保存目录型框架网页。
为选中对象设置连接网页，理解组织框架中的调用关系。
教学流程：一、欣赏作品导入新课展示上节课制作的学校通知网页作品（说明是用表格来规划网页的布局）展示“华南虎”专题网页作品师：谁来说说今天看到的网页有什么特点?肯定学生的答案，从而引出课题——设计框架网页。
二、合作探究，制作“华南虎”专题网（1）右击框架弹出快捷菜单选择“框架属性”，打开“框架属性”对话框，介绍框架名称、控制框架边界的大小及是否用滚动条。
（2）在对话框中，单击“框架网页”按钮，打开“网页属性”对话框如P70图12-6所示，单击“框架”选项卡，定义“框架间距”和取消“显示过框”（3）学生操作：创建框架网页和设置框架属性（四）设定初始页面（1）打开框架网页时，第一次出现在框架内的网页叫初始网页，如何设定初始网页呢？（2）出示“华南虎”网站的初始网页，以小组为单位，设置初始网页。
（不懂的同学，可以看书P71，可小组内讨论，也可问老师）（3）反馈学生设置初始网页的情况（五）组织框架间的调用关系（1）回顾如何在导航菜单中设置超链接。
（2）教师演示并说明框架间的调用关系完，学生操作设置导航菜单中超链接。
完成较好的学生作品，点评其操作。
并让这些学生担任老师的小助手，帮助那些学习有困难的同学。
（六）保存框架网页1、单击常用工具栏中“保存”按钮，弹出“另存为”对话框，对话框的右侧显示框架的示意图，框中蓝色的部分即为当前要保存的框架。
2、在“文件名（N）”框中输入文件名，单击“保存”按钮。
《框架网页》教案
《框架网页》教案八年级信息技术备课组组长签名授课人教学目的：学习框架网页的制作方法，掌握框架网页的构成。
教学重点：框架网页的制作, 框架网页的属性。
教学时间：2课时教学步骤：一）、框架页的基本组成框架页是一种特殊格式的网页，主要由边框、网页、滚动条组成。
在框架页中，每个框架都有一个网页相连接。
当打开框架页时，则同时载入每个框架所相连的网页文件。
在框架页中显示的是三个独立的网页组成的（实际下载了四个网页，还包括框架页本身这个网页）。
主体框一般用来显示正文内容的。
二）、创建框架页FrontPage 2000提供了10个框架网页向导帮助我们创建框架页。
其操作步骤如下：（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【网页】菜单项，出现新建对话框。
（2）在对话框中单击【框架网页】选项卡。
（3）在选项卡中选择【目录】，此时在【预览】栏中会显示被选中的框架结构图，并在上方显示说明情况。
（4）单击【确定】按钮后，出现框架结构图。
（5）新创建的框架结构共有2个网页窗口，其中一个在左边，另一个在右边。
这时单击【新建网页】按钮后，我们可以在当前框架网页中输入文字、图片等内容了。
（如果这时单击【设置初始网页】按钮后，将弹出一个“创建超链接”的对话框，可以为所在的框架超链接到指定的网页上去。
）（6）框架的保存：单击“”工具按钮，出现【另存为】对话框。
✧保存左边框的网页文件。
在对话框右面的框架示意图中，单击左边框后为蓝色，表示左边框中的网页正准备保存。
在“URL”中输入文件名“in1”，单击【确定】按钮后，此时左边框的网页文件被保存起来。
✧保存右边框的网页文件。
紧接着，在对话框的框架示意图中，右边框显示为蓝色。
在“URL”中输入文件名“in2”，单击【确定】按钮后，右边框的网页文件也被保存起来。
✧保存框架本身网页。
在对话框中整个框架示意图的边框为蓝色，在“URL”中输入文件名“index.htm”，单击【确定】按钮后，此时保存的是整个框架页文件。
五年级下信息技术教案-闪客一族创建框架网页_清华版
五年级下信息技术教案-闪客一族创建框架网页_清华版(一)本课教学目标：1、明白得"框架网页"的概念。
2、学会使用框架网页的组织形式构建网页。
3、会储存框架网页的各个部分。
教学重、难点：1、学会使用框架网页的组织形式构建网页。
2、会储存框架网页的各个部分。
教学课时：1课时教学时刻：教学过程：1、课堂引入：框架网页是一种专门的页面组织方式，学生从来没见过这种网页。
为了让学生明白得这种网页结构，在课堂引入部分能够如此设计:第一，教师让学生观看两个网页，从表面上看两个网页内容完全相同，网页中的超链接的目标文件也相同。
一个网页是用表格规划的，一个是框架网页。
其次，让学生任意点击这两个网页上的超链接，观看它们有什么不同。
学生讨论，教师小结，引出本节课的学习任务——创建框架网页。
教师将解决问题的方法写在学习资料中，让学生参考教材和学习资料通过自主学习或小组合作学习的方式来完成本节课的学习任务，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，能够让差不多解决问题的学生通过多媒体演示操作过程(提倡)，也能够是教师演示操作过程。
2、重点内容：本节课的重点内容能够归纳为两点：(1)创建框架网页，操作过程并不难，但由于学生对"框架网页"的页面组织方式不明白得，容易造成操作的失误，因此本节课的难点放在对"框架网页"的明白得上。
框架网页是一种专门的页面组织方式。
它由导航框架和内容框架组成，一个框架网页窗口由几个独立的网页构成，单击导航框架中的网页导航超链接，即可在内容框架中显示相应的网页内容。
如右图所示，这是个三框架网页，由4个网页组成，3个小框架网页同属于整体的框架网页。
标题框架网页导航框架网页目标框架网页(2)储存框架网页。
由于框架网页专门的页面组织方式，储存框架网页和储存一般网页有所区别。
如下图所示的框架网页，由4个网页组成，就需要储存4次。
苏科版初中信息技术《框架网页制作》教学设计
苏科版初中信息技术《框架网页制作》教学设计各位读友大家好，此文档由网络收集而来，欢迎您下载，谢谢框架网页制作教学目标：1．知识与技能：（1）理解框架的概念及用途。
（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。
（3）初步掌握将框架结构与表格布局结合使用来制作网页。
2．过程与方法：（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。
（2）理解框架的概念与组成，学会分析网站的结构。
3．情感态度与价值观：（1）通过以”人与动物”为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。
（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。
教学重、难点：1．重点：框架的概念、用途，创建、编辑与保存框架网页的方法。
2．难点：框架的拆分。
教学方法：对比教学法、探究学习法、模仿学习法。
教学准备：整理、归类相关素材，并按要求摆放。
教学过程:1.引入老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容--框架网页制作，就能给我们带来更多便捷。
（让学生明确框架网页使用的场合）2．新授（1）框架网页概念由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念（2）框架网页的新建与保存教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。
任务1创建”横幅和目录”结构的框架网页，新建top和left页面，并学会保存。
框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的，可以通过每个框中的”新建网页”按钮和”设置初始网页”按钮进行选择。
六年级下信息技术教案-设计框架网页_甘教版
第8课设计框架网页
[教学内容]: 框架网页的应用
[教学目标]:1、了解框架网页的含义；
2、初步掌握框架网页的制作方法；
3、培养学生对信息技术的兴趣。
[教学重点]：初步掌握框架网页的制作方法。
[教学难点]：初步掌握框架网页的制作方法；
[教学准备]:框架网页成品、网络教室
[教学过程]：
一、导入
教师出示按本课练习要求完成的最终成品——一个连接了“笨笨熊之家”、“我喜欢的动物”、“我的课程表”和“七巧板”等网页的框架网页。
师：谁来说说今天看到的网页有什么特点?【1.网页被分成了不同的区域，每个区域显示不同的内容；2.内容上是把之前制作的几个网页联系起来了。
】
教师讲解框架网页的概念。
导入课题。
二、新授
1.教师根据课本P45活动一的练习步骤演示创建框架网页的大致过程，并板书如下：1）、新建--网页—框架网页--目录。
2）、在左边“目录”框架中—新建网页—安排目录内容。
3）、在右边主框架中—设置初始页面的链接。
4）、分别设置各个标题的超链接与目标框架。
2.学生根据老师演示及课本说明来完成课本P45的活动一。
教师巡视，个别指导。
3.让学生自己看课本P51的活动二，完成对练习的保存工作。
三、小结
教师：1.今天学习了的主要内容是什么？
2.框架网页的特点是什么？
3.制作框架网页的大致步骤是什么?
教学反思：。
五年级下信息技术教学设计设计框架网页
五年级下信息技术教学设计设计框架网页传授目标：1、知道框架网页是一种网页布局技能，明白框架网页的概念。
2、学习创建框架网页，设置框架的属性，学会在框架中增加网页。
3、体验框架网页的好处，激发学习制作框架网页的兴趣，设计出更完美的网页。
传授重点：创建框架网页，学会在框架中增加网页。
传授难点：设置框架的属性。
传授准备：西席机和学生机传授时间：1课时传授设计：一、激趣导入，宣布学习使命。
1、上节课我们学习了什么内容？谁来回顾一下2、本日我们来学习另一种网页布局，学习利用框架模板来设计网页。
先容本节课的学习使命二、广阔视野。
1、学生看华南虎的框架网页实例，说说自己的整体感觉。
2、老师小结网页的四块地区，每个地区是一个独立的网页。
通常环境下只有中间右边的内容会变化。
三、西席点拨，探究活动，学习新知探究活动：局部调解网页时只要修改这个框架所挪用的网页文档内容，减少重复操纵，进步网站建设效率。
1、宣布活动主题：制作华南虎专题网站2、创建框架网页①老师演示打开“网页模板”对话框，单击“框架网页”选项卡，选择“标题、页脚和目录”模板，单击“确定”按钮。
老师先容P69页的图12－4框架布局。
②学生练习打开模板，明白框架布局。
3、设置框架属性①学生看书，明白框架属性对话框。
②演示右击框架，打开对话框，单击“框架网页”按钮，打开“网页属性”对话框，单击“框架”选项卡，定义“框架间距”或者取消“显示边框”。
③学生练习设置框架间距和取消显示边框。
4、设定初始页面①老师先容什么是初始页面。
②单击“新建网页”按钮，在页面中插入华南虎图片素材。
③学生练习在图12－4的中间左框中的“新建网页”按钮，在页面中输入一个“6行1列”的表格，输入图12－1所示的内容。
④学生练习单击图12－4中的中间右框中的“设置初始页面”按钮，弹出“插入超链接”对话框，插入2.htm的网页文件。
5、组织框架间的挪用干系①老师先容“框架间的挪用干系”②老师演示单击“设置超链接”窗口右侧的“目标框架”按钮，弹出“目标框架”对话框，如图12－8所示。
《建立框架网页》教学设计
《建立框架网页》教学设计建立框架网页教学设计一、目标本教学设计旨在帮助学生研究如何建立框架网页，并理解其基本原理和操作步骤。
二、教学内容1. 什么是框架网页2. 框架网页的基本结构3. 创建框架网页的步骤4. 常见的框架网页的应用场景三、教学步骤1. 导入：通过提问引入框架网页的概念，激发学生的兴趣和思考。
2. 知识讲解：通过展示示例框架网页和图解，向学生介绍框架网页的基本结构和工作原理。
3. 操作演示：在电脑上进行实际演示，向学生展示如何创建框架网页，并逐步解释每个步骤和相关概念。
4. 学生练：分发练材料，让学生通过跟随指导创建自己的框架网页，并解决可能出现的问题。
5. 小结：通过回顾和总结，确保学生对框架网页的基本原理和操作步骤有清晰的理解。
6. 作业布置：要求学生在家中实践创建更复杂的框架网页，并在下节课进行分享和讨论。
四、教学评估1. 课堂观察：观察学生在操作演示和练环节的表现，评估他们的理解和掌握程度。
2. 练作业：对学生完成的练作业进行评估，检查他们是否能独立创建符合要求的框架网页。
3. 课后讨论和分享：在下节课中，让学生分享他们在家中实践创建的框架网页，并进行互动讨论和评价。
五、教学资源与材料1. 电脑和投影仪2. 示例框架网页和图解3. 练材料4. 课堂笔记和教学录像（可选）六、教学扩展1. 鼓励学生探索更高级的框架网页设计和定制化功能。
七、教学反思本教学设计通过结合理论讲解和实际操作，促进了学生对框架网页的理解和掌握。
在未来的教学中，可以进一步增加实践环节，提供更多的案例分析和讨论，以帮助学生更深入地学习和应用框架网页的知识。
河北版信息技术七年级下册《框架布局网页》教学设计
框架布局网页本课介绍的是网页制作中的重要方面——框架和导航条，它们可以使网页的结构更加清晰明了，同时显示几个不同的页面，使这些页面之间互相联系，以条理清晰的架构来表达信息，使信息的表达更加准确和便捷。
本课安排的活动是设计制作“我的作品”页面，让学生在活动过程中感受框架与导航条带来的方便，从而认识它们的作用。
本课建议1个课时完成。
一、框架1．教材一开始就介绍了框架在网页中的作用，这是核心知识。
本课内容主要是需要思考、理解，理清各部分的关系，这是难点，初次接触的学生可能会很难理解，这就需要教师带领他们，通过活动来理解和认识。
教材设计的活动是通过框架在网站中展示自己的作品，框架网页就像一个向导，能通过它找到所需要的信息，可以使学生用网页把自己做过的各种形式的信息技术作品连结起来，实现共同展示的效果，增强他们的兴趣。
这个活动中，信息表达的顺序是：框架——框架中的作品类别——具体的作品，因此，必须先有准备好的链接目标文件，再进行文字的超链接，如：框架中的文字链接到作品类别，作品类别中的作品名称链接到相应作品。
2．框架网页、作品类型网页和各个作品文件，都放在“myweb”下的“zuopin”文件夹中，这样比较容易查找。
把各个作品文件复制到“zuopin”文件夹下，并在作品类型网页中创建超链接到这些作品之后，就可以将作为向导的框架页面进行布局设置了。
创建框架结构的时候，有多种框架布局可以选择使用，“上方及左侧嵌套”只是其中一种，在掌握框架布局方法之后，还可以让学生尝试其他的布局。
框架分为三部分：上框架（topFrame）、左框架（leftFrame）和主框架（mainFrame），工作区中的各部分与“框架”面板中的是一一对应的。
选中某一个框架之后，在“属性”面板中可以设置此框架中的文本格式、字体字号等，还可以设置超链接。
如果一个框架内的图文太多，无法在一个页面中显示，就需要借助滚动条，选择了“滚动”栏中的“自动”选项之后，当信息在一页无法显示时，就会自动出现水平或垂直滚动条。
五年级下册信息技术教案-12设计框架网页｜ 闽教版（2016）
12设计框架网页一教学目标1、了解框架网页的概念和用途。
2、了解网页设计的一般流程，能根据素材规划网页结构。
3、能用“网页模板”中的“框架网页”创建“标题、页脚和目录”型网页。
二、教学重点1、了解网页设计的一般流程，能根据素材规划网页结构。
2、了解框架网页的概念，能用“网页模板”中的框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。
三、教学难点能用“网页模板”中的框架网页”创建“标题页脚和目录”型网页，理解和运用框架网页布局技术。
四、教学准备教学环境电脑网络教室、windows7、Microsoft Office SharePoint Designer 2007、极域电子教室软件2010版等。
教学资源设计框架网页.ppt，“醉美漳平”网页、“防震减灾专题网站”作品及素材。
五、教学过程（一）创设情境，导入新课1.演示《醉美漳平》学生优秀网页作品，学生仔细观察，找出它们的共同点和不同点。
2.学生指名回答：网页上方和左侧的内容相同，仅右下方的内容不同。
3.提问：如何快捷的制作这样的网页？4.学生回答：用复制粘贴的方法5. 教师小结：尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？为了实现这个目标，今天我们就一起学习第12课即: 设计框架网页。
（二）合作学习，主动探究1.认识框架网页(1)引导学生阅读课本P67,第一段，思考:什么是框架网页?(2)小组讨论，框架网页的问题。
(3)教师小结：制作框架网页的时候把一个版面分成了不同的区域，每一个区域我们就成为一个框。
每一个框都是由一个独立的页面构成。
部分区域内容相对固定。
2.框架网页设计前的准备工作阅读课本68页至69页，思考如下问题：网页设计的流程有哪些？你确定的网页主题是你的网页素材计你的网页？3.搭建框架网页(1)教师演示打开站点，新建框架网页并保存。
(2) 学生自主实践，完成新建框架网页任务。
(3)教师巡视指导，再次强调保存操作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
课题
制作框架型网页——“绿色世界”之一
课型
新授
教时
2节
教学目的
学习框架网页基本操作和注意点
教学重点
框架网页制作方法和原理
课
前
准
备
图片
准备
教学难点
理解制作框架网页的过程
教学环节
教学过程
教师
活动
学生
活动
复习
引入
1、检查学生对“素材精品屋”网站的完成程度和理解能力。
2、请学生说出“素材精品屋”网站中主要技术的名称和简单步骤。
操作
演示
指导
学生
操作
制作时应明确其他软件的辅助作用
观察
记录
上机
实践
理解生成的网站结构。
教学环节
教学过程
教师
活动
学生
活动
授
课
二、操作要求：按照所给的网页效果图和基本网页素材制作框架型网站“绿色世界”，要求网页与效果图相同。
A、制作主页index.htm、上框架网页top.htm、下框架网页bottom.htm;最后边框粗细设置为0.
3、框架网页文件的保存方法和注意点。注意不要随便改变文件在网站中的相对位置。
答：点保存按钮会要求依次保存各框架网页到不同文件，在预览窗口中高亮显示的就是当前要求保存的网页，必须明确各网页间的关系。
4、框架网页中“框架属性”和“网页属性”的设置（水印和背景、滚动条、边距《网页内容和边框间的距离》）
答：框架属性是针对所有框架网页来设置的。网页属性则是针对各个分框架网页来设置的。将框架属性中的边框粗细设为0能使各框架看起来融为一体毫无边界。
B、制作“2-1认识地球”页面，文件名使用英文名。制作时应注意使用表格的拆分和合并，合理决定表格的宽度，设计表格的行数和列数。
制作中注意点：
1、所有用来分布网页的表格宽度要完全一致，最后将边框线去掉，最外层表格大小应设为显示器宽度的80%。
2、框架网页各边距应尽量小，避免过多的空白部分的出现。
演示
巡回
2、学生对主页和次页的不同地位辨识不清。
3、考察学生对按钮工厂、画图软件的应用技能。
抽查
作品
提问
学生
演示
回答
教学环节
教学过程
教师活动
学生活动
授
课
一、框架网页基本操作和注意点：
1、框架网页的建立方法？
答：文件—新建—框架网页—选择所需框架模型网页。
2、弄清什么时候需要用到“设置初始网页”按钮？初始网页和其他网页的作用有什么不同？
答：当某个框架的网页已经制作好或已经存在时要设置初始网页；初始网页在框架网页刚载入浏览器时直接显示给浏览者，给人第一印象。
检查
纠错
实践
制作
理解
修改
总结
1、本次操作主要学会框架网页的建立和修改方法，一定要在建立时立即正确保存各框架。
2、要区分主页和次页的不同地位。
总结
强调
理解
记忆
课后作业
抄写本课制作步骤和注意点并理解其操作过程。
教后札记
1、发现学生在制作中出现如下问题：
A、不清楚建立框架网页的基本方法。
B、保存框架网页时不注意看目前保存的是哪个部分。