第11章 在网页中的使用框架.ppt

第11章 在网页中的使用框架 主讲人 11.1认识框架与框架集 11.1.1 框架的优缺点 框架的概念 框架是网页设计中常用的技术，使用框架能将几个不同的HTML文档显示在同一个浏览器窗口中，利用这一技术将页面分成不同的区域，分别在这些区域中显示不同的内容 。 框架的优缺点 框架的优势在于可以代替页面的几个部分 ，每个框架都具有各自的滚动条，访问者可以独立滚动这些框 可能难以实现不同框架中各元素的精确图形对齐，对导航进行测试可能很耗时间 11.1认识框架与框架集 11.1.2 框架与框架集 框架： 是浏览器窗口中的一个区域，它可以急示与浏览器窗口中其他区域内容不同的HTML文档。两个或两个以上的框架组合成一个网页 。 框架集： 是一个HTML文件，它定义了一组框架的布局和属性，包括框架的数目、大小和位置以及在每个框架中初始显示的URL 11.2 框架集的创建 11.2.1 使用预定义框架集 单击“布局”工具栏中【框架】按钮右侧的箭头，在列表中选择择要使用的框架集类型 11.2 框架集的创建 11.2.2 创建框架集 （1）【文件】→【新建】命令， （2）弹出“新建文档”对话框，在左侧“类别”列表中选择“框架集”，在右侧的列表中选择要应用的框架集类型 11.2 框架集的创建 11.2.3 创建嵌套框架集 嵌套框架集是在指另一个框架集之内的框架集 常见的框架布局是左侧有一个框架显示栏目名称，在右侧有两个框架，一个为标题框架和一个内容框架。此布局要求嵌套的框架集有：一个两列的框架集，在右侧框架中嵌了一个两行的框架集 11.3 框架操作 11.3.1 选择框架和框架集 如果选定了一个框架集后，在窗体中，该框架集的所有框架都被虚线环绕 11.3 框架操作 11.3.2 在框架中打开文档 （1）执行【文件】→【在框架中打开】命令，打开“HTML文件”对话框。 （2）选择要在该框架中打开的文档，然后单击【确定】按钮，该文档随即显示在框架中。 （3）为了使打开的文档成为在浏览器中打开框架默认显示的文档，将该框架集保存即可 11.3 框架操作 11.3.3 保存框架集 （1）执行【文件】→【保存框架集】命令，若要将框架集文件别存为新文件，可执行文件框架集另存为命令。 （2）在“另存为”对话框中选择保存框架集的位置，并命名框架集。 （3）单击【保存】按钮，完成框架集的保存。 11.4 设置框架和框架集属性 11.4.1查看和设置框架属性 执行【窗口】→【框架】命令，打开框架面板 11.4 设置框架和框架集属性 11.4.2改变框架的背景色 在“属性”面板中，单击【页面属性】按钮 11.4 设置框架和框架集属性 11.4.3查看和设置框架集属性 选择框架集后在“属性”面板中查看框架集属性，单击“属性”检查器右下角的【扩展箭头】，可以查看所有属性 11.4.4设置框架集标题 选择框架集,然后执行【修改】→【页面属性】命令，打开“页面属性”对话框,在“分类”列表中选择元过去时“标题/编码”类别在“标题”文本框内输入框架集标题 11.4 设置框架和框架集属性 11.4.5编辑框架 删除框架 拆分框架 方法一：选择【修改】→【框架页】命令，然后从子菜单选项中选择拆分项。 方法二：要以垂直或水平方式拆分一个框架或一组框架，可将框架边框从“设计”视图的边缘拖入“设计”视图的中间。 方法三：要将一个框架拆分成四个框架，可将框架边框从“设计”视图一角拖入框架的中间 调整框架的大小 *