周欣然《网页设计技术与应用》第8章 框架布局 2013.pptVIP

第8章 框 架 布 局 8.1 应用框架制作电子书 1 案例综述 8.1 应用框架制作电子书 2 案例分析 8.1 应用框架制作电子书 3 实现步骤 1）创建框架集 2）制作框架页 3）创建导航栏超链接 4）保存框架集 8.2 框架的基本操作 1 创建框架和框架集 　　 　　　　　　　　 8.2 框架的基本操作 1 创建框架和框架集 1） 插入预定义的框架集 ① 创建包含当前文档的框架集 a) 打开一个文档 b) 插入栏|布局|框架 c) 框架集图标的蓝色区域表示当前文档 8.2 框架的基本操作 1 创建框架和框架集 1) 插入预定义的框架集 ② 创建新的空预定义框架集 （CS6 无） a) 文件|新建 b) “新建文档”对话框|框架集 c) 选择一个所需框架集 8.2 框架的基本操作 1 创建框架和框架集 2) 创建自定义的框架集 ① 创建框架集 新建一个空白HTML文档 修改|框架集|拆分左(右、上、下)框架 在光标停留在某个框架中，可继续拆分 8.2 框架的基本操作 1 创建框架和框架集 2) 设计自定义的框架集 ② 删除框架集 a) 选择要删除框架的边框 b) 将边框拖到上一级框架的边框上 ③ 调整框架大小 拖动边框 8.2 框架的基本操作 2 选择框架和框架集 1) 选择框架 在“文档”窗口中：按Alt+单击框架内部 （打开“框架”面板，）在“框架”面板中：单击某个框架区域 2) 选择框架集 在“文档”窗口中：单击内部框架边框 在“框架”面板中：单击框架集的外边 8.2 框架的基本操作 3 框架和框架集属性设置 1) 设置框架的属性 框架名称：是链接的Target属性或脚本在引用该框架时所用的名称。 源文件：指定在框架中显示的源文件 滚动：指定在框架中是否显示滚动条。 不能调整大小：让访问者无法通过拖动框架边框在浏览器中调整框架大小 8.2 框架的基本操作 3 框架和框架集属性设置 1) 设置框架的属性 边框：在浏览器中查看框架时显示或隐藏当前框架的边框。 边框颜色：为所有框架的边框设置边框颜色。 边距宽度：以像素为单位设置左边距和右边距的宽度 边距高度：以像素为单位设置上边距和下边距的高度 8.2 框架的基本操作 3 框架和框架集属性设置 2) 设置框架集的属性 边框：确定在浏览器中查看文档时在框架周围是否应显示边框。 边框宽度：指定框架集中所有边框的宽度 边框颜色：设置边框的颜色 行列选定范围：单位有“像素”、“百分比”、“相对” 值：指定所选择的行或列的高度。 单位：选择适当的单位。 8.2 框架的基本操作 4 保存框架和框架集文档 1) 保存框架集文档 操作步骤： 选择框架集 采取下面的方法之一： 选择【文件】|【保存框架】命令，保存框架集. 选择【文件】|【框架集另存为】命令，将框架集另存为新文件。 8.2 框架的基本操作 4 保存框架和框架集文档 2) 保存框架文档 操作步骤： 光标放在目标框架内 。 采取下面的方法之一： 选择【文件】|【保存框架】命令，保存框架. 选择【文件】|【框架另存为】命令，将框架另存为新文件。 如果选择【文件】｜【保存全部】命令，将保存与当前框架关联的所有文档。 8.2 框架的基本操作 4 保存框架和框架集文档 3) 保存框架集所有文档 操作步骤： 如果选择【文件】｜【保存全部】命令，将保存与当前框架关联的所有文档。 8.2 框架的基本操作 5 框架中的链接 在一个框架中使用链接以打开另一个框架中的文档，必须设置链接目标。 默认的情况下“目标”域中总有如下5个目标。 _blank——在新的窗口中打开链接。 _new——在新的窗口中打开链接。 _parent——在当前框架的父框架中打开链接。 _self——在当前框架中打开链接。 _top——在当前窗口中打开链接，将清除所有框架。 框架名 8.2 框架的基本操作 5 框架中的链接 设置目标框架的基本操作方法如下： 在“设计”视图中，选择文本或对象。 在属性检查器的“链接”字段中，选择要链接到的文件 在属性检查器的“目标”弹出式菜单中，选择链接的文档应在其中显示的框架。 8.2 框架的基本操作 6 框架兼容性 框架兼容性功能主要用于处理不能显示框架的浏览器。当不支持框架的浏览器加载该框架集文件时，浏览器只显示用标签noframes/noframes表示的内容。 8.2 框架的基本操作 6 框架兼容性 操作方法如下： 选择“修改”|框架集