第六课 框架结构 6-1 创建框架 第6 章 框架 一、什么是框架? 一个框架就是一个区域,可以单独打开一个 HTML 文档。 多个框架就把浏览器窗口分成不同的区域,每个区域显示不同的 HTML 文档。 多个框架就组成一个框架集。 这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架集是一个文件,图中我们用 index .htm 命名。框架中左边命名为 L,指向的是一个网页 A.htm。右边命名为 R,指向的是一个网页B.htm。
1、框架结构的设置:新建一个页面,然后在布局中设置框架的结构 2、多个框架就组成一个框架集。每个框架集结构是由多个网页文件组成的。点击每个框架结构分别显示独立的名字,点击框架边框线则显示框架集的名字。 拖动即可调整框架宽度 3、如果设计框架集时看不到边框,可以点击“查看—可视化助力—框架边框”,使其显示出来。 4、单击每个框架,可以从下面属性面板中进行设置,与单个页面的编辑的方式相同。 5、保存框架集的时候,需要把框架集的每个框架结构分别保存成独立的网页。 框架集保存 框架保存 保存后的站点目录文件 6-2 框架实例:电子书 1 三、实例:网页书 知识点: 1、框架的作用 1.做网页的布局,将网页分成不同的部分 2.简化网页的编写:网页之间相同的内容只需要编写一次 3.加快网页的浏览:每次网页只更新那个变化的框架内容 2、设置框架和框架集的属性 1)框架集 选中框架集:鼠标单击框架的边框,虚线显示的部分就是选中的框架集 设置框架集属性: 边框, 边框宽度, 边框颜色 行:值,单位(像素,百分比,相对) 2)框架 选中框架:框架面板中单击要设置的框架或者按住【alt】键,在框架窗口内单击 设置框架属性: 框架名称,源文件,边框,滚动,不能调整大小 边框颜色,边界宽度,边界高度。 3、设置框架中的链接 1、新建框架的一种方法:“文件—新建—示例中的页—框架页” 2、图片和文字在横向上居中对齐,一般采用对齐方式中的“绝对居中” 3、边框的各种属性可以在下方的属性面板进行设置 6-3 框架实例:电子书2 框架的链接 1、设计好需要在框架网页中链接的网页 2、添加链接,在属性面板中设置好“目标”项,要区分框架板...