107dreamweaver8中文版应用教程书代号

Dreamweaver

8中文版应用教程第7章

创建和使用框架重点内容：创建框架与框架集选择框架与框架集的方法设置框架与框架的属性编辑框架页面一、什么是框架与框架集框架实际上由两部分组成，即框架与框架集。框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。使用框架的最常见的情况是，一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档。框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。但是，框架的设计比较复杂；而且在很多情况下，可以不必创建框架就能达到相同的效果。例如，如果想让导航条显示在页面的左侧，则既可以用一组框架代替的页面，也可以只是在站点中的每一页上包含该导航条。二、创建框架与框架集1.使用预定义创建框架集Dreamweaver中提供的预定义框架种类很多，用户可以根据自己的实际需要选择一种框架类型。使用预定义的框架集的方法分为两种，一种是通过“插入”工具栏“布局”类中的“框架”按钮创建，别一种是通过选择“文件”|“新建”命令，打开“新建文档”对话框来创建。2.自定义框架集如果要自己设计框架集，只需将鼠标移至框架边框上，当鼠标指针变为双向箭头时，按下鼠标向文档窗口内拖动，即可创建框架集。除此之外，还可以应用“修改”|“框架页”级联菜单下的相关命令拆分框架。二、创建框架与框架集3.创建嵌套框架集要创建嵌套框架集，应先将插入点置于要创建嵌套框架集的框架中，使用前面介绍的创建框架集的命令，即可在框架中创建嵌套框架集。最常见的嵌套框架是顶行有一个框架（框架中显示公司的徽标），在底行有两个框架（一个导航框架和一个内容框架）。4.删除框架要删除一个框架，首先将光标放在创建好的框架上，当光标指针变为创建框架时的形状后，拖动框架至边框上；若页面中有多个框架，可将其拖到父框架的边框上。三、选择框架与框架集1.在文档窗口中选择要在文档窗口的设计视图中选择一个框架，按住Alt键的同时单击框架内部。要在文档窗口的设计视图中选择一个框架集，单击框架集的某一内部框架边框（要执行这一操作，框架边框必须是可见的）。2.在“框架”面板中选择“框架”面板提供所见即所得的效果，在“框架”面板中单击框架或环绕框架集的边框，即可在文档窗口中选择该框架或框架集。在“框架”面板和文档窗口的设计视图中，框架周围都会显示一个选择轮

廓。四、设置框架与框架集属性1.设置框架属性使用框架属性面板可以设置框架名称、源文件、滚动条、边框及边框颜色等内容。要设置框架属性，首先选择要设置属性的框架，则在框架的属性面板中显示所选框架的属性。2.设置框架集属性使用框架集属性面板可以查看和设置大多数框架集属性，包括设置框架集的边框、边框颜色及边框宽度等内容。要设置框架集属性，首先选择要设置属性的框架集，则在属性面板中显示所选框架集的属性。五、编辑框架页面1.设置框架中文档的背景打开“页面属性”对话框，应用其中的“背景颜色”或“背景图像”选项可以为选择的文档设置背景颜色和背景图像。2.使用链接控制框架内容要设置目标框架，用户可以在设计视图中选择文本或对象，在属性面板的

“链接”选项中设置要链接的文件，在“目标”下拉列表框中，选择链接的文档应在其中显示的框架或窗口。3.替换框架文件选择“文件”|“在框架中打开”命令，打开“选择HTML文件”对话框，选择要替换的文件，然后单击“确定”按钮，即可完成框架文件的替换。六、保存框架和框架集文件1.保存框架集文件要保存框架集文件，可以在框架集面板或文档窗口中选择框架集，然后选择“文件”|“保存框架页”命令，或选择“文件”|“框架集另存为”命令，打开“另存为”对话框。在“文件名”文本框中输入要保存框架集的名称。2.保存在框架中显示的文档要保存在框架中显示的文档，首先单击文档所在的框架，然后选择“文

件”|“保存框架”命令或选择“文件”|“框架另存为”命令，打开“另存为”对话框。3.保存与一组框架关联的所有文件要保存在框架中显示的文档，首先单击文档所在的框架，然后选择“文件”|“保存框架”命令或选择“文件”|“框架另存为”命令，打开“另存为”对话框。七、解决浏览器无法显示框架的问题若要编辑无框架页面，首先选中框架集，再选择“修改”|“框架页”|“编辑无框架内容”命令。此时

Dreamweaver将清除文档窗口，正文区域上方出现“无框架内容”标签。当访问者使用不支持框架的浏览器访问框架时，看到的将是一个空白的页面。用户可以在这个空白的页面中加入一段文字，提示访问者使用的浏览器不支持框架，无法显示框架及网页的内容。八、实例假设某网站中已存在3个jmtp01.html、jmtp02.html和jmtp03.html网页，现在要创建一个框架，将jmtp01.html链接至顶

框架，将jmtp