第8章 利用框架技术知识制作网页 《网页设计与制作实用技术知识》（第二版）电子教案.pptVIP

通过本章学习，应该掌握以下内容： 认识框架网页 创建框架网页的方法 编辑框架网页的方法 设置框架属性的方法;8.1 认识框架网页 ; （1）只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。 （2）固定网页中的某些内容。 （3）并不是所有的浏览器都能显示框架网页，这也是框架网页的一个局限。 ; 2．框架网页的结构 ;（1）利用利用插入面板创建框架网页 1）选择主菜单中的“文件”→“新建”命令，打开一个新文档窗。 2）将插入面板切换到“布局”类，插入面板中出现一个框架按钮，如图所示。 ; ;（1）选择整个框架 要选择整个框架可执行以下操作之一： ① 将鼠标指针移到整个边框位置的同时，按住Alt键，当鼠标指针变为垂直箭头（或水平箭头）时，单击边框即可选中整个框架。 ② 如果???前选择的是一个子框架，需要重新选择整个框架，可以将鼠标指针移到第一次分割框架的边框位置，当鼠标指针变为垂直箭头（或水平箭头）时，单击边框即可选中整个框架集。 ③ 除了上述方法之外，选择框架还可以通过“框架”面板来完成。 ;（2）选择子框架 在文档窗口中按住Alt键，然后用鼠标单击欲选择的子框架。文档窗口中该子框架的周围被虚线包围，表示它已经被选中，同时在状态栏上加黑显示标记符frame。 同样也可以通过“框架”面板来选择子框架。只要在框架面板中单击相应的子框架即可， ; ; ;8.2.4 框架属性及框架集属性设置 ; 新创建的框架集默认属性值为：无边框，无滚动条，在浏览器中无法看到创建的框架，要改变这些属性，需在属性面板中修改相应的选项。 首先单击框架的边框，选中框架集，此时属性面板中将自动切换显示框架集的属性，如图所示。 在框架集属性面板中设定框架集的属性。; 3．设置框架的大小 ;4．设置框架和框架集的边框 ; （2）设置框架集边框的属性 ① 在文档窗口单击一个框架边框，或通过“框架”面板来选择一个框架集。 ② 在框架集属性面板上的“边框”下拉列表项中选择任意一个选项，用于控制当前框架集的边框显示。 ③ 在“边框颜色”文本框中设置当前框架集中所有框架的边框颜色，但是这一设置将被单个框架的边框颜色所覆盖。 ④ 在“边框宽度”文本框中设置当前框架集中所有框架的边框宽度，如输入为0，表示不显示边框。;8.2.5 设置框架中的链接目标 ;8.3 利用HTML创建网页框架 ;1．指定框架的结构 ; rows属性和cols属性的取值包括三种类型，一是直接指定像素数；二是指定百分数（即相对于浏览器窗口大小的百分数）；三是使用n*（其中n是≥1的整数）指定相对大小。指定属性值时，数值之间用逗号分开并且不能有空格，根据值的个数和设置可以确定框架数目和位置。 当属性值为n时，表示框架的大小为由前两种方法（即像素数或百分数）指定框架大小后浏览器窗口的剩余部分。如果取值包括多个n*，那么n*表示框架之间的比例关系。 ; 如果网页设计者需要创建一些复杂的框架集，即同时包含横向和纵向的框架，此时可以使用框架嵌套。框架嵌套时只要在要使用FRAME标记时再使用FRAMESET标记一个框架集即可。 ; 框架初始化是指为各个框架指定初始显示的页面，此时应使用FRAME标记的src属性，将该属性的值指定为要在框架中显示的页面即可。指定页面时可以使用相对路径，也可以使用绝对路径， ; （1）框架边框的设置 border属性可以用于设置边框的宽度，其值为像素数。 使用FRAME标记符的frameborder属性可以控制是否显示框架边框，该属性的取值为1或0。如果取值为1，表示生成3D边框（此为默认设置）；如果取值为0，如frameborder=0，则不显示边框。只有将所有相邻框架的边框都设置为0，才能隐藏边框。 ;（2）框架滚动条的设置 使用FRAME标记符的scrolling属性可以控制是否在框架内加入滚动条，其值可以取为yes、no、auto。yes表示强制加垂直滚动条和水平滚动条；no表示框架内不加滚动条；auto表示需要时加滚动条（默认设置）。一般情况下采用默认设置即可。 ; （3）设置边框的不可移动属性 一般而言，浏览者可以使用鼠标移动框架的边框，以便查看内容。但很多时候为了保持页面的整体效果，需要将各框架的位置和大小固定，此时应使用FRAME标记符的noresize属性，该属性不需要任何取值，即：FRAME noresize ; （4）