第五章使用框架布局网页.ppt

一、认识框架和框架集 框架可以将网页页面划分成不同的区域，每个区域都是一个框架，在其中显示不同的页面。 同时，还需要一个文件记录框架的数量、布局、链接和属性等信息，这个文件就是框架集。 框架和框架集之间的关系是包含与被包含的关系，框架集中包含了top、left、main、bottom四个框架。 用框架布局网页时，注意以下几点： ① 创建框架和框架集后，对其属性进行设置。 ② 每个框架就是不同的HTML文档，因此需要保存每个框架文件和框架集文件。 ③ 一定要确保文件中的每个链接都正确。 二、框架网页的创建 1、通过“新建文档”对话框创建 ① 选择“文件—新建”，打开“新建文档”对话框。 ② 在“示例中的页”选项卡中选择“框架页”文件夹。 ③ 在右侧的“示例页”列表框中选择需要的框架结构，单击“创建”。 打开“框架标签辅助功能属性”对话框，在“框架”下拉列表中选择某个框架，在“标题”文本框中输入该框架的标题，通常保持默认设置。 2、从“布局”插入栏中创建 3、自定义框架的创建 如预定义框架集不能满足要求，可将框架进行分割，自定义框架样式。 ① 新建空白文档，选择“查看—可视化助理—框架边框”命令。 ② 将光标定位到需分割的框架中，按住Alt键的同时，将光标移动到框架边框线上，当鼠标变为双箭头形状时，按住左键不放拖动至合适位置后，释放鼠标即可将一个框架拆分为两个。 4、嵌套框架的创建 框架也可嵌套，在内部再创建一个框架。 ① 将光标定位到需要创建嵌套的框架中。 ② 在布局插入栏单击“框架”，在弹出菜单中选择需要嵌套框架的样式即可。 三、框架和框架集的基本操作 创建完框架后，可以对框架和框架集进行选择、删除以及保存等操作。 1、框架和框架集的保存 （1）保存框架文档 ① 将光标定位到需保存网页文档的框架中。 ② 选择“文件—保存框架”命令，打开“另存为”对话框，选择保存位置，输入文件名，单击“保存”即可。 （2）保存框架集文档 ① 选择需要保存网页的框架集。 ② 选择“文件—框架集另存为”命令，打开“另存为”对话框，选择保存位置，输入文件名，单击“保存”即可。 （3）保存框架集中的所有文档 在保存时，通常先保存框架集网页文档，再保存各个框架网页文档，被保存的当前文档所在的框架或框架集用粗线表示。 如果所有框架集中有框架的文档都没有保存，则会出现“另存为”对话框，提示保存该文档。如果有多个文档没有保存，则会多次打开“另存为”对话框。 如果所有文档已经保存，将直接以原先保存的框架名保存文档，不再出现“另存为”对话框。 ① 选择需要保存的框架页。 ② 选择“文件—保存全部”命令，打开“另存为”对话框，选择保存位置，输入文件名，单击“保存”，完成框架集网页文档的保存。 ③ 同时打开“另存为”对话框进行框架网页的保存，可以保存多个子框架。 2、选择框架和框架集 （1）在编辑窗口中选择框架和框架集 ① 选择框架：按住Alt键，单击需要选中的框架边框。 ② 选择框架集：直接单击需要选择的框架集边框。 （2）在框架面板中选择框架和框架集 ① 选择“窗口—框架”命令，打开“框架”面板（Shitf+F2）。 ② 直接单击即可选择框架和框架集。 3、删除框架 用鼠标将要删除框架的边框拖至页面外即可。 四、设置框架和框架集的属性 1、设置框架的属性 2、设置框架集的属性 3、设置框架集的网页标题 选择要设置的框架集，在文档工具栏的“标题”文本框中输入即可。 4、使用链接控制框架内容 使用框架可以通过超链接等方式改变框架中的网页文档，在一个框架中可以打开多个页面。 ① 选择需要链接框架的文本。 ② 在属性面板“链接”框中选择要链接的网页路径和名称。 ③ 在“目标”下拉列表框中选择在哪个框架中打开指定网页。 第五章 使用框架布局网页 一、认识框架和框架集 二、框架网页的创建 三、框架和框架集的基本操作 四、设置框架和框架集的属性