Dreamweaver的网页定位技术——分帧
打造随意的网页布局

在浏览网页时，我们常常会看到这样一种导航结构：超级链接做在左边，单击它以后，链接的部分出现在右边；或者在上边单击链接，指向的页面会出现在下边。要做出这样的效果，必须进行分帧。为了更好地理解什么是帧，我们画一张示意图来看看。

这是一个左右结构的帧。事实上，这样的一个结构是由3个网页文件组成的。首先外部的框架是一个文件，图中我们用index.html命名；框架中左边命名为A，指向的是一个网页A.html；右边命名为B，指向的是一个网页B.html。清楚了帧的结构，下面我们就来从头开始制作一个框架。

1 首先进入Dreamweaver，在一个空白页面中进行分帧操作。图说：(1) 选择[Modify]→“Frameset”命令。(2) 然后再选择“Spilit Frame Left”命令。

2 你会发现页面中出现一个分隔条，我们可以利用鼠标的拖动来规划页面。图说： 用鼠标将分隔条拖拽到合适的位置。这样，一个帧结构就做好了。

3 做好了帧以后，很重要的一步就是给帧命名。图说:(1) 首先我们要调出帧面板。按一下[Window]。(2) 再选择“Frames”命令。

4 你可以依自己的习惯给每一帧命名。图说：(1) 在帧面板中单击右边部分。(2) 在属性面板中的“Frame Name”处填上“right”，也就是将右边的帧命名为“right”。(3) 用同样的方法将左边的帧命名为“Left”。

5 保存网页同样很重要呢！图说: 选择菜单[File]→“Save All Frames”。

6 这时系统会弹出“保存”对话框。图说：(1) 先保存的是一个帧结构文件。我们按照惯例都命名为“index”。(2) 按下“保存”之后，紧接着还是出现“保存”对话框，现在保存的是右边的网页，取名为 “main”。(3) 同样地，按下“保存”之后，紧接着出现“保存”对话框，现在保存的是左边的网页，取名 为“bar”。

小技巧：如何知道保存的文件是哪一部分呢？这里有一个诀窍：保存的时候如果虚线框笼罩的是周围一圈就是保存帧结构；笼罩在左边就是保存帧中左边网页；笼罩在右边就是保存帧中右边网页。

7 下面我们要实现按左边页面的超级链接，对应的页面出现在右边的效果。图说：(1) 在左边的页面（bar.htm）上敲入相应文字，如“公司介绍”。(2) 选中文字后，按一下“Target”旁边的文件夹。(3) 选择要链接的右边页面，即“main.htm”。(4) 按一下[Select]。

8 对链接还要进行相应的属性设置。图说：(1) 在链接属性面板中，按一下“Target”旁边的小三角。(2) 将链接属性设置成“rigth”。(3) 对页面进行一些修饰，这里我们就加了两行文字。这样第1个超级链接就做好了。

9 下面我们再来看看第2个超级链接怎么做。图说：(1) 在左边页面上输入相应的文字，如“联系方式”。(2) 按一下键盘上的“Ctrl”键+“N”键新建一个页面。

10 先将页面内容补充完整。图说：(1) 在页面上输入相应的内容。(2) 按一下键盘上的“Ctrl”键+“S”键保存页面。(3) 在弹出的“保存”对话框中为页面取个名字，本例为“connection”。(4) 按一下[保存]并关闭页面。

11 回到原先的页面后，就照做第1个链接的方法如法炮制即可。图说：(1) 选中“联系方式”后，按一下“Target”旁边的文件夹。(2) 选择要链接的页面，这里是“connection.htm”。(3) 按一下[Select]。

12 最后还是要记住对链接的属性设置进行相应设置。图说：(1) 在链接属性面板中，按一下“Target”旁边的小三角。(2) 将链接属性设置成“rigth”。

13 一切大功告成了。如果你还有其他的信息要加的话，照着以上的步骤做即可。

结语：现在你的网页是不是已经越来越富有变化了？分帧除可以将页面分为左右两部分外，还可以分成上下两部分，自己试试看，效果也很不错的呢！