在网上冲浪时，时常会发现这种情况，浏览器窗口中的内容有些部分好像是独立的，总有一部分在窗口中没有变化。这样的页面很大部分是由框架（Frame）构筑而成的。
　　框架（Frames）主要由框架集（Frameset）和单个框架（Frame）两个主要部分组成。所谓框架集，就是定义整个文档框架结构的超文本页面。框架集中主要包含有文档中的框架数目、框架尺寸、框架内源文件等等内容。总之，框架集决定着框架页面的组成结构。
　　框架集中每个区域就是就是框架，而每个框架中的HTML文件相互独立，但是又相互关联的。对于应用框架的页面数目是框架集中所有框架的数目再加上1。也就是说，如果页面中包含有2个框架，则就需要进行保存3个HTML文件。
1 、框架创建
　　框架总是由一般文档开始创建的，利用Dreamweaver可以很轻松地实现创建框架页面。由于Dreamweaver预定义了8种常用的框架模式，从而可以快速创建框架。
　　在对象面板的列表框中选择Frames（框架）命令，框架对象面板显示如图1-1所示。将Frames（框架）对象面板的框架模式拖放到文档编辑区即可。
　　一般情况下，对象面板中的8种框架模式就已经足够了。如果要构筑更复杂的框架页面，可以将这些框架模式进行组合使用，以满足编织网页需要。比如再将拖动到右边的框架中，这样就创建出在对象面板中所没有的框架模式，如图1-2所示。

如图1-1 利用对象面板创建框架

如图1-2 创建复杂框架

　　当然框架页面并非一定要由Frames（框架）对象面板创建，为了创建的随意性，也可以自己手动创建。首先必须选中【View】→【Frame Borders】命令将框架边界显示出来，按住【Alt】键的情况下，光标定位在页面的边界呈双向箭头或者四向箭头时，按住鼠标左键拖动即可完成创建框架，如图1-3所示。

图1-3 创建简单框架

2 、框架保存
　　创建完成的框架页面只有保存以后才能够在浏览器中进行预览。保存可以采用逐个保存，也可以通过整体保存。
　　选择【File】→【Save All】命令，保存框架页面中的所有文件。对于框架页面而言，在保存时是件麻烦事，而且也有点茫然，不知道当前保存的是哪一个框架中的页面。Dreamweaver在保存整个框架页面时，框架集文件的默认名称为UntitledFrame-1，每个框架页面文件的默认名称为Untitled-1、Untitled-2等等。如果还是不太清楚，可以在保存对话框移动一下，看看文档中所作的标志即斜线框（表示显示当前保存文件），如图1-4所示，上图为框架集文件，下图为单个框架文件。

图１-4 框架页面保存标志

　　可以选择【File】→【Save Frameset】或【Save Frameset As】命令，保存当前框架集文件；选择【File】→【Save】，保存框架页面中的插入点所在的框架文件。

3、框架设置
框架的设置通常包括有框架集的设置和框架的设置，对于不同框架对象的设置，当然要采用首先将相应的框架对象选中。
(1) 选定框架（集）
要设置框架，必须先了解框架的选定。选定【Window】→【Frames】命令，调用框架面板如图7-5所示，只要在框架面板的各个区域中单击就可以选定单个框架，在框架面板边界单击可以选定框架集，选定状态呈虚线显示。

图1-5 框架面板

　　在实际的操作中通常不使用框架面板进行选择框架及框架集，而是在按住Alt的情况下，直接单击文档中的框架区域内部选定框架；单击文档边界选定框架集。
(2) 设置框架集
　　选定框架集的情况下，属性面板如图1-6所示。在框架集中设置的属性直接影响到整个框架页面的相关属性。

图1-6 设置框架集

　　Borders：设置框架边框的显示方式。列表框中可以选择Yes（显示边框）或No（不显示边框）。
　　Border Width：设置框架边框的宽度。一般将框架宽度设置为0。
　　Border Color：设置框架边框颜色。
　　Column（或Row）：精确设置框架列宽度（行高度）。可以先在RowCol Selection区域选取要设置的列（或行）。
(3) 设置框架
　　选定框架的情况下，属性面板如图1-7所示。在框架中设置的属性将覆盖框架集中的相关属性，如Borders、Border Color。

图1-7 设置框架

　　Frame Name：设置框架名称。设置的框架名称将出现在框架页面中创建链接的Target列表框中。
　　Src：指定框架源文件的URL地址，单击右边的文件按钮，可以从磁盘中选择源文件。
　　Scroll：设置滚动条方式，可以选择Auto（自动进行调整）、No（不使用滚动条）、Yes（始终显示滚动条）。
　　No Resize：选中该复选框，表示不允许用户在浏览器中拖动框架改变大小。
　　Borders：设置框架边框的显示方式。列表框中可以选择Yes（显示边框）或No（不显示边框）。
　　Border Color：设置框架边框颜色。
　　Margin Width、Margin Height：设置框架中对象与框架之间的左右（或上下）边距。
(4)框架链接
　　在创建链接时已经讲到链接可以在任意框架中打开。在链接的Target列表中可以设置目标窗口。
　　_blank：打开新窗口显示链接页面。
　　_parent：在当前框架的上一级框架集中显示链接页面。
　　_self：在当前框架中显示链接页面。
　　_top：在当前框架的最上一级框架集中显示链接页面。
　　如果在框架中设置框架名称，那么在Target中会多出几项选项，如图1-8所示。通常利用这些选项更清楚链接将在哪一个框架中显示。

图1-8 设置框架名称的链接目标

4 框架兼容
　　对于较早版本的浏览器而言，很有可能不支持框架，为了避免出现错误信息，在Dreamweaver中专门提供了不支持框架显示的替代内容，可以制作类似首页的内容，也可以给予一定的提示性文字。
　　选中【Modify】→【Frameset】→【Edit NoFrames Content】命令，文档编辑区上方显示“NoFrames Content”字样表示要编辑的是框架替代内容，在其中可以输入需要的内容，如图1-9所示，设置完毕，再次选择【Modify】→【Frameset】→【Edit NoFrames Content】，则【Edit NoFrames Content】命令项前的对勾消失，表示取消该命令。

图1-9 编辑框架替代内容