第6课-框架实现多窗口页面.pptVIP

2.分割框架 首先通过frameset标记中的cols属性设定左右两个框架，宽度比为200:*。 接着用frame标记的name属性设定格框架的名称 ，以及src属性设定各框架欲显示的网页文件，执行结果如下图： 3.设定超级链接的目的页 对于上图程序如下： bodya href=“section1.asp” target=“fright”课程表/abra href=“section2.asp” target=“fright”课程表/abra href=“section3.asp” target=“fright”课程表/abra href=“section4.asp” target=“fright”课程表/abr.../body 实例 具体程序如下：headframeset cols=200,*??? frame name=fleft src=studentframe.htm????? frame name=fright src=section02.asp/frameset/head 6.1 框架与框架集 6.2 框架的基本操作 6.2.1 在HTML代码中创建框架 1.创建基本框架 基本HTML中使用frameset，frame和noframes标签来定义框架。 （1）frameset框架集标签 frameset标签用于定义一个框架集，成对出现。框架集的作用是将一个窗口划分成多个子窗口，即框架，每个框架都是一个独立的页面，又叫框架页面。frameset通过cols属性和rows属性来将一个窗口划分为多个框架。 （2）frame框架标签 frame框架标签用于设定单个框架页面，单个出现。frame也可以通过属性设置框架的外观 6.2 框架的基本操作 （3）noframes标签 使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览者对空白窗口画面感觉莫名其妙。noframes标签是成对使用的，首尾标签之间的内容就是告之浏览者的信息。 （4）基本结构 frameset标签是可以嵌套使用的，也就是说，可以将其中某一个或几个子窗口划分为若干个更小的窗口。 6.2 框架的基本操作 6.2.2 在Dreamweaver中创建框架 Dreamweaver提供了两种创建框架结构网页的方法，即：可以从若干预定义的框架集中选择，也可以自己设计框架集。 1.创建预定义的框架集 （1）选择预定义框架集 （2）为各个框架设置标题 2.自定义框架集 自定义框架集是指由网页设计者根据需要，自己设置框架集中框架的数量、布局等属性，适合于创建复杂框架结构页面。 6.2 框架的基本操作 6.2.3 框架页的选择 1．在“框架”面板中选择框架和框架集 选择主菜单的【窗口】—【框架】或者按下Ctrl+F10，打开框架面板。 在“框架”面板中点击框架则可选取框架，若要在“框架”面板中选取框架页，则需在“框架”面板中点击环绕着框架的边框。 2．在“文档”窗口中选择框架和框架集 按住Alt键的同时单击框架内部； 要选择一个框架集，则需单击框架内部的分隔线。 通过单击窗口左下角的标签选择器来选择相应的框架或框架集。 6.2 框架的基本操作 6.2.4 框架页的保存 框架网页由框架页（也叫框架集）和（子）框架两部分组成。 框架页定义框架的结构、数量、尺寸及装入框架的网页文件。 框架页是一种特殊的网页文件。其中，保存描述子框架数量，以及在各个子窗口中显示网页的文件名（路径）等信息。 子框架是子窗口、框架。每个子框架中打开一个独立的网页文件。 一个包含三个框架（子）窗口的网页，由四个网页文件组成。 6.2 框架的基本操作 6.2.5指定框架网页文件 当完成框架集的创建后，还需要为每个框架指定一个网页文件，该操作的实质就是把网页文件放到相应的框架中。当这个框架中被保存后，所指定的文档就成为在浏览器中打开框架页时该框架显示的默认网页文档。这些被放入框架中的网页可以是空白网页，也可以是事先编辑好的网页文件。实际上，当创建一个框架页文件时，就已经创建了框架所对应的空白网页文件。 操作方法是： 1.将插入点放在需要插入网页的框架中； 2.选择【文件】—【在框架中打开】菜单命令，打开“选择HTML文件”对话框。 3.在“选择HTML文件”对话框中选择要打开的网页文件，单击“确定”，即可完成网页的插入。 6.2 框架的基本操作 6.2.7设置框架中的链接 在框架中可以使用超链接，并且可以通过一个框架中的超链接改变另一个框架中的内容，这种方法通常用于创建导航页面。要在一个框架汇总使用超链接打开另一个框架中的文档，必须设置链接目标。链接目标用于确定链接内容在哪里打开。 为框架网页设置超链接的操作步骤如下：