《制作框架网页》PPT课件

1、第8章 制 作 框 架 网 页 8.1 认 识 框 架 网 页8.2 创 建 框 架8.3 编 辑 框 架 8.4 设置框架和框架集属性8.5 链 接 框 架 的 内 容框架是在同一个浏览窗口中显示多个网页的技术，框架网页是一种特殊的网页。框架将窗口划分为不同的部分，各部分中都有各自的网页，总体构架出一个框架集。此外，通过为超链接指定目标框架，可以在框架之间建立起以内容为媒介的联系，因而实现页面导航的功能。 8.1 认 识 框 架 网 页框架（Frames）技术由框架集（Frameset）和框架（Frame）两部分组成。 框架网页是一种特殊的HTML网页，它可以将浏览器窗口分成不同的区域，称为

2、框架区域，每个区域都可以保存并显示一个不同的网页。 8.2 创 建 框 架Dreamweaver MX创建框架集的方法有两种：一是可以自己设计，二是可以从几个预设的框架集中选择。 8.2.1插入预设的框架集提示：在“框架”面板中，预设的框架集是由两种颜色组成的，其中浅蓝色的区域表示在创建框架后，原文档内容所在的位置。白色区域则表示新创建的框架文档所在的位置。图8-2 “框架”面板 8.2.2设计和插入框架集“框架”面板上的预设框架集几乎包含了一般的框架格式，当然也可以自己设计框架格式，灵活运用框架集。 8.3 编 辑 框 架 8.3.1选定框架和框架集在对框架进行编辑操作之前必须先选择所需的框

3、架，可以直接在网页文档视窗中选择框架，当然利用“框架”控制面板对框架进行操作比较方便。1利用框架控制面板选定框架和框架集2在文档视窗中选定框架和框架集3切换所选定框架和框架集8.3.2删除框架8.3.3在框架中打开网页文档创建框架的目的是在框架中建立新的网页或打开已有的网页文档。 8.3.4保存框架和框架集框架集文件和与之相关的框架文件必须先保存，才能在浏览器中预览整个框架网页内容。可以分别保存框架集页面或框架页面，也可以同时保存所有打开的框架文件和框架集页面。1保存框架图8-9 “保存为”对话框 2保存框架集8.4 设置框架和框架集属性框架属性确定了框架集内各个框架的名称、源文件、边框的框架

4、能否调整大小等。框架集属性确定框架的大小和框架之间的边框宽度和颜色等。在框架结构文档中，框架和框架集都有各自的属性设置面板，它们的属性应该分别进行设置。8.4.1框架的属性1启动框架属性面板2设置框架的属性图8-10“框架”控制面板和框架属性面板 8.4.2框架集的属性1启动框架集属性面板2设置框架集的属性 图8-11“框架”控制面板和框架集属性面板 8.4.3设置或更改框架的属性1设置框架的大小2设置框架和框架集的边框3设置框架或框架集的边框颜色4改变框架的背景色8.5 链 接 框 架 的 内 容利用框架结构，可以把导航条内容固定在页面的顶部、左边或右边。在浏览网页时，用户可以直接选择导航条上相应的内容，切换到所对应的页面，这都需要事先对各个框架建立超链接。要想在框架内使用链接，必须为链接设置一个目标，该目标是指框架内链接要打开的网页内容。根据链接目标的不同，框架中的链接主要有两种：框架内的链接和关键字的链接。8.5.1框架内的链接框架内的链接就是建立一个框架内不同HTML页面间内容的链接和跳转。 8.5.2关键字的链接关键字的链接是指在属性面板中的“目标”下拉列表框中列出的原有参数，用来确定所