第六章 框架与框架集.pptVIP

Dreamweaver mx;第六章 网页框架;定义：框架与框架集 框架是我们在网页设计过程中经常用到一种技术，它可以将一个网页分割成多个HTML页面，每一个框架都是一个独立HTML页面。 框架集可以使网页中所有的框架能够很好的组织在一起，并协调工作。所谓框架集，就是指定义网页结构与属性的HTML页面的集合，通过设置框架和框架集的属性，可以控制框架的外观等。;第六章 网页框架;2.然后，打开插入面板组中的框架页面，将看到如下图所示的一个面板：;第六章 网页框架;第六章 网页框架;第六章 网页框架;第六章 网页框架;第六章 网页框架;2、框架的拆分我们设计的框架样式不一定在都有,通过对框架的拆分，可以设计自己所需的框架。在插入预设框架集后，就可以通过对框架集进行修改来满足我们的需要。方法如下：首先将光标定位到要拆分的框架当中，然后打开菜单，执行：“修改|框架页”菜单项,其下包括了四个用于分隔框架的命令，如下： ;拆分左框架：将光标所在的框架分隔为左右两个框架。并使当前文档作为分隔后左侧框架中的文档。拆分右框架：将光标所在的框架分隔为左右两个框架。并使当前文档作为分隔后右侧框架中的文档。拆分上框架：将光标所在的框架分隔为上下两个框架。并使当前文档作为分隔后上侧框架中的文档。拆分下框架：将光标所在的框架分隔为上下两个框架。并使当前文档作为分隔后下侧框架中的文档。注意:拆分时一定要先定位光标再拆分 也可以使用鼠标拖动的方法来分隔框架。;第六章 网页框架;第六章 网页框架;第六章 网页框架;第六章 网页框架;要保存单个框架文件，首先将光标置于框架中，然后执行“文件|保存框架”命令。要保存框架内所有文件，可以执行“文件|全部保存”命令。三、框架页板 框架和框架集都是HTML文档，要对框架和框架集进行修改前，首先要选取框架集和框架，可以在文档窗口和框架面板中来选取。但是框架面板显得更加直观。打开框架面板的方法如下：执行“窗口|其它|框架”命令就可以打开框架面板。如下图：;;第六章 网页框架;第六章 网页框架;第六章 网页框架;四、框架集和框架属性的设置;A;2、框架属性设置在框架面板中或文档窗口中选择了某个框架后，此时的属性面板如下图所示：;E、限定当前选中的框架的大小，以防止用户拖动框架的边框。此选项被选中后，用户不能在自己的浏览器中调整框架的大小。F、用于设置当前选中的框架的边框颜色。G、边界宽度：设置框架的边框和框架里面内容之间间距的宽度（即左边距），单位为像素。H、边界高度：设置框架的边框和框架里面内容之间间距的高度（即上边距），单位为像素。 ;第六章 网页框架;第六章 网页框架;第六章 网页框架;第六章 网页框架;第六章 网页框架; 值得注意的就是链接问题了，在框架中使用超级链接时，必须为链接设置一个目标，这个目标是指框架内链接所需要打开的内容显示在哪个框架内。框架集中，无论你所采用的是哪种预设框架，在这些框架中，总会存一个主框架，从框架面板中就可以看到，有一个Mainframe，这就是一个主框架的标志。需要说明的是：在某个框架页中设置超级链接后，在属性面板中设置其链接打开的目标时，与以前相比，有所不同，打开目标下拉框后，将看到如下选项：;Blank:在新的窗口中打开链接文档，并保留当前窗口。parent:在链接的父窗口内显示链接文档。self:在当前窗口中打开链接文档，替换当前框架中内容。top:在当前文档最外边的框架集中打开链接文档，替换所有框架。mainframe:在主框架中打开链接。leftframe:在左侧框架中打开链接。Topframe:在顶部框架中打开链接。;第六章 网页框架;第六章 网页框架