网页设计与制作案例教程 教学配套课件 池同柱 第12章 使用框架灵活布局网页.pdfVIP

第12章 使用框架灵活布局网页 一、创建基本框架网页 框架（Frame）可以将浏览器显示窗口分割 成多个子窗口，每个窗口都是一个独立的网页文 档。当一个页面被划分为若干个框架时， Dreamweaver就建立起一个未命名的框架集文 件，同时为每个框架建立一个文档文件。 框架由两个主要部分组成：框架集和单个框 架。 创建框架网页的方法主要有4种:从“新建文 档”对话框中创建、从“布局”插入栏中创建、从 “插入记录”菜单中创建及手动创建，还可以创建 嵌套框架集。具体如下： 1. 从“新建文档”对话框创建 操作如下： 在Dreamweaver起始页中选择“文件/新建” 命令，打开“新建文档”对话框。 在“示例中的页”选项卡中的“示例文件夹” 列表框中选择“框架集”选项，在右侧“示例 页”列表框中选择需要的框架结构。 单击右下角“创建”按钮。 2、从布局插入栏中创建 操作如下： 新建空白网页后，将“插入”工具栏切换到 “布局”工具栏。 单击“布局”工具栏中右侧的图标按钮，在 弹出的菜单中选择相应的选项。 在打开“框架标签辅助功能属性”对话框中 直接单击“确定”按钮即可创建框架网页。 3、从“插入记录”菜单中创建 操作如下： 新建空白网页后，将光标插入预定义的窗 口中。 选择“插入记录/HTML/框架”命令，在弹出 的子菜单中选择相应的选项即可创建框架 网页。 ４．手动创建框架网页 前三种方法创建的网页都是预定义的框架样 式，有时并不适合用户的实际制作需求。此时可 以通过手动创建框架网页。操作如下： (1)新建空白网页文档，选择“查看/可视化助 理/框架边框”命令，框架边框即可在边框四周显 示出来。 (2)将鼠标光标定位到需分割的框架中，按住 Alt键的同时，将鼠标光标移到框架边框线上至光 标变为双向箭头形状时，按住鼠标左键不放进行 拖动，至合适位置后释放鼠标即可将一个柜架拆 分为两个框架。 5．创建嵌套框架集 在框架内部还可以创建框架集，即嵌套框架 集。如果在一个框架集内，不同行或列有不同数 目的框架，则要求使用嵌套的框架集。 操作如下： （1）将光标定位到需创建嵌套框架集的框架 中。 （2 ）将“插入”工具栏切换到“布局”工具栏，单击 “布局”工具栏中右侧的图标按钮，在弹出的菜单 中选择相应的(“上方和下方框架”)选项。 二、选择框架和框架集 1、在编辑窗口中选择框架和框架集  按住Alt键，在所需要选择的框架中单击 鼠标左键即可选择该框架，被选择的边 框为虚线。  若要选择框架集，单击需要选择的框架 集边框即可。选择的框架集包含的所有 框架边框呈现虚线。 2、在“框架”面板中选择框架和框架集  选择“窗口/框架”，打开“框架”面板，在面 板中单击需要选择的框架，此时被选择 的框架的边界就会被虚线包围。  若要在“框架”面板中选择“框架集”，应在 面板中单击包含要选择柜架集的边框即 可。若要选择整个框架集，直接单击柜 架最外面的边框即可，此时边框变成黑 边显示。 三、编辑框架 1．删除框架 用鼠标将要删除框架的边框拖至页面外面即 可。如果要删除嵌套框架集，则需将其边框拖到 父框架边框上或拖离页面。 2、保存框架 步骤如下： （1）将鼠标光标定位到需要保存网页文档的框架 中。 （2 ）选择“文件/保存框架”命令，在打开的“另存为” 对话框中的“保存在”下拉列表框中选择保存位 置，在“文件名”文本框中输入文件名。 3、保存全部 当编辑完框架及框架文件后，必须 对框架及框架文件进行保存，如果只保 存鼠标所定位的框架内容，其余的框架 内容将丢失，为避免这种情况的发生， 可以使用“文件/全部保存”命令来完成。 在保存时通常先保存