6.1框架的创建和保存 课件 - 2022-2023学年高二下学期（中职）《网页设计与制作》（武汉大学版）

第6章 学习网页布局之框架 框架的创建和保存 6.1 掌握用于调整框架的有关属性 6.2 6.1 框架的创建和保存 6.1.1 使用预定义框架集 6.1.2 自定义创建框架集 6.1.3 保存框架和框架集 6.1.4 知识拓展 6.1.1 使用预定义框架集 选择预定义框架集将自动设置创建布局所需的所有框架集和框架，它是迅速创建基于框架布局的最简单方法。 　　方法1：打开插入栏，切换到“布局”选项卡，单击“框架”按钮，可以看到预定义的框架集，如下图所示。 6.1.1 使用预定义框架集 方法2：在菜单栏选择“插入”→ “HTML”→“框架”命令，从打开的子菜单中选择要插入的框架集，如下图所示。 6.1.1 使用预定义框架集 方法3：在菜单栏选择“文件”→ “ 新建”命令，打开“新建文档”对话框，在“类别”列表中选择“框架集”，在“框架集”列表中选择一种框架集，单击“创建”按钮，如下图所示。 6.1.1 使用预定义框架集 6.1.1 使用预定义框架集 6.1.2 自定义创建框架集 在工作界面中也可直接添加框架。按住Alt键的同时，单击网页文档的边框并拖动，则在希望的位置上插入框架。但只有当页面已经拆分为两个以上的框架时，才能在工作界面中直接添加新的框架。 自定义创建框架集的具体操作步骤如下： （1）在创建框架集或使用框架前，通过执行“查看”→“可视化助理”→“框架边框”命令，使框架边框在文档窗口的设计视图中可见，如下图所示。 6.1.2 自定义创建框架集 6.1.2 自定义创建框架集 （2）执行“修改”→“框架页”中的相应命令，把网页文档拆分为左右两个框架，如下图所示。 6.1.2 自定义创建框架集 （3）按住Alt键的同时，单击工作界面右侧上端边框并向下拖动，则网页文档将拆分为4个框架，如下图所示。 6.1.2 自定义创建框架集 （4）如果想分为三等份，则在按住Ctrl+Alt组合键的同时单击上端边框并向下拖动，如下图所示。 6.1.2 自定义创建框架集 制作出如下图所示的三等分的框架结构。 6.1.2 自定义创建框架集 6.1.3 保存框架和框架集 在预览框架集之前，必须保存框架集文件以及要在框架中显示的所有文档，可以单独保存每个框架集和带框架的文档，也可以同时保存框架集文件和框架中出现的所有文档。每一个框架都有一个框架名称，可以用默认的框架名称，也可以在属性面板修改名称。 保存框架和框架集的具体操作步骤如下： （1）新建一个上方固定、左侧嵌套的框架网页。首先保存包含整个框架的框架集文档，执行“文件”→“保存框架页”命令，弹出“另存为”对话框后，输入框架集文档的名称并单击“保存”按钮，如下图所示。 6.1.3 保存框架和框架集 6.1.3 保存框架和框架集 （2）保存各个框架中的网页文档。把光标放置到最上面的框架区域中，执行“文件”→“保存框架”命令，保存为top.html，如下图所示。 6.1.3 保存框架和框架集 6.1.3 保存框架和框架集 （3）用同样的方法，把光标放置到要保存的框架区域后，保存各个框架文档，效果如下图所示。 6.1.3 保存框架和框架集 步骤虽然简单，但是很关键，只有将框架集和各个框架保存在本地站点根目录下，才能保证浏览页面时正常显示。 6.1.3 保存框架和框架集 6.1.4 知识拓展 1.了解框架 2.删除不需要的框架区域 $