《用框架布局页面》PPT课件.ppt

《《用框架布局页面》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《用框架布局页面》PPT课件.ppt（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第十章第十章 用框架布局页面用框架布局页面1/12/20231中原工学院信息商务学院计科系10.1 框架与框架集框架与框架集o在网页中，在网页中，框架框架主要用于分隔多个主要用于分隔多个HTML页，页，每一个框架都是一个独立的每一个框架都是一个独立的HTML页，它们聚页，它们聚集在一起形成一个框架集。集在一起形成一个框架集。o框架集框架集也是一个也是一个HTML页，定义了网页的结构页，定义了网页的结构和属性，包括页面中显示的框架数量、框架尺和属性，包括页面中显示的框架数量、框架尺寸、调用到框架中的源页面以及其他可定义的寸、调用到框架中的源页面以及其他可定义的属性，但是框架集页属性，但是框架集页

2、不能不能显示在浏览器中。显示在浏览器中。1/12/20232中原工学院信息商务学院计科系中原工学院信息商务学院计科系框架与框架集框架与框架集o框架实际上由两部分组成，即框架实际上由两部分组成，即框架与框架集框架与框架集。框架就是网页中被分割开的各个部分，每部框架就是网页中被分割开的各个部分，每部分都是一个分都是一个完整的完整的HTML网页网页。网页中的各。网页中的各个框架组成框架集，框架集实际也是一个个框架组成框架集，框架集实际也是一个HTML文件，用于定义文档中框架的结构、文件，用于定义文档中框架的结构、数量、尺寸及装入框架的页面文件，所以框数量、尺寸及装入框架的页面文件，所以框架集并不显示

3、在浏览器中，只是存储了一些架集并不显示在浏览器中，只是存储了一些框架如何显示的信息。框架如何显示的信息。1/12/20233中原工学院信息商务学院计科系中原工学院信息商务学院计科系框架与框架集框架与框架集o相应地，框架集被称为父框架，框架被称为子框架。相应地，框架集被称为父框架，框架被称为子框架。当用户将某个页面划分为若干个框架时，既可独立当用户将某个页面划分为若干个框架时，既可独立地操作各个框架，既可以创建新文档，也可为框架地操作各个框架，既可以创建新文档，也可为框架指定已制作好的文档。通过选择指定已制作好的文档。通过选择“查看查看”|“可视可视化助理化助理”|“框架边框框架边框”命令，可以

4、显示或隐藏框命令，可以显示或隐藏框架边界。架边界。o框架最常见的用途就是导航，框架最常见的用途就是导航，但是设计框架时的过但是设计框架时的过程可能比较复杂，并且在很多情况下，创建没有框程可能比较复杂，并且在很多情况下，创建没有框架的架的 Web 页也可以达到使用一组框架所能达到的页也可以达到使用一组框架所能达到的许多同样效果。许多同样效果。1/12/20234中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.2 创建框架和框架集创建框架和框架集o使用框架可以方便地实现网页的定位。与其他使用框架可以方便地实现网页的定位。与其他定位方式不同的是，使用框架可以将一个浏览定位方式不同的是，

5、使用框架可以将一个浏览器窗口划分为器窗口划分为多个区域多个区域，在每个区域都可以显，在每个区域都可以显示不同的示不同的HTML 文档。文档。o一个框架显示包含导航控件的文档，而另一个一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档，这是使用框架的一框架显示含有内容的文档，这是使用框架的一个极其典型的个极其典型的例子例子。1/12/20235中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.2.1 使用预置框架集使用预置框架集o“修改修改”|“框架集框架集”o“插入记录插入记录”|“HTML”|“框架框架”1/12/20236中原工学院信息商务学院计科系中原工学院信息商

6、务学院计科系10.2.2 自定义框架集自定义框架集o“窗口窗口”|“框架框架”，打开框，打开框架面板架面板o进行自定义框架集时，必须进行自定义框架集时，必须使框架边框在文档窗口中可使框架边框在文档窗口中可见，操作方法：见，操作方法：n“查看查看”|“可视化助可视化助理理”|“框架边框框架边框”1/12/20237中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.2.3 保存框架保存框架o默认的文件名称默认的文件名称n框架集：框架集：UntitleFrame-1n框架：框架：Untitle-1,Untitle-2o保存方式保存方式n框架集文件保存框架集文件保存o保存框架页保存框架页o

7、框架集另存为框架集另存为n保存全部保存全部1/12/20238中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.3.1 设置框架集样式设置框架集样式o【边框】【边框】：“是是”、“默认默认”有边框，有边框，“否否”无边框无边框o【值】【值】：“行行”指高度，指高度，“列列”指宽度指宽度o【单位】【单位】：“像素像素”、“百分比百分比”、“相对相对”n像素：像素：高或宽设置绝对值，不会随浏览器窗口的改变而改变；高或宽设置绝对值，不会随浏览器窗口的改变而改变；n百分比：百分比：框架占其所在框架结构总体的百分比；框架占其所在框架结构总体的百分比；n相对：相对：设置其他框架以后，剩余的高宽

8、会分配给单位设置为设置其他框架以后，剩余的高宽会分配给单位设置为“相对相对”的框架，为保证跨浏览器的兼容性，可设的框架，为保证跨浏览器的兼容性，可设“值值”为为11/12/20239中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.3.2 设置框架样式设置框架样式o【框架名称】：【框架名称】：当前选中的框架命名，必须使单个单词，当前选中的框架命名，必须使单个单词，只能以字母起始，区分大小写；只能以字母起始，区分大小写；o【源文件】：【源文件】：为当前选中的框架插入的框架网页的路径；为当前选中的框架插入的框架网页的路径；o【滚动】：【滚动】：设定当框架内容超出框架范围时，框架边缘是设

9、定当框架内容超出框架范围时，框架边缘是否出现滚动条；否出现滚动条；o【不能调整大小】：【不能调整大小】：默认情况下，浏览时可改变大小；默认情况下，浏览时可改变大小；1/12/202310中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.4 编辑框架编辑框架o 可以在标准、布局模式下对网页进行编辑可以在标准、布局模式下对网页进行编辑一样，也可以在框架与框架集中输入文本、一样，也可以在框架与框架集中输入文本、插入图像、修改框架与框架集的相关属性。插入图像、修改框架与框架集的相关属性。1/12/202311中原工学院信息商务学院计科系中原工学院信息商务学院计科系10.5 使用链接控制框架

10、内容使用链接控制框架内容o使用框架的一个重要目的，就是在一个框架使用框架的一个重要目的，就是在一个框架中用链接来控制另一个框架中的显示内容。中用链接来控制另一个框架中的显示内容。要实现这样的功能，在使用链接时，必须指要实现这样的功能，在使用链接时，必须指定链接的目标位置，也就是指明要操作的框定链接的目标位置，也就是指明要操作的框架对象。框架的位置是通过框架的名称来确架对象。框架的位置是通过框架的名称来确定和标示的。定和标示的。1/12/202312中原工学院信息商务学院计科系中原工学院信息商务学院计科系本章结束本章结束1/12/202313中原工学院信息商务学院计科系1/12/202314中原工学院信息商务学院计科系中原工学院信息商务学院计科系