DREAMWEAVER+CS4+网页设计与制作指南第10章.ppt
第10章框架,框架主要有两大部分组成：框架系（Frameset）和框架（Frame）。本章重点内容：框架的定义及优缺点框架的使用内嵌框架IframeFrame、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.2Iframe属性,通过设置Iframe的属性，可以让Iframe与所嵌入的文档整体结合，更能体现Iframer的优势。,10.3.3设置Iframe自适应高度,针对不同的页面高度，可以设置iframe的自适应高度来适应页面。,10.4 Frame、Iframe、Frameset 的区别,框架页有3个标记：Frame、Iframe、Frameset，初学者容易将三者混淆，下面来讲解三者之间的区别。,10.4.1 Frameset与Frame的区别,首先理解Frameset与Frame之间的区别。用以划分框架，每一个框架由标记，必须在之内使用。两者的差别如下：为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局。用以设置组成框架集中各个框架的属性。,10.4.2 Frameset参数设置,需要一些特定的参数来设置，这些参数直接决定整个页面的布局。,10.4.3 Frame参数设置,关于Frame参数的设置含义如表10-4所示。,10.4.4 Frame与Iframe的区别,Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。,10.4.5 设置Iframe透明,有时插入到页面中的Iframe都会有背景色，这样常常和界面的颜色不搭配，会影响整体效果。,10.5 本章小结,使用框架可以将浏览器分成不同的窗口，通过框架之间建立链接，达到网站风格的统一。本章主要介绍了如何创建框架，框架的属性以及Frame、Iframe、Frameset之间的区别。应用Noframe还可以有效地对页面进行优化，从而使得搜索引擎能够正确索引框架网页上的内容信息，突破了框架的网页无法被搜索引擎正确索引的限制。,
