项目 框架网页课件.ppt

项目21 框架网页 认识框架和框架集 创建框架 操作步骤如下： 选择菜单命令【文件】－【新建】，弹出【新建文档】对话框。 在对话框中选择【常规】－【框架集】，选择所需的框架样式， 如图21-2所示 。 单击【创建】按钮，即可创建框架页。 创建框架 操作步骤如下： 通过拖拉边框，实现框架结构的设计。 也可以选择【修改】|【框架页】，然后从子菜单中选择拆分项，如图21-3所示。 框架命名并导入框架源文件 在创建一个新的框架时，系统自动为框架集名一个名字，为了便于管理和使用，所以在对框架保存时对其 进行相应的重命名。 框架命名并导入框架源文件 操作步骤如下： 打开框架面板（按ALT键的同时单击一个框架），单击框架。 在相应的【属性】面板，如图21-4所示。 在属性面板的【源文件】输入要导入的源文件路径名，或直接单击【预览】按钮，查找源文件的本地路径即可，如图21-5所示。 保存框架集文件 保存框架集文件 各个框架文件的操作 设置框架集属性和框架属性 设置框架集属性和框架属性 编辑框架内容的操作方法 编辑框架内容的操作方法 框架中的超链接 框架中的超链接 问题1：显示在框架中的文档是否为框架的一部分？ 问题2：如果一个站点在浏览器中显示为包含三个框架的单个页面,则该框架应该包含多少个独立的HTML文档? 运用框架技术进行网页的布局和编辑,可以调用自己的网页,丰富新的页面。 本节主要介绍如何在网页中创建框架、如何为框架命名并导入框架源文件、如何保存框架集文件和各个框架操作文件、如何设置框架集属性和框架属性、如何编辑框架内容的操作、并能了解如何设置超级链接并用于实际操作中。 * * [知识与能力目标] 掌握在网页中创建框架的操作方法 掌握为框架命名并导入框架源文件的操作方法 掌握保存框架集文件和各个框架操作文件 掌握设置框架集属性和框架属性的操作方法 掌握编辑框架内容的操作方法 了解设置超级链接的操作方法 [教学难点] 框架源文件的导入 各个框架操作文件的保存 [教学重点] 为框架命名并导入框架源文件 设置框架集属性和框架属性的操作 编辑框架内容的操作 如何保存各个框架的操作文件 设置超级链接 项目21 框架网页 和表格一样，框架集也是一个网页布局工具。 如图21-1所示是一框架网页. 图21-1 顶部 框架 右框架 创建预定义的框架 图21-2 创建自定义的框架 图21-3 框架命名 框架源文件的导入 图21-4 图21-5 框架集文件的保存 操作步骤如下： 在框架面板中，选择中要保存的框架集。 单击菜单栏中“文件”|“保存框架页”命令。 打开“另存为”对话框，设置保存位置和文件名。 单击“保存”按钮，保存了框架集网页。 此过程与文件的保存过程相似。 操作步骤如下： 定位光标在要保存的框架内，或在框架面板中选择要保存的框架。 单击菜单栏中“文件”|“保存框架”命令，打开另存为对话框。 打开“另存为”对话框，设置保存位置和文件名，单击“保存”按钮，保存了框架。 保存框架的操作 各个框架集文件操作 当完成框架集的创建之后，还需要在框架中插入网页，插入过程实质就是把网页文件放置到相应的框架中。这些被插入的网页文件可以是空白网页，也可以是事先准备好的网页文件。对于框架文件的操作与一般的网页文件的操作是一样的。 设置框架集属性 操作步骤如下： 首先单击框架的边框，选中框架集，打开框集属性，如图21-6所示所示。 边框选项设置 框架集中框架大小设置。如图21-7所示 图21-6 图21-7 设置框架属性 步骤： 打开“框架”面板（首先选择“窗口”|“框架”命令，或按快捷键“Shift+F2”）。 在框架面板中选中框架，如图21-8所示，打开框架属性 。 在框架属性面板中设置相应的属性即可，如图21-9所示。 图21-8 图21-9 选择框架和框架集 选择框架集 步骤: 在“框架”面板中单击最外层的边框，使其出现粗黑边显示，则选中了框架集，如图21-10所示。　 选择框架 步骤: 在“框架”面板中单击要选择的框架，使其出现细黑边显示，则选中了框架,如图21-11所示。 图21-11 图21-10 在框架中打开文件 操作步骤如下: 将插入点放置在框架中. 选择【文件】-【在框架中打开】命令. 选择要在框架中打开的文档，该文档即可显示在框架中。 如图21-12中的网页为“上下框架结构，上方为嵌套框架设置为导航条，下方为链接打开的目标窗口。 图21-12 操作步骤如下: 选择超链接的载体，如上方框架中的“内广场”文字。　 在“属性检查器”中，“链接”项中设置超链接为