网站建设与管理PPT电子课件教案-第5章 表格和框架.ppt

* 表格上机实战 ● 演示 * 5.6 使用框架 框架是目前网页设计最为常用的技术之一。框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口其余部分所显示内容无关的HTML文档。框架集是HTML文件，它定义了一组框架的布局和属性，包括框架的数目、大小和位置 ，以及在每个框架中初始显示的页面的URL。 * 创建框架和框架集 可以使用预定义的框架集或者自己设计框架集。 使用预定义的框架集： 选择“文件” →“新建”，打开“新建文档”对话框。 在“常规”选项卡中选择“框架集”，从“框架集”列表中选择想要创建的框架集类型，如下图所示。 * 单击“创建”按钮，框架集出现在设计窗口中，如下图所示。每个框架中都可以独立显示不同的HTML文档。 创建框架和框架集 左框架 顶部框架 主框架 * 也可以使用以下两种方法来选择预定义的框架集： 从“插入” →“HTML” →“框架”子菜单中选择预定义的框架集，如图1； 在“插入”工具栏的“布局”类别中，单击“框架”按钮上的下拉箭头，然后选择预定义的框架集，如图2。 创建框架和框架集 图1 图2 * 创建框架和框架集 设计框架集： 方法：选择“修改” →“框架页”，从子菜单中选择拆分项。 技巧： 要以垂直或水平方式拆分一个框架，可将框架边框从设计视图的边缘拖入设计视图的中间； 要将一个框架拆分成4个框架，可将框架边框从设计视图的一角拖入框架的中间； 要单独拆分一个框架，可首先打开“框架”面板，在面板上选中待拆分的框架，再用光标拖动相应框架的边缘； 要删除一个框架，可直接将框架边框拖离页面或拖到父框架的边框上。 * 选择框架和框架集 可以在文档窗口中或者通过“框架”面板选择框架和框架集。 在文档窗口中选择： 方法： 选择框架：按下Alt键的同时单击框架内部，框架周围显示选择轮廓； 选择框架集：单击框架集的某一内部框架边框，框架集周围显示选择轮廓。 技巧：可通过按下Alt键和不同的方向键来选择不同的框架或框架集 Alt+←：选择同级别的前一框架（框架集）； Alt+→：选择同级别的后一框架（框架集）； Alt+↑：选择父框架集； Alt+↓：选择第一个子框架或子框架集。 * 选择框架和框架集 通过“框架”面板选择： 方法：选择“窗口” →“框架”，打开“框架”面板 选择框架：在面板中单击框架，框架周围显示选择轮廓，如图1所示； 选择框架集：在面板中单击环绕框架集的边框，框架集周围显示选择轮廓，如图2所示。 图1 图2 * 保存框架和框架集 保存框架集文件和所有带框架的文档： 方法：选择“文件” →“保存全部”。 保存框架集文件： 方法：选中框架集，然后执行下列操作之一： 选择“文件” →“保存框架页”； 选择“文件” →“框架集另存为”。 保存带框架的文档： 方法：单击要保存文档所在的框架，然后执行下列操作之一： 选择“文件”→“保存框架”； 选择“文件”→“框架另存为”。 * 保存框架和框架集 改变在框架中显示的文档： 方法：将光标放置在要显示新文档的框架中，选择“文件”→“在框架中打开”，然后选择要在该框架中显示的新文档，最后单击“确定”按钮。如下图所示。 说明：如果要使该文档成为在浏览器中打开框架集时在框架中显示的默认文档，则必须保存该框架集。 * 设置框架和框架集属性 框架属性是确定框架集内各个框架的名称、源文件、边距、滚动、边框和能否调整大小，可以使用属性检查器来设置框架和框架集的属性。 框架属性及其设置方法： 选择框架； 选择“窗口”→“属性”，打开属性检查器，如下图所示； 左框架 左框架的属性检查器 * 设置框架和框架集属性 在属性检查器内设置框架的各项属性值，如下图所示。 框架名称将被超链接和脚本引用 在当前框架中打开的网页文件 大多数浏览器默认根据框架内容自动显示滚动条 决定当前框架是否显示边框 决定框架边框与内容之间的距离 * 设置框架和框架集属性 框架集属性及其设置方法： 选择框架集； 打开属性检查器，如下图所示； 框架集 框架集的属性检查器 * 设置框架和框架集属性 在属性检查器内设置框架集的各项属性值，如下图所示。 输入0时指定无边框 设置框架大小 单击行/列选择要设置大小的框架 * 为框架设置链接 要在一个框架中使用链接来打开另一个框架中的文档，必须设置链接目标。链接的目标属性指定了在其中打开链接内容的框架或窗口。 为框架设置链接的具体步骤： 选择要设置为超链接的文本或对象； 打开属性检查器，在“链接”域中设置要链接到的文件，如下图所示； 要链接到的文件 * 为框架设置链接 在属性检查器的“目标”下拉列表中，选择链接的文档应在其中显示的框架或窗口，如下图所示。 链接的目标属性 * 处理不能显示框架的浏览器 框架在IE3