下载文档原格式
第9章使用框架布局网页除表格外，框架也是网页的一种重要布局工具。
第3章介绍了使用表格构建网页布局的方法，本章介绍框架的应用，主要包括框架网页的创建，以及框架和框架集的基本操作。
对初学者来说，本章内容可能不太好理解，希望大家认真学习。
9.1框架网页的创建与使用表格布局网页不同的是，框架布局通常适合页面中有一个区域发生变化，而其它区域不发生变化的网页，如网站后台管理界面和一些论坛网页。
9.1.1 关于框架和框架集在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架，每个框架可显示不同的文档内容，彼此之间互不干扰。
框架网页最明显的特征就是当一个框架的内容固定不动时，另一个框架中的内容仍可以通过滚动条进行上下翻动。
框架网页主要包括两部分，一是框架集，二是框架。
框架记录具体的网页内容，每个框架对应一个网页；框架集是特殊的HTML文件，它定义整个框架页面中各框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面URL。
框架集文件本身不包含要在浏览器中显示的HTML内容，只是向浏览器提供应如何显示一组框架，以及在这些框架中应显示哪些文档。
要在浏览器中查看一组框架，需要输入框架集文件的URL，浏览器随后打开要显示在这些框架中的相应文档。
使用框架的最常见情况是，一个框架显示包含导航控件的文档，另一个框架显示含有主要内容的文档。
例如，图9-1-1显示了一个由两个框架组成的框架网页：一个较窄的框架位于左侧，其中包含导航条；一个大框架占据了页面的其余部分，包含网页的主要内容。
当访问者浏览站点时，单击左侧框架中的某一超链接，要么展开或收缩其中的栏目，要么更改右侧框架的内容。
图9-1-1 由两个框架组成的框架网页知识库：学完本节后，大家可能会问，到底应该使用框架还是应该使用表格布局网页呢？使用框架时，访问者容易确认自己的位置，也比较方便跳转到其它网页。
但是如果使用过多的框架，加载框架的时间就会变长，而且在使用框架制作网页时，搜索引擎只会检索当前的框架，因此大多数情况下还是使用表格制作网页，或同时使用表格和框架布局网页。
制作框架网页教案教案标题：制作框架网页教案教学目标：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、掌握框架属性的设置方法；4、掌握框架网页的保存方法。
教学重点：1、网页框架的建立。
2、理解“设置初始网页”和“新建网页”的含义。
教学难点：掌握框架属性的设置：调整框架大小、设置框架边界、改变边框线的宽度等。
教学方法：任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法。
教学准备：1、教师准备一些文字和图片素材。
2、教师提供一些制作框架网页的演示动画。
3、教师准备一些用网页框架制作的优秀作品。
教学过程：导入：除表格外，框架也是网页的一种重要布局工具。
使用表格构建网页布局的方法，本章介绍框架的应用，主要包括框架网页的创建，以及框架和框架集的基本操作。
对初学者来说，本章内容可能不太好理解，希望大家认真学习。
框架网页的创建与使用表格布局网页不同的是，框架布局通常适合页面中有一个区域发生变化，而其它区域不发生变化的网页，如网站后台管理界面和一些论坛网页。
关于框架和框架集在框架网页中，浏览器窗口被划分成了若干区域，每个区域称为一个框架，每个框架可显示不同的文档内容，彼此之间互不干扰。
框架网页最明显的特征就是当一个框架的内容固定不动时，另一个框架中的内容仍可以通过滚动条进行上下翻动。
框架网页主要包括两部分，一是框架集，二是框架。
框架记录具体的网页内容，每个框架对应一个网页；框架集是特殊的HTML文件，它定义整个框架页面中各框架的布局和属性，包括框架的数目、大小和位置，以及在每个框架中初始显示的页面URL。
框架集文件本身不包含要在浏览器中显示的HTML内容，只是向浏览器提供应如何显示一组框架，以及在这些框架中应显示哪些文档。
要在浏览器中查看一组框架，需要输入框架集文件的URL，浏览器随后打开要显示在这些框架中的相应文档。
使用框架的最常见情况是，一个框架显示包含导航控件的文档，另一个框架显示含有主要内容的文档。
例如，图9-1-1显示了一个由两个框架组成的框架网页：一个较窄的框架位于左侧，其中包含导航条；一个大框架占据了页面的其余部分，包含网页的主要内容。
第九课框架布局网页本课介绍的是网页制作中的重要方面——框架和导航条，它们可以使网页的结构更加清晰明了，同时显示几个不同的页面，使这些页面之间互相联系，以条理清晰的架构来表达信息，使信息的表达更加准确和便捷。
本课安排的活动是设计制作“我的作品”页面，让学生在活动过程中感受框架与导航条带来的方便，从而认识它们的作用。
本课建议1个课时完成。
一、框架1．教材一开始就介绍了框架在网页中的作用，这是核心知识。
本课内容主要是需要思考、理解，理清各部分的关系，这是难点，初次接触的学生可能会很难理解，这就需要教师带领他们，通过活动来理解和认识。
教材设计的活动是通过框架在网站中展示自己的作品，框架网页就像一个向导，能通过它找到所需要的信息，可以使学生用网页把自己做过的各种形式的信息技术作品连结起来，实现共同展示的效果，增强他们的兴趣。
这个活动中，信息表达的顺序是：框架——框架中的作品类别——具体的作品，因此，必须先有准备好的链接目标文件，再进行文字的超链接，如：框架中的文字链接到作品类别，作品类别中的作品名称链接到相应作品。
2．框架网页、作品类型网页和各个作品文件，都放在“myweb”下的“zuopin”文件夹中，这样比较容易查找。
把各个作品文件复制到“zuopin”文件夹下，并在作品类型网页中创建超链接到这些作品之后，就可以将作为向导的框架页面进行布局设置了。
如果一个框架内的图文太多，无法在一个页面中显示，就需要借助滚动条，选择了“滚动”栏中的“自动”选项之后，当信息在一页无法显示时，就会自动出现水平或垂直滚动条。
可以让学生尝试“滚动”栏中的“默认”等其他选项并观察效果变化。
3．插入的表格用来显示作品类别，将每个作品类别的文字链接到相应网页文件后，在“目标”列表中选择“mainframe”，是为了将网页显示在主框架中。
设置完成之后，要保存框架文件和框架集，才能进行预览。
在“属性”面板中将“mainframe”的源文件改为某个作品类别网页文件后，主框架中就会出现该类别的作品名称列表。
框架布局网页教案设计
教学目标：
知识目标：
1、理解框架结构的含义和用途；
2、掌握建立框架网页的方法；
3、掌握框架属性的设置方法；
4、掌握框架网页的保存方法。
能力目标：
1、掌握建立网页框架及设置框架属性的能力；
2、能够应用网页框架建立简单的网页。
情感目标：
培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力。
教学重点、难点：
教学重点：
1、网页框架的建立。
2、理解“设置初始网页”和“新建网页”的含义。
教学难点：
掌握框架属性的设置：调整框架大小、设置框架边界、改变边框线的宽度等。
教学模式（或方法）：
任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法。
教学手段：
1、实施任务驱动，把学生的主动权交给学生，引导学生动手尝试、观察辨析、合作探究、运用教、练结合的方法，让学生体验并制作框架网页。
2、采用半成品加工策略，提供一些素材，让学生直接制作，提高学习的效率。
教学准备：
1、教师准备一些文字和图片素材。
2、教师提供一些制作框架网页的演示动画。
3、教师准备一些用网页框架制作的优秀作品。
