在一个网页中，我们并不需要所有的内容都在点击链接的时候改变，比如导航条、站点标志、版权信息等，都是不需要改变的。因此我们没有必要在每一个网页中都插入这些元素，这不但能减轻设计制作网页的工作量，也可一减少用户浏览时由浏览器检测这些元素是否已经被装载过的时间。框架主要的作用就是将窗口划分为几个“区域”然后根据需要在某些区域放置不需要改变的元素，某些区域放置需要改变的内容。
下图是启航教程原Dreamweaver MX 2004教程的一个页面的截图，左侧是课程安排的菜单（导航条）上方是站点的标志，下方是版权标志，这些不论我们点击任何一个课程的时候都不会也不需要改变，唯一需要改变的是由右侧最大的区域，它根据我们点击的课程不同而出现不同的内容。
根据上面的分析得知，这个页面是由一个四个框架组成的框架的集合，所谓框架就是把屏幕分割开来的“区域”而框架的集合，我们称之为框架集。
实际上框架页面是一个仅仅包含框架集的页面，里面的内容则是各个框架加载的页面产生的。
为了便于理解，我们来通过下面一个实例来说明框架、框架集、框架页面和页面的关系。
首先，我们来建立三个新的 HTML 页面：
1、背景色为黄色，文字内容为三行，分别是“回到首页”“我的收藏”“我的简历”取名为“menu.htm”保存在本机站点目录下。
2、背景颜色为蓝色，文字内容为“这里是我学习的地方”取名为“home.htm”保存在本级站点目录下。
3、背景颜色为默认，文字内容为“闪客启航”并为“闪客启航”做超级链接，绝对路径为“http://www.flasher123.com”目标为“_blank”取名为“page1.htm”
现在，我们开始建立框架集。打开DW2004，选择“布局”方式，见图：