（人教版）小学五年级信息技术上册 第11课《制作框架网页（一）》课件（25张PPT）

1、第第11课课 制作框架网页一制作框架网页一引言引言 在浏览器中框架是窗口中的一个区域，利用框架可以将页面分成不同的区域，在不同的区域可以显示不同的内容。如图5-1所示 利用框架技术，可以将不同的文档显示在同一个浏览器窗口中。通过构建这些显示在同一窗口中的文档之间的相互链接关系，可以实现文档之间的相互控制。 使用框架技术构建的网页涉及两个概念：一个是框架集Frameset；另一个是框架Frame。 当浏览器窗口被许多的框架所分割时，这些框架所构成的网页，就称为框架集。框架集定义了一组框架的布局和属性，其中包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。一般来说，框架集文件

2、本身并不包含要在浏览器中显示的 HTML 内容，它只是向浏览器提供要显示的框架的数目、框架的大小、框架中显示哪些信息以及框架以什么方式载入框架集等等。 框架集将网页拆分为假设干个小窗口，每个小窗口就是一个框架。 如图5-1所示的网页，在浏览器中它显示为包含三个框架的单个页面。虽然该网页由三个框架组成，但它实际上至少由四个单独的 HTML 文档组成：框架集文件以及三个框架文件，这三个框架文件包含了在这些框架内初始显示的内容。 使用框架最主要的目的是创立链接的结构。例如图5-1所示的网站，导航条和网站的内容被分开放到不同的框架中。 在使用框架时需要注意，一个网页上的框架最好不要超过4个 5.2创立

3、框架网页创立框架网页5.2.1插入预设框架集插入预设框架集1. 插入预设框架集插入预设框架集选择选择“插入菜单中子菜单插入菜单中子菜单“HTML中的中的“框架命令框架命令2.新建文档的方法创立框架新建文档的方法创立框架 选择选择“文件菜单下的文件菜单下的“新建命令，新建命令，翻开翻开“新建档对话框。在新建档对话框。在“常规选项卡常规选项卡对应的对应的“类别列表中选择类别列表中选择“框架集选项。框架集选项。 在“插入栏插入预定义的框架集 在Dreamweaver 中预定义了一些框架集样式，需要使用时直接插入即可。 创立预定义框架集 手动设计框架 框架和框架集的选择和删除 认识“框架面板 选择框架

4、与框架集 删除框架 认识“框架面板 “框架面板中显示所创立的框架结构，并在不同的框架区域中显示框架的名称。当在框架网页中新建、删除框架，或修改框架的尺寸、名称等时，“框架面板中的示意图会跟随变化。 选择框架与框架集 在编辑窗口中选择 在“框架面板中选择 在编辑窗口中选择 在编辑窗口中选择框架的方法很简单，按住【在编辑窗口中选择框架的方法很简单，按住【AltAlt】键，】键，在要选择的框架内单击鼠标左键即可。被选取的框架边框呈虚在要选择的框架内单击鼠标左键即可。被选取的框架边框呈虚线显示。线显示。 选择框架集时，单击框架边框即可，选取的所有框架边框选择框架集时，单击框架边框即可，选取的所有框架边

5、框呈虚线。呈虚线。 在“框架面板中选择 在“框架面板中单击框架区域中的任意位置即可选择框架，选中的框架以粗黑框显示。 在“框架面板中单击框架边框即可选择框架集，如果要选择整个框架集，只需单击框架最外面的边框即可。 删除框架 如果窗口中有不需要的框架，可将其删除，用鼠标将要删除框架的边框拖到父框架边框上或拖离页面即可。 框架和框架集的保存 保存框架与框架集之后才能在浏览器中浏览用框架布局的网页。每个框架包含一个网页，一个框架集那么包含多个网页，在保存时应保存所有的框架与框架集。 保存框架 保存框架集 保存框架集中的所有网页 保存框架 将插入点定位到要保存的框架中。 选择文件保存框架菜单命令，在翻

6、开的“另存为对话框中像保存其他网页一样指定保存路径和文件名，然后单击“保存按钮即可。 保存框架集 选中要保存的框架集。 选择文件保存框架页菜单命令，翻开“另存为对话框。 在“保存在下拉列表框中选择框架集的保存路径，在“文件名文本框中为框架集命名。 单击“保存按钮即可保存框架集。 保存框架集中的所有网页 框架和框架集的属性设置 框架集的属性设置 框架集文档标题的设置 框架的属性设置 框架集的属性设置 使用框架集属性面板可以查看和设置大多数框架集属性。 框架集文档标题的设置 当访问者在浏览器中查看该框架集时，标题将显示在浏览器的标题栏中。 框架的属性设置 框架的链接 在使用了框架技术文档中的链接与一般文档中的链接不同，增加了与框架有关的链接目标，可以在一个框架内使用链接改变另一个框架的内容。 上机实战 本课上机实战主要练习个