左边和右边部分是独立显示的，比如拖动左边的滚动条不影响右边的显示效果，实际上这是在页面中使用框架技术，每个部分都独立显示网页内容。下面介绍如何用Dreamweaver为你建立网站。





有时看到一些论坛，每个论坛的名字是在左边，点击一个讨论区，你可以在右边区域看到相应的讨论内容，但剩下的部分是独立的显示，比如在显示右侧的滚动条左侧拖不影响。事实上，这是用在网页中的框架技术，所以我们可以把浏览器的显示空间分成几个部分，每个部分显示网页内容独立。并结合几个框架在一起形成一个框架集可以使网页更高效。

效果描述

首先建立了两页，分别为myphoto.htm ，mydiary.htm 。第一个是相册页面，其次是日记页，然后创建一个框架网页添加导航栏。

创造性思维

打开Dreamweaver MX 2004软件的两个新的页面，在左边的文字：网站首页、我的日记，我的相册，在相应的网页文本输入对应，如Web页面链接到的网页内容，输入我的网页，然后创建一个新的页面，单击布局框架图标，建立左、右边框，然后保存网页，设置在左框架网页的导航栏，在右边输入文字，然后保存页面。

软件名称：Macromedia Dreamweaver MX 2004官方简体中文专业版软件大小：63.23mb更新时间：2013-05-08

操作步骤

（1）打开Dreamweaver MX 2004软件新文件，具体操作如图3-1所示。


提示：您还可以使用快捷键Ctrl + N打开{新的文档}对话框。

（2）保存网页，保存文件名时，如输入MyPhoto（我的专辑）如图3-2所示。


提示：您还可以使用快捷键Ctrl + S打开对话框。

（3）创建以同样的方式一个新的文件，并保存页面为myDiary（日记）；。

（4）然后创建一个新文件，创建页面中的左、右边框的设置，在左、右框架中输入相应的文字，如图3-3所示。


（5）为了方便操作，页面被保存为3个不同名称的页面，如图3-4所示。


（6）设置页面的链接。首先设置主页链接，如图3-5所示。


7）然后添加我的日记超链接，如图3-6所示。


（8）再加入我的专辑；超链接，如图3-7所示。


（9）在文件菜单中选择保存命令，保存所有页面，并完成操作。

当使用框架时，读者必须了解框架的结构，以便框架能够被使用和控制。