dreamweaver第10章.pptVIP

第10章　框架 框架主要有两大部分组成：框架系（Frameset）和框架（Frame）。本章重点内容： 框架的定义及优缺点 框架的使用 内嵌框架Iframe Frame、Iframe、Frameset 的区别 10.1.1　框架与框架集 框架是指浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余框架页中所显示内容无关的页面，只是针对自身文档。 框架集是由若干个框架组成的，通过设置这些框架的布局和属性（包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的文档路径），可以让框架集在外观上形成一个整体的页面。 10.1.2　框架的优缺点 使用框架可以让网页的风格统一，更能加快浏览速度，在浏览页面时，不需要将页面中含义框架的窗口都重新加载，对于导航或不动的窗口在浏览网站时只需加载一次，这样就可以大大加快浏览的速度。 10.2　框架的使用 框架页中每一个区域称为一个框架窗口，简称为框架，应用框架在制作一些功能性比较强的网页时有很大的优势，比如现在的一些网站的管理后台，都是用框架来制作，这样操作方便，不必每次都点击链接刷新整个网页，因而受到很多设计师们的青睐。 10.2.1　框架的创建 使用框架首先要从创建框架开始。使用Dreamweaver CS4自带的框架布局可以创建多种框架。 10.2.2　设置框架集属性 创建完框架以后，需要为生成的框架集设置属性。 10.2.3 设置框架属性 框架集是由若干个框架页组成，这些框架页需要设置相应的属性才能完成设定的页面效果。 10.2.4　框架的基本操作 对于框架可以进行如下操作：“选择框架”、“拆分框架”、“删除框架”、“打开框架中的一个网页”。下面结合图例来讲述这几种基本操作。 选择框架 拆分框架 删除一个框架 在框架中打开网页 10.2.5　框架的保存 在预览或关闭当前文档中的框架时，必须对框架集和其中的每个框架页文件进行保存，在创建一个新的框架时，系统自动为框架集命名为“UntitleFrame-1”、“UntitleFrame-2”，这样易将这些文件混淆，在保存时，要对其进行相应的重命名。 与保存框架集有关的命令有3个：“保存框架页”、“框架集另存”、“保存全部”。与保存框架有关的命令也有3个：“保存框架”、“框架另存”、“保存全部”。 10.2.6 设置无框架内容 并不是所有的浏览器都支持框架文件，因此需要设置无框架内容进行说明。 10.2.7 为框架页设置链接 在网页制作中之所以使用框架，最主要还是因为框架页独特的链接方式，因为应用框架可以在不同的框架中显示不同的页面，在设置框架页中某处文字或图像等元素进行链接时，会发现在”属性“面板中，链接的目标下拉列表中多了几个选项。 10.2.8　框架的嵌套 按照Dreamweaver自带的框架布局创建框架页以后，还可以在框架内继续创建框架，形成嵌套。 10.3.1 关于Iframe Iframe是框架的一种标记，在页面设计中经常用到。 Iframe标记，又叫浮动帧标记，使用Iframe可以将一个文档嵌入在另一个文档中显示，可以随处引用，不拘泥于网页的布局限制。在当今互联网广告横行的时代，Iframe更是无孔不入了，将嵌入的文档与整个页面的内容相互融合，就形成了一个整体。 10.3.2　Iframe属性 通过设置Iframe的属性，可以让Iframe与所嵌入的文档整体结合，更能体现Iframer的优势。 10.3.3　设置Iframe自适应高度 针对不同的页面高度，可以设置iframe的自适应高度来适应页面。 10.4 Frame、Iframe、Frameset 的区别 框架页有3个标记：Frame、Iframe、Frameset，初学者容易将三者混淆，下面来讲解三者之间的区别。 10.4.1 Frameset与Frame的区别 首先理解Frameset与Frame之间的区别。 Frameset/Frameset用以划分框架，每一个框架由Frame/Frame标记，Frame/Frame必须在Frameset/Frameset之内使用。 两者的差别如下： Frameset为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局。 Frame用以设置组成框架集中各个框架的属性。 10.4.2 Frameset参数设置 Frameset需要一些特定的参数来设置，这些参数直接决定整个页面的布局。 10.4.3 Frame参数设置 关于Frame参数的设置含义如表10-4所示。 10.4.4 Frame与Iframe的区别 Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。 10.4.5 设置Iframe透明 有时插入到页面中的Iframe都会有背景色，这样常常和界