第五章 框架处理

    到现在我们已经学会了文字、图象和表格的处理，其实到这步我们已经可以开始织网了，为什么还要学习框架（Frame）呢？就我个人认为使用框架有如下两个最大的优点，其一：可以使网页界面变得更加的漂亮，当然这主要靠你自己的设计和构思，你的奇妙构思加上框架结构，肯定能使你的网页与众不同，能给人留下深刻的印象；其二：能使你的网页结构更加清晰，使别人来到你的网站上比较方便的浏览到他（她）所感兴趣的内容。

好了，说了这么多的废话，管它好不好，学了再说吧！

一、使用菜单Modify的Frameset中的选项就可以随心所欲地画出你所想要的框架，其中的命令具体意思如下：

1、Edit NoFrames Content：编辑当你的网页遇到不支持框架结构的浏览器时所显示的内容。一般可以输一句话就行了，如，网页需要框架支持，请下载新的浏览器后，重新打开，谢谢！

2、Split Frame Left和Split Frame Right：将光标所在的框架再左右划分，划分后，你可以鼠标拖动框架的边来改变大小。

3、Split Frame Up和Split Frame Down：将光标所在的框架再上下划分，划分后，你可以鼠标拖动框架的边来改变大小。

好，框架我们已经做好了，下面我们要给刚得到的每个框架取一个名字（注意：这一步很重要，每个框架取不同的名字）。

二、选取菜单Windows中的Frames命令，就可以弹出如下这个网页框架图，开始取名字。

从图中任选一个框架，你可以发现属性工具条已成为如下之图：

参数的具体意思如下：

1、Frame Name：框架的名字，在空框中填入所选框架的名字。取名之后，该名字同样会出现在上图中对应的框架中。（我命名的习惯是按照位置来的，左边就取名left，右边就是right，上边就是up，中间就是middle，下边就是bottom等等。）

2、Src：所选框架装载的网页的文件名。可用边上的到文件夹中去选择。

3、Borders：框架要不要边框。三个选项，Default默认要；Yes表示要边框；No表示不要边框。

4、Scroll：所选的框架要不要滚动条。Default默认自动（网页内容一屏显示不下，出现滚动条，其它情况下不出现滚动条）；Yes有滚动条；No没有滚动条；Auto自动出现。

5、No Resize：框架能不能改变大小。选中表示不能改变大小；不选中表示可以改变大小。

6、Border Color：框架边框的颜色。

7、Margin Width：框架内容与框架左右两边的距离。

8、Margin Height：框架内容与框架上下两边的距离。

三、接下来要做的就是把你的框架保存为一个合适的文件名，这对日后有维护很重要的，文件名至少一看就知道里面装的是什么。对于你日后想修改网页，就可以很方便的找到文件。

１、保存方法（为了你的网站的繁荣，一定要做好这一步喔！^_^）：一个一个框架保存，把光标停在你想保存的那个框架里面（注意！！！），选择File菜单中的Save As...，取一个与文件内容相关的文件名就行了，如果是第一次保存用Save命令也行。等框架全部保存完之后，等等！还有一个主文件（就是包含这些框架的那个文件）没保存，用File 菜单中的Save All命令，因为那些框架已保存过了，所以只剩下主文件没保存了，给主文件取个名字，如果是网页首页就取名为index文件了。

２、为什么我特别强调这一步呢？如果不这样保存的话，Ｄreamweaver 2默认的框架文件名是UntitledFrame-xx（xx为数字），这样的文件名你会喜欢吗？到最后就分不出哪个文件装哪些内容了。

３、建议最好别使用Ｄreamweaver 2自带的网页预览功能（File菜单的Preview in Browser命令），此命令会生成一个很讨厌的TMP929438540.htm之类的文件名，好难看！我一般是不用此项功能的。

４、框架结构完成后，以后做网页链接时，你会发现链接时的Target框中除了_blank、_top、_self、_parent外还多了几个名字，对！它就是你的那几个框架名字，你可以把你要链接的网页的内容显示在任何一个框架中。（哇！好爽！）

[目录][第一章][第二章][第三章][第四章][第五章][第六章][第七章][第八章][第九章]

蔷薇工作室1999.06