0迴槊 61关于框架和框架集 62创建框架集 6.3框架和框架集属性的设置 64框架与超链接 6.5框架兼容性
第6章 框 架 6.1 关于框架和框架集 6.2 创建框架集 6.3 框架和框架集属性的设置 6.4 框架与超链接 6.5 框架兼容性
61关于框架和框架集 軻框架:是指浏览器窗口中的一个区域。 框架集∶定义了一组框架的布局和属性,包 括框架的数目、框架的大小和位置以及在每 个框架中初始显示页面的URL. 由4个单独内容 的HM组成 框架集文件 目录 以及3个网页 上一页 3个框架 文档 下一页 退出
6.1 关于框架和框架集 框架：是指浏览器窗口中的一个区域。 框架集：定义了一组框架的布局和属性，包 括框架的数目、框架的大小和位置以及在每 个框架中初始显示页面的URL。 3个框架 由4个单独内容 的HTML组成： 框架集文件 以及3个网页 文档
实例样图 x无法显示该图片 在线表程 Tencent Traveler 文件G编辑查看(收藏)工具D在线服务⊙)帮助山 最近浏览 0a二个框架横放在 地址1,∥/据/艳网钻建说第二学期4转到搜□ 顶部:Web站点 萄在线数程 M教程 的徽标和标题 个较窄的框架 ★M HT夏L英语意思是; Hypertext Marked language,即超文本标记语言, 位于左侧:导航 是一种用来制作超文本文档的简单标记语言。用H编写的超文本文档 ★页面布局与文字设计 条 为文档,它能独立于各种操作系统平台(如UIx, WINDOWS等) ★文件之间的链接 1990年以来凯就一直被用作vx1 d vide web的信息表示语言,用于 个大框架占据 ★插入图像 述 Homepage的格式设计和它与Wwv上其它 Homepage的连结信息。使用 页面的其余部分 目录 语言描述的文件,需要通过wv览器显示出效果 主要内審 屏:×0×0日我的电 上一页 下一页 退出
实例样图 一个框架横放在 顶部：Web站点 的徽标和标题 一个较窄的框架 位于左侧：导航 条 一个大框架占据 页面的其余部分： 主要内容
62创建框架集 曰在 Dreamweaver Mⅹ2004中有两种创建框架集的方 法:从预含义的框架模型中选择和设计框架集。 选择预定义的框架集 创建包含当前文档的框架集 1)打开一个文档 2)插入栏|布局|框架 3)框架集图标的蓝色区域表示当前文档 n创建新的空预定义框架集 1)文件|新建 目录 2“新建文档”对话框|框架集 上一页 选择一个所需框架集 下一页 退出
6.2 创建框架集 在Dreamweaver MX 2004中有两种创建框架集的方 法：从预含义的框架模型中选择和设计框架集。 1. 选择预定义的框架集 创建包含当前文档的框架集 1) 打开一个文档 2) 插入栏|布局|框架 3) 框架集图标的蓝色区域表示当前文档 创建新的空预定义框架集 1) 文件|新建 2) “新建文档”对话框|框架集 3) 选择一个所需框架集
设计自己的框架集 创建框架集 1.新建一个空白HTML文档 2.修改框架集|拆分左(右、上、下要)框架 3.在光标停留在某个框架中,可继续拆分 注:利用“查看|可视化助理框架边框”使边楫可见 删除框架集 1.选择要删除框架的边框 2.将边框拖到上一级框架的边框上 目录 调整框架大小 上一页 拖动边框 下一页 退出
2. 设计自己的框架集 创建框架集 1. 新建一个空白HTML文档 2. 修改|框架集|拆分左(右、上、下要)框架 3. 在光标停留在某个框架中，可继续拆分 注：利用“查看|可视化助理|框架边框”使边框可见 ◼ 删除框架集 1. 选择要删除框架的边框 2. 将边框拖到上一级框架的边框上 调整框架大小 拖动边框
6.3框架和框架集属性的设置 橱选择框架和框架集 只有选择了相应的框架或框架集,其属性检 查器才会出现。 1)选择框架 在“设计”视图中:按A单击框架内部 在“框架”面板中:单击某个框架区域 2)选择框架集 在“文档”窗口中:单击内部框架边框 目录 n在“框架”面板中:单击某一内部榫架边框 上一页 下一页 退出
6.3 框架和框架集属性的设置 1. 选择框架和框架集 只有选择了相应的框架或框架集，其属性检 查器才会出现。 1) 选择框架 ◼ 在“设计”视图中：按Alt+单击框架内部 ◼ 在“框架”面板中：单击某个框架区域 2) 选择框架集 ◼ 在“文档”窗口中：单击内部框架边框 ◼ 在“框架”面板中：单击某一内部框架边框
6.3框架和框架集属性的设置 徊框架和框架集属性设置 使用属性检查器可以查看和设置大多数框架 或框架集的属性。 1)框架集属性检查器 边框:确定在浏览器中查看文档时在框架周 围是否应显示边框。 边框宽度:指定框架集中所有边框的宽度 边框颜色:设置边框的颜色 目录 行列选定范围:单位有“像素”、“百分 上一页 比”、“相对” 下一页 退出
6.3 框架和框架集属性的设置 2. 框架和框架集属性设置 使用属性检查器可以查看和设置大多数 框架 或框架集的属性。 1) 框架集属性检查器 ◼ 边框：确定在浏览器中查看文档时在框架周 围是否应显示边框。 ◼ 边框宽度：指定框架集中所有边框的宽度 ◼ 边框颜色：设置边框的颜色 ◼ 行列选定范围：单位有“像素” 、 “百分 比” 、 “相对
6.3框架和框架集属性的设置 徊框架和框架集属性设置 框架属性检査器 框架名称:是链接的 ITarget属性或脚本在引用该框架 时所用的名称。 源文件:指定在框架中显示的源文件 滚动:指定在框架中是否显示滚动条。 不能调整大小:让访问者无法通过拖动框架边框在浏 览器中调整框架大小 边框:在浏览器中查看框架时显示或隐藏当前框架的 边框 目录 边框颜色:为所有框架的边框设置边框颜 上一页 边距宽度:以像素为单位设置左边距和右边距的宽度 下一页 边距高度:以像素为单位设置上边距和下边距的高度 退出
6.3 框架和框架集属性的设置 2. 框架和框架集属性设置 2) 框架属性检查器 ◼ 框架名称：是链接的Target属性或脚本在引用该框架 时所用的名称。 ◼ 源文件：指定在框架中显示的源文件 ◼ 滚动：指定在框架中是否显示滚动条。 ◼ 不能调整大小：让访问者无法通过拖动框架边框在浏 览器中调整框架大小 ◼ 边框：在浏览器中查看框架时显示或隐藏当前框架的 边框。 ◼ 边框颜色：为所有框架的边框设置边框颜色。 ◼ 边距宽度：以像素为单位设置左边距和右边距的宽度 ◼ 边距高度：以像素为单位设置上边距和下边距的高度
64框架与超链接 在二个框架中使用链接以打开另一个框架中的文档, 必须设置链接目标。 设置目标框架的基本操作方法如下 1.在“设计”视图中,选择文本或对象 2.在属性检査器的“链接”字段中,选择要链接 到的文件 3.在属性检查器的“目标”弹出式菜单中,选择 链接的文档应在其中显示的框架 注意: 链接到站点外的某一页面时,正确的做法是在 目录 属性检查器的“目标”下拉列表中选择“top或 上一页 bank两个选项。 下一页 退出
6.4 框架与超链接 在一个框架中使用链接以打开另一个框架中的文档， 必须设置链接目标。 设置目标框架的基本操作方法如下： 1. 在“设计”视图中，选择文本或对象。 2. 在属性检查器的“链接”字段中，选择要链接 到的文件 3. 在属性检查器的“目标”弹出式菜单中，选择 链接的文档应在其中显示的框架。 注意： ◼ 链接到站点外的某一页面时，正确的做法是在 属性检查器的“目标”下拉列表中选择“top”或 “blank”两个选项
6.5框架兼容性 园框架兼容性功能主要用于处理不能显示框架的浏览 器。 为不支持框架的浏览器提供显示内容的操作方法 1.选择“修改”|框架集!编辑无框架内容 2. Dreamweaver MX2004将清除“设计”视图中 的内容,并且在“设计”视图顶部显示“无框 架内容”字样 3.在“文档”窗口中,像处理普通文档一样输入 或插入内容。如输入文字“你目前使用的浏览 目录 器不支持框架显示,请升级更高的版本”。 上一页 4再次选择选择“修改”|框架集|编辑无框架内容 下一页 命令,以返回到框架集文档的普通视图。 退出
6.5 框架兼容性 框架兼容性功能主要用于处理不能显示框架的浏览 器。 为不支持框架的浏览器提供显示内容的操作方法： 1. 选择“修改”|框架集|编辑无框架内容。 2. Dreamweaver MX 2004将清除“设计”视图中 的内容，并且在“设计”视图顶部显示“无框 架内容”字样 3. 在“文档”窗口中，像处理普通文档一样输入 或插入内容。如输入文字“你目前使用的浏览 器不支持框架显示，请升级更高的版本” 。 4. 再次选择选择“修改”|框架集|编辑无框架内容 命令，以返回到框架集文档的普通视图