网页制作技术第08章.pptVIP

第 8 章 制 作 框 架 网 页 8.1 认 识 框 架 网 页 8.2 创 建 框 架 8.3 编 辑 框 架 8.4 设置框架和框架集属性 8.5 链 接 框 架 的 内 容 框架是在同一个浏览窗口中显示多个网页的技术，框架网页是一种特殊的网页。框架将窗口划分为不同的部分，各部分中都有各自的网页，总体构架出一个框架集。此外，通过为超链接指定目标框架，可以在框架之间建立起以内容为媒介的联系，因而实现页面导航的功能。 8.1 认 识 框 架 网 页 框架（Frames）技术由框架集（Frameset）和框架（Frame）两部分组成。 框架网页是一种特殊的HTML网页，它可以将浏览器窗口分成不同的区域，称为框架区域，每个区域都可以保存并显示一个不同的网页。 8.2 创 建 框 架 Dreamweaver MX创建框架集的方法有两种：一是可以自己设计，二是可以从几个预设的框架集中选择。 8.2.1　插入预设的框架集 提示：在“框架”面板中，预设的框架集是由两种颜色组成的，其中浅蓝色的区域表示在创建框架后，原文档内容所在的位置。白色区域则表示新创建的框架文档所在的位置。 8.2.2　设计和插入框架集 “框架”面板上的预设框架集几乎包含了一般的框架格式，当然也可以自己设计框架格式，灵活运用框架集。 8.3 编 辑 框 架 8.3.1　选定框架和框架集 在对框架进行编辑操作之前必须先选择所需的框架，可以直接在网页文档视窗中选择框架，当然利用“框架”控制面板对框架进行操作比较方便。 1．利用框架控制面板选定框架和框架集 2．在文档视窗中选定框架和框架集 3．切换所选定框架和框架集 8.3.2　删除框架 8.3.3　在框架中打开网页文档 创建框架的目的是在框架中建立新的网页或打开已有的网页文档。 8.3.4　保存框架和框架集 框架集文件和与之相关的框架文件必须先保存，才能在浏览器中预览整个框架网页内容。可以分别保存框架集页面或框架页面，也可以同时保存所有打开的框架文件和框架集页面。 1．保存框架 2．保存框架集 8.4 设置框架和框架集属性 框架属性确定了框架集内各个框架的名称、源文件、边框的框架能否调整大小等。框架集属性确定框架的大小和框架之间的边框宽度和颜色等。在框架结构文档中，框架和框架集都有各自的属性设置面板，它们的属性应该分别进行设置。 8.4.1　框架的属性 1．启动框架属性面板 2．设置框架的属性 8.4.2　框架集的属性 1．启动框架集属性面板 2．设置框架集的属性 8.4.3　设置或更改框架的属性 1．设置框架的大小 2．设置框架和框架集的边框 3．设置框架或框架集的边框颜色 4．改变框架的背景色 8.5 链 接 框 架 的 内 容 利用框架结构，可以把导航条内容固定在页面的顶部、左边或右边。在浏览网页时，用户可以直接选择导航条上相应的内容，切换到所对应的页面，这都需要事先对各个框架建立超链接。 要想在框架内使用链接，必须为链接设置一个目标，该目标是指框架内链接要打开的网页内容。根据链接目标的不同，框架中的链接主要有两种：框架内的链接和关键字的链接。 8.5.1　框架内的链接 框架内的链接就是建立一个框架内不同HTML页面间内容的链接和跳转。 8.5.2　关键字的链接 关键字的链接是指在属性面板中的“目标”下拉列表框中列出的原有参数，用来确定所链接文件的显示位置，它不同于框架名称的参数（如mainFrame），这些参数有4种，其含义如下。 ? _blank ? _parent ? _self ? _top * 图8-2 “框架”面板 图8-9 “保存为”对话框 图8-10　“框架”控制面板和框架属性面板 图8-11　“框架”控制面板和框架集属性面板