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

2019/6/12,中原工学院信息商务学院计科系,1,第十章,用框架布局页面,2019/6/12,中原工学院信息商务学院计科系,2,10.1 框架与框架集,在网页中，框架主要用于分隔多个HTML页，每一个框架都是一个独立的HTML页，它们聚集在一起形成一个框架集。 框架集也是一个HTML页，定义了网页的结构和属性，包括页面中显示的框架数量、框架尺寸、调用到框架中的源页面以及其他可定义的属性，但是框架集页不能显示在浏览器中。,2019/6/12,中原工学院信息商务学院计科系,3,框架与框架集,框架实际上由两部分组成，即框架与框架集。框架就是网页中被分割开的各个部分，每部分都是一个完整的HTML网页。网页中的各个框架组成框架集，框架集实际也是一个HTML文件，用于定义文档中框架的结构、数量、尺寸及装入框架的页面文件，所以框架集并不显示在浏览器中，只是存储了一些框架如何显示的信息。,2019/6/12,中原工学院信息商务学院计科系,4,框架与框架集,相应地，框架集被称为父框架，框架被称为子框架。当用户将某个页面划分为若干个框架时，既可独立地操作各个框架，既可以创建新文档，也可为框架指定已制作好的文档。通过选择“查看”|“可视化助理”|“框架边框”命令，可以显示或隐藏框架边界。 框架最常见的用途就是导航，但是设计框架时的过程可能比较复杂，并且在很多情况下，创建没有框架的 Web 页也可以达到使用一组框架所能达到的许多同样效果。,2019/6/12,中原工学院信息商务学院计科系,5,10.2 创建框架和框架集,使用框架可以方便地实现网页的定位。与其他定位方式不同的是，使用框架可以将一个浏览器窗口划分为多个区域，在每个区域都可以显示不同的HTML 文档。 一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档，这是使用框架的一个极其典型的例子。,2019/6/12,中原工学院信息商务学院计科系,6,10.2.1 使用预置框架集,“修改”|“框架集” “插入记录”|“HTML”|“框架”,2019/6/12,中原工学院信息商务学院计科系,7,10.2.2 自定义框架集,“窗口”|“框架”，打开框架面板 进行自定义框架集时，必须使框架边框在文档窗口中可见，操作方法： “查看”|“可视化助 理”|“框架边框”,2019/6/12,中原工学院信息商务学院计科系,8,10.2.3 保存框架,默认的文件名称 框架集：UntitleFrame-1 框架：Untitle-1,Untitle-2 保存方式 框架集文件保存 保存框架页 框架集另存为 保存全部,2019/6/12,中原工学院信息商务学院计科系,9,10.3.1 设置框架集样式,【边框】：“是”、“默认”有边框，“否”无边框 【值】：“行”指高度，“列”指宽度 【单位】：“像素”、“百分比”、“相对” 像素：高或宽设置绝对值，不会随浏览器窗口的改变而改变； 百分比：框架占其所在框架结构总体的百分比； 相对：设置其他框架以后，剩余的高宽会分配给单位设置为“相对”的框架，为保证跨浏览器的兼容性，可设 “值”为1,2019/6/12,中原工学院信息商务学院计科系,10,10.3.2 设置框架样式,【框架名称】：当前选中的框架命名，必须使单个单词，只能以字母起始，区分大小写； 【源文件】：为当前选中的框架插入的框架网页的路径； 【滚动】：设定当框架内容超出框架范围时，框架边缘是否出现滚动条； 【不能调整大小】：默认情况下，浏览时可改变大小；,2019/6/12,中原工学院信息商务学院计科系,11,10.4 编辑框架,可以在标准、布局模式下对网页进行编辑一样，也可以在框架与框架集中输入文本、插入图像、修改框架与框架集的相关属性。,2019/6/12,中原工学院信息商务学院计科系,12,10.5 使用链接控制框架内容,使用框架的一个重要目的，就是在一个框架中用链接来控制另一个框架中的显示内容。要实现这样的功能，在使用链接时，必须指定链接的目标位置，也就是指明要操作的