《DwMX第6章使用框架061ppt课件》由会员分享，可在线阅读，更多相关《DwMX第6章使用框架061ppt课件（83页珍藏版）》请在金锄头文库上搜索。
1、第第6 6章章 使用框架使用框架Dreamweaver MX使用框架使用框架q 在浏览器中一个页面对应于一个窗口，在浏览器中一个页面对应于一个窗口，q页面的内容显示在整个浏览器窗口中。页面的内容显示在整个浏览器窗口中。q 利用框架可以把浏览器窗口划分为多个利用框架可以把浏览器窗口划分为多个窗格，窗格，q其中每个窗格可以显示一个其中每个窗格可以显示一个HTMLHTML文档。文档。使用框架使用框架q 框架的典型用法是，框架的典型用法是，q在一个或若干个框架中显示包含导航控件在一个或若干个框架中显示包含导航控件的文档，的文档，q而在另一个框架中显示含有主要内容的文而在另一个框架中显示含有主要内容的文
2、档，档，q通过单击导航控件的超链接，改变主要框通过单击导航控件的超链接，改变主要框架的显示内容。架的显示内容。使用框架使用框架q 框架集是一种框架集是一种HTMLHTML文件，它是用来组织、文件，它是用来组织、定义每个框架的布局和属性，包括定义每个框架的布局和属性，包括: :q框架的数目、框架的大小和位置，框架的数目、框架的大小和位置，q以及在每个框架中初始显示页面的以及在每个框架中初始显示页面的URLURL。q 而框架集文件本身不包含要在浏览器中而框架集文件本身不包含要在浏览器中显示的显示的HTMLHTML内容。内容。使用框架使用框架q 框架集中所定义的每个框架，可以用来框架集中所定义的每个
3、框架，可以用来显示各种显示各种HTMLHTML文档，文档，q而且框架中的文档可以通过超链接随时更而且框架中的文档可以通过超链接随时更换。换。创建框架和框架集创建框架和框架集6.1 6.1 创建框架和框架集创建框架和框架集 在在DreamweaverDreamweaver有两种方法创建框架集：有两种方法创建框架集：可以自己设计框架集，可以自己设计框架集，也可以从预定义的不同布局的框架集中选也可以从预定义的不同布局的框架集中选择一种。择一种。 选择预定义的框架集，能自动创建一定格选择预定义的框架集，能自动创建一定格式的框架集和框架，式的框架集和框架，是迅速创建框架布局最简单的方法。是迅速创建框架布
4、局最简单的方法。创建框架集创建框架集6.1.1 6.1.1 创建预定义的框架集创建预定义的框架集 创建预定义的框架集有两种方法：创建预定义的框架集有两种方法：1 1使用使用“插入面板插入面板” “规划规划” “框架框架”2 2或使用或使用“新建文档对话框。新建文档对话框。 使用使用FrontPageFrontPage创建框架更为简便，创建框架更为简便，下面介绍在下面介绍在FrontPageFrontPage创建框架创建框架( (框架与框架集的框架与框架集的HTMLHTML标记标记) )使用框架使用框架q其中：其中：q1 1通过插入面板，可以创建框架集，通过插入面板，可以创建框架集，q并在某一框
5、架中显示当前文档；并在某一框架中显示当前文档；q2 2通过通过“新建文档对话框是创建新的新建文档对话框是创建新的空框架集。空框架集。q 只能在只能在“文档窗口的文档窗口的“设计视图中设计视图中插入预定义的框架集。插入预定义的框架集。创建框架集创建框架集q1 1创建预定义的框架集，创建预定义的框架集，q并在某一框架中显示现有文档，并在某一框架中显示现有文档，q 可执行以下操作：可执行以下操作：q(1)(1)在在“文档窗口的文档窗口的“设计视图中，设计视图中，q将插入点放置在文档中。将插入点放置在文档中。创建框架集创建框架集q(2)(2)在插入面板的在插入面板的“框架选项卡中，单框架选项卡中，单击
6、预定义框架集图标；击预定义框架集图标；q或从或从“插入插入” “框架子菜单中选择预框架子菜单中选择预定义的框架集。定义的框架集。q 预定义的框架集图标的蓝色区域表示当预定义的框架集图标的蓝色区域表示当前文档，前文档，q而白色区域表示将显示其他文档的框架。而白色区域表示将显示其他文档的框架。创建框架集创建框架集q2 2要创建新的空预定义框架集，要创建新的空预定义框架集，q 可执行以下操作：可执行以下操作：q(1)(1)选择菜单选择菜单“文件文件” “新建命令。新建命令。q(2)(2)在在“新建文档对话框中，选择新建文档对话框中，选择“框框架集类别。架集类别。q(3)(3)从从“框架集列表选择一种
7、框架集。框架集列表选择一种框架集。q(4)(4)单击单击“创建按钮。创建按钮。创建框架集创建框架集6.1.2 6.1.2 创建和编辑框架集创建和编辑框架集 如果不使用预定义的框架集，自己可以在如果不使用预定义的框架集，自己可以在当前文档创建特定布局的框架集。当前文档创建特定布局的框架集。 在创建框架集或使用框架前，在创建框架集或使用框架前，应通过选择菜单应通过选择菜单“查看查看” “可视化助理可视化助理” “框架边框命令，框架边框命令，使框架边框在使框架边框在“文档窗口的文档窗口的“设计视设计视图中可见。图中可见。创建框架集创建框架集q1 1创建框架集的操作如下：创建框架集的操作如下：q 先创
8、建一个新文档或打开一个文档。先创建一个新文档或打开一个文档。q 选择选择“修改修改” “框架页命令，在子菜框架页命令，在子菜单中选择任一拆分命令，例如单中选择任一拆分命令，例如q“拆分左框架或拆分左框架或“拆分右框架等。拆分右框架等。q 窗口被拆分成几个框架，窗口被拆分成几个框架，q并且开始操作的文档显示在某一框架中。并且开始操作的文档显示在某一框架中。创建框架集创建框架集q2 2将一个框架拆分成几个更小的框架，将一个框架拆分成几个更小的框架，q 可执行以下几种操作：可执行以下几种操作：q 要拆分光标所在的框架，可从要拆分光标所在的框架，可从“修改修改” “框架页子菜单选择拆分命令。框架页子菜
9、单选择拆分命令。q 若要可视化的垂直或水平拆分一个框架若要可视化的垂直或水平拆分一个框架或一组框架，或一组框架，q可将框架边框从可将框架边框从“设计视图的边缘拖向设计视图的边缘拖向“设计视图的中间。设计视图的中间。创建框架集创建框架集q 如果框架边框不在如果框架边框不在“设计视图的边缘，设计视图的边缘，q可以在按住可以在按住AltAlt键的同时拖动框架边框。键的同时拖动框架边框。q 要将一个框架拆分成四个框架，要将一个框架拆分成四个框架，q可将框架一角从可将框架一角从“设计视图一角拖入框设计视图一角拖入框架的中间。架的中间。创建框架集创建框架集q3 3要删除一个框架，要删除一个框架，q 可执行
10、以下操作：可执行以下操作：q 将框架边框拖离页面或拖到父框架的边将框架边框拖离页面或拖到父框架的边框上。框上。q 要删除一个框架集，可关闭显示它的要删除一个框架集，可关闭显示它的“文档窗口。文档窗口。创建嵌套的框架集创建嵌套的框架集q6.2 6.2 创建嵌套的框架集创建嵌套的框架集 q 在一个框架集中创建另一个框架集，称在一个框架集中创建另一个框架集，称为框架集的嵌套。为框架集的嵌套。q一个框架集文件可以包含多个嵌套的框架一个框架集文件可以包含多个嵌套的框架集。集。创建嵌套的框架集创建嵌套的框架集q 在一个框架集中只能创建行的框架或列在一个框架集中只能创建行的框架或列的框架，的框架，q如果在一
11、组框架里，既有行的框架或又有如果在一组框架里，既有行的框架或又有列的框架，列的框架，q则要求使用嵌套的框架集来实现。则要求使用嵌套的框架集来实现。 创建嵌套的框架集创建嵌套的框架集q 例如，最常见的框架布局，例如，最常见的框架布局，q在顶行有一个框架显示徽标，在顶行有一个框架显示徽标，q在底行有两个框架，在底行有两个框架，q一个为导航框架，一个为导航框架，q另一个为内容框架。另一个为内容框架。q 此布局要求嵌套的框架集：此布局要求嵌套的框架集：q一个两行的框架集，一个两行的框架集，q在第二行中嵌套了一个两列的框架集。在第二行中嵌套了一个两列的框架集。创建嵌套的框架集创建嵌套的框架集 创建嵌套框
12、架集的方法如下：创建嵌套框架集的方法如下：(1)(1)将光标置于要插入框架集的框架内。将光标置于要插入框架集的框架内。(2)(2)任选以下一种操作：任选以下一种操作：在插入面板的在插入面板的“框架选项卡中，框架选项卡中，单击单击一种框架集的图标。单击单击一种框架集的图标。从从“插入插入” “框架子菜单中，框架子菜单中，选择一种框架集命令。选择一种框架集命令。创建嵌套的框架集创建嵌套的框架集n在在“设计视图设计视图” ，先按，先按AltAlt键选中一个框键选中一个框架，架，n再拖动这个框架边框，再拖动这个框架边框，n可以垂直或水平分割框架，并自动出产生可以垂直或水平分割框架，并自动出产生嵌套的框
13、架集。嵌套的框架集。选择框架和框架集选择框架和框架集6.3 6.3 选择框架和框架集选择框架和框架集 要更改框架或框架集的属性，首先要选择要更改框架或框架集的属性，首先要选择框架或框架集。框架或框架集。既可以在既可以在“文档窗口中选择框架或框架文档窗口中选择框架或框架集，集，也可以通过也可以通过“框架面板进行选择。框架面板进行选择。 当选择了框架或框架集时，在当选择了框架或框架集时，在“框架面框架面板和板和“文档窗口的文档窗口的“设计视图中，设计视图中，会在框架或框架集周围显示一个选择轮廓。会在框架或框架集周围显示一个选择轮廓。选择框架和框架集选择框架和框架集6.3.1 6.3.1 在在“框架
14、面板选择框架和框架集框架面板选择框架和框架集 “框架面板在框架面板在“高级布局面板组中，高级布局面板组中，可以选择菜单可以选择菜单“窗口窗口” “其他其他” “框架框架命令，命令，显示显示“框架面板。框架面板。 “框架面板，可视化的显示了框架集及框架面板，可视化的显示了框架集及内部的各框架。内部的各框架。选择框架和框架集选择框架和框架集q 我们可以在我们可以在“框架面板中单击框架或框架面板中单击框架或框架集，从而在文档中选定该框架或框架框架集，从而在文档中选定该框架或框架集，集，q然后可以在属性面板中查看或编辑选定对然后可以在属性面板中查看或编辑选定对象的属性。象的属性。q “框架面板能够显示
15、框架集的层次结框架面板能够显示框架集的层次结构。构。q框架集由立体粗边框围绕；框架集由立体粗边框围绕；q而每个框架是由灰色细线围绕，而每个框架是由灰色细线围绕，q并且每个框架由框架名称标识。并且每个框架由框架名称标识。选择框架和框架集选择框架和框架集q 在在“框架面板中单击框架，便可以选框架面板中单击框架，便可以选择一个框架；择一个框架；q 单击围绕框架集的边框，便可以选择一单击围绕框架集的边框，便可以选择一个框架集。个框架集。选择框架和框架集选择框架和框架集6.3.2 6.3.2 在在“文档窗口中选择框架和框架文档窗口中选择框架和框架集集 在在“文档窗口的文档窗口的“设计视图中，设计视图中，
16、当选定了一个框架后，其边框被虚线围绕；当选定了一个框架后，其边框被虚线围绕；当选定了一个框架集后，该框架集内各框当选定了一个框架集后，该框架集内各框架的所有边框都被虚线围绕。架的所有边框都被虚线围绕。 注意：将插入点放置在显示在框架内的文注意：将插入点放置在显示在框架内的文档中并不等同于选择了一个框架。档中并不等同于选择了一个框架。选择框架和框架集选择框架和框架集q 当选择框架或框架集时，属性面板将显当选择框架或框架集时，属性面板将显示它的属性，便可以更改这些属性。示它的属性，便可以更改这些属性。q 在在“文档窗口中选择一个框架，可执文档窗口中选择一个框架，可执行以下操作：行以下操作： q在在
17、“文档窗口的文档窗口的“设计视图中，按住设计视图中，按住AltAlt键的同时单击框架内部，键的同时单击框架内部，q便可以选择一个框架；便可以选择一个框架；选择框架和框架集选择框架和框架集q 在在“文档窗口中选择一个框架集，可文档窗口中选择一个框架集，可执行以下操作：执行以下操作： q单击框架集中两个框架之间的边框，单击框架集中两个框架之间的边框，q便可以选择一个框架集。便可以选择一个框架集。q 要使框架边框可见，要使框架边框可见，q可以选择菜单可以选择菜单“查看查看”“可视化助理可视化助理”“框架边框命令。框架边框命令。在框架中打开文档在框架中打开文档6.4 6.4 在框架中打开文档在框架中打
18、开文档 创建的框架集，其内部的框架开始可能不创建的框架集，其内部的框架开始可能不显示文档内容，显示文档内容，可以将新内容插入框架的空文档中，可以将新内容插入框架的空文档中，也可以在框架中打开现有文档，来指定框也可以在框架中打开现有文档，来指定框架的初始内容。架的初始内容。在框架中打开文档在框架中打开文档q在框架中打开现有文档的操作如下：在框架中打开现有文档的操作如下：q(1)(1)将插入点放置在框架中。将插入点放置在框架中。q(2)(2)选择菜单选择菜单“文件文件” “在框架中打开在框架中打开命令。命令。q(3)(3)选择要在框架中打开的文档并单击选择要在框架中打开的文档并单击“确定确定”，该
19、文档随即显示在框架中。，该文档随即显示在框架中。q(4)(4)要让该文档成为，在浏览器中打开框要让该文档成为，在浏览器中打开框架集时在框架中显示的默认文档，架集时在框架中显示的默认文档，q应保存该框架集。应保存该框架集。保存框架和框架集文件保存框架和框架集文件6.5 6.5 保存框架和框架集文件保存框架和框架集文件 在浏览器中预览框架集之前，必须保存框在浏览器中预览框架集之前，必须保存框架集文件以及在框架中显示的所有文档。架集文件以及在框架中显示的所有文档。框架页面由多个文件组成，框架页面由多个文件组成，包括框架集文件和框架中显示的所有文档，包括框架集文件和框架中显示的所有文档， 保存它们需要
20、多个步骤。保存它们需要多个步骤。保存框架和框架集文件保存框架和框架集文件q 要保存框架集文件，可执行以下操作：要保存框架集文件，可执行以下操作：q(1)(1)在在“框架面板，或框架面板，或“文档窗口文档窗口“设计视图中选择框架集设计视图中选择框架集( (也可以选中框也可以选中框架架) )。q(2)(2)要保存框架集文件，可选择菜单要保存框架集文件，可选择菜单“文文件件” “保存框架页命令；保存框架页命令；q若将框架集文件另存为新文件，可选择菜若将框架集文件另存为新文件，可选择菜单单“文件文件” “框架页另存为命令。框架页另存为命令。保存框架和框架集文件保存框架和框架集文件q 要保存框架中显示的
21、文档，可执行以下要保存框架中显示的文档，可执行以下操作：操作：q 单击框架，选中框架中的文档单击框架，选中框架中的文档( (不是选中不是选中框架框架) )，q然后选择菜单然后选择菜单“文件文件” “保存框架命保存框架命令；令；q或选择菜单或选择菜单“文件文件” “框架另存为命框架另存为命令。令。保存框架和框架集文件保存框架和框架集文件q 如果要保存框架集和与框架关联的所有如果要保存框架集和与框架关联的所有文件，可执行以下操作：文件，可执行以下操作：q 选择菜单选择菜单“文件文件” “保存全部命令。保存全部命令。q该命令将保存在框架集中打开的所有文档，该命令将保存在框架集中打开的所有文档，q包括
22、框架集文件和所有框架中显示的文档。包括框架集文件和所有框架中显示的文档。q 保存各个文件的过程如下：保存各个文件的过程如下：保存框架和框架集文件保存框架和框架集文件q 如果该框架集文件未保存过，则在如果该框架集文件未保存过，则在“设设计视图中框架集的周围将出现粗边框，计视图中框架集的周围将出现粗边框，q并且出现一个对话框，并且出现一个对话框，q可从中选择文件名保存框架集文件。可从中选择文件名保存框架集文件。q 然后，依次对于尚未保存的每个框架，然后，依次对于尚未保存的每个框架，q在框架的周围都将显示粗边框，并且出现在框架的周围都将显示粗边框，并且出现一个对话框，一个对话框，q从中选择保存框架显
23、示文档的文件名。从中选择保存框架显示文档的文件名。框架与框架集的属性框架与框架集的属性6.5 6.5 框架与框架集的属性框架与框架集的属性 在在“框架面板或在框架面板或在“设计视图中选择设计视图中选择框架或框架集后，框架或框架集后，就可以在就可以在“属性面板查看和设置它们的属性面板查看和设置它们的属性。属性。框架与框架集的属性框架与框架集的属性6.5.1 6.5.1 查看和设置框架属性查看和设置框架属性 使用使用“属性面板可以查看和设置框架大属性面板可以查看和设置框架大多数的属性，多数的属性， 通过通过“页面属性对话框可设置框架中文页面属性对话框可设置框架中文档的背景颜色等。档的背景颜色等。
24、查看或设置框架属性，可执行以下操作：查看或设置框架属性，可执行以下操作：框架与框架集的属性框架与框架集的属性q(1)(1)在在“文档窗口的文档窗口的“设计视图中，设计视图中，按住按住 Alt Alt键的同时单击一个框架，或在键的同时单击一个框架，或在“框架面板中单击框架，选择一个框架。框架面板中单击框架，选择一个框架。q(2)(2)在属性面板，指定框架以下属性选项：在属性面板，指定框架以下属性选项：q“框架名称框架名称”：要使超链接的内容显示在：要使超链接的内容显示在指定的目标框架，必须为框架命名名称，指定的目标框架，必须为框架命名名称，q框架名称是超链接的框架名称是超链接的targettar
25、get属性，属性，q或脚本在引用该框架时所用的名称。或脚本在引用该框架时所用的名称。框架与框架集的属性框架与框架集的属性n“源文件源文件”：指定在框架中显示的初始默：指定在框架中显示的初始默认源文档。认源文档。n单击文件夹图标可以浏览选择一个文件。单击文件夹图标可以浏览选择一个文件。n还可以在框架中打开一个文件，还可以在框架中打开一个文件，n将插入点放置在框架中，将插入点放置在框架中，n并选择菜单并选择菜单“文件文件” “在框架中打开在框架中打开命令。命令。框架与框架集的属性框架与框架集的属性n“滚动滚动”：在下拉列表中，指定在框架中：在下拉列表中，指定在框架中是否显示滚动条。是否显示滚动条。
26、n当设置为当设置为“默认属性值，大多数浏览器默认属性值，大多数浏览器默认为默认为“自动自动”，n当没有足够空间显示当前框架的完整内容当没有足够空间显示当前框架的完整内容时，会显示滚动条。时，会显示滚动条。框架与框架集的属性框架与框架集的属性n“不能调整大小不能调整大小”：选择该复选框，使访：选择该复选框，使访问者无法通过拖动框架边框，在浏览器中问者无法通过拖动框架边框，在浏览器中调整框架大小。调整框架大小。n“边框边框”：通过下拉列表选择，：通过下拉列表选择，“是或是或“否显示框架的边框，否显示框架的边框，n选择选择“默认值大多数浏览器默认显示边默认值大多数浏览器默认显示边框。框。n“边框颜色
27、边框颜色”：通过颜色框按钮，从调色：通过颜色框按钮，从调色板为所有框架的边框设置边框颜色。板为所有框架的边框设置边框颜色。框架与框架集的属性框架与框架集的属性n“边距宽度边距宽度”：以像素为单位设置左边距：以像素为单位设置左边距和右边距的宽度和右边距的宽度( (框架边框和内容之间的框架边框和内容之间的空间空间) )。n“边距高度边距高度”：以像素为单位设置上边距：以像素为单位设置上边距和下边距的高度。和下边距的高度。框架与框架集的属性框架与框架集的属性q(3)(3)更改框架中文档背景颜色的操作如下：更改框架中文档背景颜色的操作如下：q将插入点放置在框架中；将插入点放置在框架中；q选择菜单选择菜
28、单“修改修改” “页面属性命令；页面属性命令；q在弹出的在弹出的“页面属性对话框，页面属性对话框，q单击单击“背景颜色框，从调色板选择一种背景颜色框，从调色板选择一种颜色。颜色。查看和设置框架集属性查看和设置框架集属性6.5.2 6.5.2 查看和设置框架集属性查看和设置框架集属性 使用属性面板可以查看和设置大多数框架使用属性面板可以查看和设置大多数框架集属性。集属性。通过通过“页面属性对话框，或页面属性对话框，或“文档窗文档窗口工具栏中的口工具栏中的“标题文本框，标题文本框，可设置框架集的标题。可设置框架集的标题。查看或设置框架集属性，可执行以下操作：查看或设置框架集属性，可执行以下操作：查
29、看和设置框架集属性查看和设置框架集属性q(1)(1)在在“文档窗口文档窗口“设计视图中，单设计视图中，单击框架集中两个框架之间的边框击框架集中两个框架之间的边框, ,选择框选择框架集。架集。q或在或在“框架面板中，单击围绕框架集的框架面板中，单击围绕框架集的边框，选择框架集。边框，选择框架集。q(2)(2)在属性面板，指定框架以下属性选项：在属性面板，指定框架以下属性选项：查看和设置框架集属性查看和设置框架集属性n“边框边框”：通过下拉列表选择，：通过下拉列表选择，“是或是或“否显示框架集的边框，否显示框架集的边框，n选择选择“默认值大多数浏览器默认为不显默认值大多数浏览器默认为不显示框架集的
30、边框。示框架集的边框。n“边框宽度边框宽度”：在该文本框中设置框架集：在该文本框中设置框架集中所有边框的宽度。中所有边框的宽度。n“边框颜色边框颜色”：使用颜色选择器设置边框：使用颜色选择器设置边框的颜色。的颜色。查看和设置框架集属性查看和设置框架集属性q(3)(3)要设置选定框架集的各行和各列的框要设置选定框架集的各行和各列的框架大小，可执行以下操作：架大小，可执行以下操作：q在右边在右边“行列选择范围区域的标签行列选择范围区域的标签上上, ,q单击以选择一行或一列。单击以选择一行或一列。q在在“值文本框中，值文本框中，q输入选定行的高度或选定列的宽度。输入选定行的高度或选定列的宽度。查看和
31、设置框架集属性查看和设置框架集属性q从从“单位下拉列表中选择行或列的单位下拉列表中选择行或列的尺寸单位。尺寸单位。q“像素像素”：设置为绝对值；：设置为绝对值；q“百分比百分比”：设置为相对值；：设置为相对值；q“相对相对”：为选定行或列分配后，其余可：为选定行或列分配后，其余可用空间。用空间。查看和设置框架集属性查看和设置框架集属性q(4)(4)设置框架集文档的标题，设置框架集文档的标题，q 在在“文档工具栏的文档工具栏的“标题文本框中，标题文本框中，输入文档的名称。输入文档的名称。q当访问者在浏览器中查看框架集时，当访问者在浏览器中查看框架集时，q标题显示在浏览器的标题栏中。标题显示在浏览
32、器的标题栏中。使用超链接改变框架显示的内容使用超链接改变框架显示的内容6.6 6.6 使用超链接改变框架显示的内容使用超链接改变框架显示的内容 在一个框架中使用超链接，而在另一个框在一个框架中使用超链接，而在另一个框架中打开文档，是框架的主要应用，架中打开文档，是框架的主要应用，这时超链接必须指定目标框架。这时超链接必须指定目标框架。 超链接的超链接的targettarget属性，用来指定打开超链属性，用来指定打开超链接内容的框架或窗口。接内容的框架或窗口。使用超链接改变框架显示的内容使用超链接改变框架显示的内容q 使用超链接，改变另一个框架显示内容使用超链接，改变另一个框架显示内容的操作如下
33、：的操作如下：q(1)(1)在在“设计视图中，选择框架中的文设计视图中，选择框架中的文本或对象。本或对象。q(2)(2)在属性面板的在属性面板的“链接文本框，单击链接文本框，单击文件夹图标并选择要链接到的文件，文件夹图标并选择要链接到的文件，q或拖动或拖动“指向文件图标来选择要链接到指向文件图标来选择要链接到的文件。的文件。使用超链接改变框架显示的内容使用超链接改变框架显示的内容q(3)(3)在在“目的下拉列表中，选择一个目目的下拉列表中，选择一个目标框架名或窗口名，标框架名或窗口名，q以在该框架中打开链接的文档。以在该框架中打开链接的文档。q 如果在属性面板中命名了框架名，如果在属性面板中命
34、名了框架名，q则框架名称将出现在下拉列表中。则框架名称将出现在下拉列表中。q 此外还可以选择以下窗口打开链接的文此外还可以选择以下窗口打开链接的文档：档：使用超链接改变框架显示的内容使用超链接改变框架显示的内容n_blank_blank：在新的浏览器窗口中打开链接的：在新的浏览器窗口中打开链接的文档，文档，n同时保持当前窗口不变。同时保持当前窗口不变。n_parent_parent：在显示链接的框架的父框架集：在显示链接的框架的父框架集中打开链接的文档，中打开链接的文档，n同时替换整个框架集。同时替换整个框架集。n_self_self：在当前框架中打开链接，：在当前框架中打开链接，n同时替换该
35、框架中的内容。同时替换该框架中的内容。使用超链接改变框架显示的内容使用超链接改变框架显示的内容n_top_top：在当前浏览器窗口中打开链接的文：在当前浏览器窗口中打开链接的文档，档，n同时替换所有框架。同时替换所有框架。n提示：如果要链接到站点外的某一页面，提示：如果要链接到站点外的某一页面，n应该使用应该使用target=_toptarget=_top或或target=_blanktarget=_blank，n确保该页面不会显示站点的其他内容。确保该页面不会显示站点的其他内容。处理不能显示框架的浏览器处理不能显示框架的浏览器6.6 6.6 处理不能显示框架的浏览器处理不能显示框架的浏览器早
36、期的浏览器版本不支持框架，早期的浏览器版本不支持框架，DreamweaverDreamweaver可以在框架集文件中添加显示可以在框架集文件中添加显示不支持框架的内容。不支持框架的内容。这些内容在框架集文件中，是用这些内容在框架集文件中，是用noframesnoframes标记括起来。标记括起来。处理不能显示框架的浏览器处理不能显示框架的浏览器q 要在框架集文件中，添加显示不支持框要在框架集文件中，添加显示不支持框架的内容，可执行以下操作：架的内容，可执行以下操作：q(1)(1)选择菜单选择菜单“修改修改” “框架页框架页” “编编辑无框架内容命令。辑无框架内容命令。qDreamweaverD
37、reamweaver将清除将清除“设计视图中的内设计视图中的内容，容，q并且在并且在“设计视图顶部，显示设计视图顶部，显示“无框架无框架内容字样。内容字样。处理不能显示框架的浏览器处理不能显示框架的浏览器q(2)(2)要创建无框架内容，可以在要创建无框架内容，可以在“文档文档窗口中，像处理普通文档一样输入或插入窗口中，像处理普通文档一样输入或插入内容。内容。q然后再次选择然后再次选择“修改修改” “框架页框架页” “编编辑无框架内容命令，辑无框架内容命令，q可以返回到框架集文档的普通视图。可以返回到框架集文档的普通视图。框架与框架集的框架与框架集的HTMLHTML标记标记6.7 6.7 框架与
38、框架集的框架与框架集的HTMLHTML标记标记 框架是利用框架集进行组织的，框架集是框架是利用框架集进行组织的，框架集是一个容器，其中可以包含若干个框架。一个容器，其中可以包含若干个框架。 框架集的框架集的HTMLHTML标记为标记为 框架的框架的HTMLHTML标记为标记为,无匹配标记。无匹配标记。 若干个若干个标记包含在标记包含在 标记之中，基本格式为：标记之中，基本格式为：框架与框架集的框架与框架集的HTMLHTML标记标记 注意：框架集标记注意：框架集标记 必须放在必须放在标标记和记和 标记之间。标记之间。框架集框架集HTMLHTML标记标记6.7.1 6.7.1 框架集框架集(FRA
39、MESET)(FRAMESET)标志标志(1)(1)格式格式FRAMESET 框架集框架集HTMLHTML标记标记q(2)(2)属性属性qCOLSCOLS：设置框架集的宽度。：设置框架集的宽度。q可以用三种方式指定宽度，即像素、百分可以用三种方式指定宽度，即像素、百分比比(%)(%)和相对宽度和相对宽度(*)(*)(剩余部分剩余部分) )。q例：例：COLS=COLS=”25%25%，300300，* *”qROWSROWS：设置框架集的高度。：设置框架集的高度。q可以用三种方式指定高度，即像素、百分可以用三种方式指定高度，即像素、百分比比(%)(%)和相对宽度和相对宽度(*)(*)(剩余部分
40、剩余部分) )。q例：例：ROWS=ROWS=”50%50%，100100，* *”框架集框架集HTMLHTML标记标记nFRAMEBORDERFRAMEBORDER：设置框架集的边框。：设置框架集的边框。n当设置为当设置为 1 1 时显示了立体三维边框，时显示了立体三维边框，n设置为设置为 0 0 时不显示边框，默认为时不显示边框，默认为 0 0。nFRAMESPACINGFRAMESPACING：以像素为单位设置框架之：以像素为单位设置框架之间的间隔。间的间隔。框架集框架集HTMLHTML标记标记q 注意：框架集中的框架是以行或列进行注意：框架集中的框架是以行或列进行排列的，只能选择一种排
41、列方式，排列的，只能选择一种排列方式，q因此因此COLSCOLS和和ROWSROWS属性不能同时使用。属性不能同时使用。q 要使页面既有横向以框架又有纵向框架，要使页面既有横向以框架又有纵向框架，q可以使用框架集的嵌套。可以使用框架集的嵌套。框架框架HTMLHTML标记标记6.7.2 6.7.2 框架框架(FRAME)(FRAME)标志标志(1)(1)格式格式FRAME FRAMEBORDER= 框架框架HTMLHTML标记标记q(2)(2)属性属性qFRAMEBORDER(FRAMEBORDER(框架边框框架边框):):设置框架的边框。设置框架的边框。q当设置为当设置为1 1时显示了立体三维
42、边框，时显示了立体三维边框，q设置为设置为0 0时不显示边框，默认为时不显示边框，默认为0 0。qMARGINHEIGHT(MARGINHEIGHT(边框高边框高):):以像素为单位以像素为单位, ,用用整数设置框架内容与上、下边框的空白边整数设置框架内容与上、下边框的空白边距。距。qMARGINWIDTH(MARGINWIDTH(边框宽边框宽):):以像素为单位以像素为单位, ,用用整数设置框架内容与左、右边框的空白边整数设置框架内容与左、右边框的空白边距。距。框架框架HTMLHTML标记标记nNAME(NAME(名称名称) )：设置框架窗口的名称。：设置框架窗口的名称。nNORESIZEN
43、ORESIZE：在一般情况下，用户可以调整：在一般情况下，用户可以调整框架窗口的大小，框架窗口的大小，n选择该属性则不能调整框架窗口的大小。选择该属性则不能调整框架窗口的大小。nSCROLLING(SCROLLING(滚动滚动) )：设置框架窗口是否可：设置框架窗口是否可以加滚动条来滚动显示内容，以加滚动条来滚动显示内容，n用用AUTOAUTO”、”YESYES或或NONO设置。设置。nSRC(SRC(源源) )：设置框架内默认显示文档的：设置框架内默认显示文档的URLURL。不支持框架不支持框架HTMLHTML标记标记6.7.3 6.7.3 不支持框架不支持框架(NOFRAME)(NOFRA
44、ME)标志标志 目前大多数浏览器都支持框架特性，目前大多数浏览器都支持框架特性，但是较低版本的浏览器不提供对框架特性但是较低版本的浏览器不提供对框架特性的支持。的支持。 在在HTMLHTML中，可以使用中，可以使用NOFRAMENOFRAME标记来提供标记来提供一些信息显示出来。一些信息显示出来。 使用格式如下；使用格式如下；不支持框架不支持框架HTMLHTML标记标记 ( (用用HTMLHTML标记定义信息的显示标记定义信息的显示) ) 框架集嵌套的框架集嵌套的HTMLHTML标记格式标记格式6.7.4 6.7.4 框架集嵌套的框架集嵌套的HTMLHTML标记格式标记格式 在一个框架集中框架
45、只能选择行或列一种在一个框架集中框架只能选择行或列一种排列方式，排列方式，但是一个页面中允许同时建立多个框架集，但是一个页面中允许同时建立多个框架集，而且框架集还可以嵌套，而且框架集还可以嵌套， 这样我们就可以在同一页面中创建包含横这样我们就可以在同一页面中创建包含横向和纵向的框架。向和纵向的框架。框架集嵌套的框架集嵌套的HTMLHTML标记格式标记格式q 框架集的嵌套，就是在框架集框架集的嵌套，就是在框架集标记中包含框架标记中包含框架集集标志，标志，q 而在这个嵌套的框架集标记中再包含若而在这个嵌套的框架集标记中再包含若干个框架干个框架标志。标志。框架集嵌套的框架集嵌套的HTMLHTML标记
46、格式标记格式q框架集嵌套的格式如下：框架集嵌套的格式如下：qFRAMESET q q FRAMESET q q q q q qq页内框架页内框架HTMLHTML标记标记6.7.5 6.7.5 页内框架标记页内框架标记 ( (略略) ) 在页面内通过框架集标记创建的框架将充在页面内通过框架集标记创建的框架将充满整个窗口，满整个窗口，而使用而使用标记可以在一个标记可以在一个页面内的任何位置插入一个框架。页面内的任何位置插入一个框架。 因为是在页面内插入框架，所以因为是在页面内插入框架，所以 标记应该插入到标记应该插入到 之间。之间。页内框架页内框架HTMLHTML标记标记标记的格式如下标记的格式如
47、下: :(1)(1)格式格式IFRAME ALIGN= 页内框架页内框架HTMLHTML标记标记q(2)(2)属性属性qALIGN(ALIGN(对齐方式对齐方式) )：设置框架与周围文本：设置框架与周围文本的对齐方式，的对齐方式，q其取值为其取值为LEFTLEFT、RIGHTRIGHT、TOPTOP、CENTERCENTER、MIDDLEMIDDLE或或BOTTOMBOTTOM。q其中其中LEFTLEFT和和RIGHTRIGHT用来指定框架的对齐方用来指定框架的对齐方式，式，q其余指定框架与周围文本的对齐方式。其余指定框架与周围文本的对齐方式。页内框架页内框架HTMLHTML标记标记nFRAM
48、EBORDER(FRAMEBORDER(框架边框框架边框):):设置框架的边框。设置框架的边框。n当设置为当设置为 1 1 时显示了立体三维边框，设时显示了立体三维边框，设置为置为 0 0 时不显示边框，默认为时不显示边框，默认为 0 0。nHEIGHT(HEIGHT(高度高度) )：以像素为单位，用整数设：以像素为单位，用整数设置框架的高度，置框架的高度，n也可以用浏览器窗口的百分比表示。也可以用浏览器窗口的百分比表示。页内框架页内框架HTMLHTML标记标记nWIDTH(WIDTH(宽度宽度) )：以像素为单位，用整数设：以像素为单位，用整数设置框架的宽度，置框架的宽度，n也可以用浏览器窗
49、口的百分比表示。也可以用浏览器窗口的百分比表示。n框架的高度和宽度若设置要同时一起设置。框架的高度和宽度若设置要同时一起设置。nMAGINHEIGHT(MAGINHEIGHT(边框高边框高) )：以像素为单位，：以像素为单位，用整数设置框架内容与上、下边框的空白用整数设置框架内容与上、下边框的空白边距。边距。页内框架页内框架HTMLHTML标记标记nMAGINWIDTH(MAGINWIDTH(边框宽边框宽) )：以像素为单位，用：以像素为单位，用整数设置框架内容与左、右边框的空白边整数设置框架内容与左、右边框的空白边距。距。nNAME(NAME(名称名称) )：设置框架窗口的名称。：设置框架窗
50、口的名称。nSCROLLING(SCROLLING(滚动滚动) )：设置框架窗口是否可：设置框架窗口是否可以加滚动条来滚动显示内容，以加滚动条来滚动显示内容，n用用AUTOAUTO”、”YESYES或或NONO设置。设置。nSRC(SRC(源源) )：设置框架内显示的：设置框架内显示的HTMLHTML文件的文件的URLURL。用超链接更换框架内容用超链接更换框架内容HTMLHTML标记格式标记格式6.7.6 6.7.6 用超链接更换框架内容的用超链接更换框架内容的HTMLHTML标记格式标记格式 我们虽然在框架中使用滚动条可以显示更我们虽然在框架中使用滚动条可以显示更多的内容，多的内容，但是在
51、同一个框架中显示大量不相关的内但是在同一个框架中显示大量不相关的内容，显然是不方便和不合适的。容，显然是不方便和不合适的。 我们可以利用超链接更换框架的内容来实我们可以利用超链接更换框架的内容来实现这一要求。现这一要求。用超链接更换框架内容用超链接更换框架内容HTMLHTML标记格式标记格式q 可以把超链接的可以把超链接的“源端和源端和“目标端目标端分别放在两个框架中，分别放在两个框架中，q在超链接源端框架点击超链接，在超链接源端框架点击超链接，q超链接目标端指向目标框架对应的超链接目标端指向目标框架对应的HTMLHTML文文档，档，q目标目标HTMLHTML页面就在指定的框架内显示出来。页面
52、就在指定的框架内显示出来。用超链接更换框架内容用超链接更换框架内容HTMLHTML标记格式标记格式q 控制超链接的目标框架窗口的方法是，控制超链接的目标框架窗口的方法是，q在在HTMLHTML超链接标记中使用超链接标记中使用Target(Target(目的目的) )属属性进行定义。性进行定义。q HTML HTML超链接的格式为：超链接的格式为：qA HREF= 超链接文本超链接文本或其它内容或其它内容 用超链接更换框架内容用超链接更换框架内容HTMLHTML标记格式标记格式q属性：属性：qHREFHREF：指定目标文件的：指定目标文件的URLURL，该文件内容，该文件内容在指定的框架内显示。
53、在指定的框架内显示。qTARGET(TARGET(目的目的) )：超链接目标页面显示在：超链接目标页面显示在TARGETTARGET属性指定的框架窗口内。属性指定的框架窗口内。qTARGETTARGET属性值可以是已定义的框架名，属性值可以是已定义的框架名，q也可以是以下特殊框架或窗口：也可以是以下特殊框架或窗口：用超链接更换框架内容用超链接更换框架内容HTMLHTML标记格式标记格式q_blank:_blank:在新的浏览器窗口中打开链接的文档，在新的浏览器窗口中打开链接的文档，q同时保持当前窗口不变。同时保持当前窗口不变。q_parent_parent：在显示链接的框架的父框架集中打：在显
54、示链接的框架的父框架集中打开链接的文档，开链接的文档，q同时替换整个框架集。同时替换整个框架集。q_self_self：在当前框架中打开链接，：在当前框架中打开链接，q同时替换该框架中的内容。同时替换该框架中的内容。q_top_top：在当前浏览器窗口中打开链接的文档，：在当前浏览器窗口中打开链接的文档，q同时替换所有框架。同时替换所有框架。第第6 6章章 使用框架使用框架q 使用框架使用框架q 创建框架和框架集创建框架和框架集q 框架与框架集的框架与框架集的HTMLHTML标记标记q 不支持框架标记不支持框架标记q 框架集嵌套的框架集嵌套的HTMLHTML标记格式标记格式q 用超链接更换框架内容的用超链接更换框架内容的HTMLHTML标记格式标记格式
