网页设计与制作 第16章 框架

《网页设计与制作 第16章 框架》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第16章框架第16章框架16.1框架的规划与建立16.2框架的操作16.3在框架中显示页面16.4设置框架属性16.5本章小结框架是网页制作过程中必不可少的一种实用Web技术。框架可以将网页划分为不同的区域，并在不同的区域中载入不同的页面。每个框架网页中都是由框架集和框架组成的。框架最常见的用法就是实现页面导航，一般是将页面划分为一个导航区和一个内容区。这些框架中的每一个都是一个独立的HTML页面。框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架集文件不在浏览器中显示，只是向浏览器提供应如何显示一组框架以及在这

2、些框架中应显示哪些文档的有关信息。16.1.1规划框架16.1框架的规划与建立在Dreamweaver中有两种创建框架集的方法：1.可以从若干预定义的框架集中选择Dreamweaver预先设计了13种框架集格式，可以选择插入面板上的“布局”选项卡，单击框架按钮上的下拉箭头，然后选择预定义的框架集。2.可以自己设计框架集如果预定义的框架集模板都不符合设计要求，可以先用模板建立一个相近的框架，然后再添加一些新的框架进去。（方法见16.2.3）16.1.2创建框架16.1框架的规划与建立16.2.1改变框架尺寸要调整框架的大小，有以下两种方法：如果要设置框架的粗略大小，在“文档”窗口中，将鼠

3、标指针放在两个框架间的边框上，当指针变成双向箭头时，拖动边框到新位置，然后释放鼠标键。如果要指定准确大小，并指定当浏览器窗口大小不允许框架全部显示时，浏览器分配给框架的行或列的大小，可使用“属性”检查器（请参见16.4节设置框架属性）来指定。16.2框架的操作16.2.2嵌套框架1.定义一个框架集包含了另一个框架集就叫作嵌套框架集。一个框架集文件可以包含多个嵌套的框架集。每一个框架集都有自己相应的HTML文档。2.要求如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套的框架集。3.创建Dreamweaver会根据需要自动嵌套框架集。16.2框架的操作16.2.3拆分框架要

4、将一个框架拆分成几个框架，有以下几种情况：如果要以垂直或水平方式拆分一个框架或一组框架，可在文档窗口将框架边框从窗口边缘拖入中间。如果要拆分的框架不靠近文档窗口边缘，可在按住Alt键的同时拖动框架边框。如果要将一个框架拆分成四个框架，可将框架边框从文档窗口一角拖入框架的中间。16.2框架的操作16.2.4保存框架1.只保存框架集文件（1）在“框架”面板或文档窗口中选择框架集。（2）选择【文件】

5、【保存框架集】菜单命令。2.保存框架中显示的文档（1）在要保存的框架中单击。（2）选择【文件】

6、【保存框架】菜单命令。3.保存与框架集相关联的所有文件选择【文件】

7、【保存全部】菜单命令。系统会提示

8、依次保存框架集和所有框架。16.2框架的操作1.直接在框架中编辑空文档如果要在框架集中显示的文档还未编辑，一种方法是可以在框架集中直接编辑各框架文档。要使该文档成为框架中显示的默认文档，要选择“保存全部”命令。2.在框架中打开现有文档如果要在框架集中显示的文档已编辑完成，则可以把光标定位在框架中，选择【文件】

9、【在框架中打开】菜单命令。要使该文档成为框架中显示的默认文档，要选择“保存框架集”命令。16.3在框架中显示页面3.在属性检查器为框架设置源文件如果要在框架集中显示的文档已编辑完成，还可以选择在属性检查器为框架设置源文件的方法，要使该文档成为框架中显示的默认文档，可以选择“保存框架

10、集”或“保存全部”命令。4.设置超链接的目标框架目标框架是针对某个框架页面中的超链接而言的。在“属性”检查器的“目标”下拉列表中可以选择如下一项：_blank、_parent、_self、_top、框架名称。16.3在框架中显示页面16.4.1选择框架集和框架1.在“框架”面板中选择框架和框架集选择框架：在“框架”面板中，单击框架，可以选中框架，环绕框架的边框线较细。16.4设置框架属性选择框架集：在“框架”面板中，单击环绕框架集的边框，可以选中框架集，而环绕框架集的边框线较粗。2．在文档窗口中选择框架和框架集选择框架：在文档窗口中按住Alt键的同时单击框架内部，可以选择一个框架，这时在

11、框架周围会显示选择轮廓。选择框架集：在文档窗口中单击框架集内部的某一框架边框，可以选择一个框架集，这时在框架集周围会显示选择轮廓。16.4设置框架属性16.4.2设置框架集属性选择要查看或设置属性的框架集，在“属性”检查器中，查看所有框架集属性，如图所示。其中包括：边框：该属性主要是确定在浏览器中查看文档时在框架周围是否显示边框。16.4设置框架属性边框宽度：该属性主要是指定框架集中所有边框的宽度。边框颜色：该属性主要是指定框架集所