1 / 17
文档名称:

网页制作ch8—框架技术.ppt

格式:ppt   大小:101KB   页数:17页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页制作ch8—框架技术.ppt

上传人:相惜 2022/7/29 文件大小:101 KB

下载得到文件列表

网页制作ch8—框架技术.ppt

相关文档

文档介绍

文档介绍:通过本章学****应该掌握以下内容:
认识框架网页
创建框架网页的方法
编辑框架网页的方法
设置框架属性的方法
第8章 利用框架技术制作网页
编辑课件
认识框架网页
框架网页是—种特殊的HTML网页,它可将浏览器窗通过本章学****应该掌握以下内容:
认识框架网页
创建框架网页的方法
编辑框架网页的方法
设置框架属性的方法
第8章 利用框架技术制作网页
编辑课件
认识框架网页
框架网页是—种特殊的HTML网页,它可将浏览器窗口分成不同的区域,称为框架区域。每个区域都可以显示不同的网页。
在框架网页中,用来分隔网页的窗格称为框架。每个框架包括框架高度、框架宽度、滚动条和框架边框,此外还可指定框架的内边距(框架与网页正文之间的距离)。
编辑课件
(1)只要单击某一个框架区域内的超链接,其指向的网页就会在另一个框架区域中显示,而不必将整个浏览器窗口中的内容更换一遍。
(2)固定网页中的某些内容。
(3)并不是所有的浏览器都能显示框架网页,这也是框架网页的一个局限。
1.框架网页的特点
编辑课件
2.框架网页的结构
根据框架分布的不同和各框架作用的不同,框架网页被分为多种类型。常用到的框架结构有:左侧框架、右侧框架、顶部框架、底部框架、上方和下方框架以及各种嵌套框架结构。
编辑课件
在Dreamweaver MX中创建框架的具体操作步骤如下:
(1)选择主菜单中的“文件”|“新建”命令,打开一个新文档窗。
(2)将插入面板切换到“框架”类,插入面板如图所示。
利用Dreamweaver MX处理框架
创建框架网页
1. 建立框架
编辑课件
(3)执行以下操作之一,即可创建框架。
选择“插入”|“框架”命令,从弹出的子菜单中选择任意一个选项。
选择“修改”|“框架页”命令,从弹出的子菜单中选择任意一个选项。
单击插入“框架”面板上的任一种插入框架图标按钮。
编辑课件
2.建立嵌套的框架组
一个框架组嵌套在另一个框架组内称之为嵌套框架组,使用嵌套框架组可以为一个文档创建多个框架。要创建嵌套的框架组,可执行以下操作操作步骤:
(1)将光标放到与插入嵌套框架组的框架中。
(2)执行以下操作之一,即可创建嵌套的框架组。
选择“插入”|“框架”命令,从弹出的子菜单中选择任意一个选项。
选择“修改”|“框架页”命令,从弹出的子菜单中选择任意一个选项。
单击插入“框架”面板中的插入框架图标按钮。
编辑课件
(1)选择整个框架
要选择整个框架可执行以下操作之一:
① 将鼠标指针移到整个边框位置的同时,按住Alt键,当鼠标指针变为垂直箭头(或水平箭头)时,单击边框即可选中整个框架。
② 如果当前选择的是一个子框架,需要重新选择整个框架,可以将鼠标指针移到第一次分割框架的边框位置,当鼠标指针变为垂直箭头(或水平箭头)时,单击边框即可选中整个框架组。
③ 除了上述方法之外,选择框架还可以通过“框架”面板来完成。
3.选择框架
编辑课件
(2)选择子框架
在文档窗口中按住Alt键,然后用鼠标单击欲选择的子框架。文档窗口中该子框架的周围被虚线包围,表示它已经被选中,同时在状态栏上加黑显示标记符<frame>。
同样也可以通过“框架”面板来选择子框架。只要在框架面板中单击相应的子框架即可,
4.删除框架
将光标放在框架的边框上,当光标变成垂直箭头(或水平箭头)时,按住鼠标左键,将框架的边框拖出父框架或页面之外,即可将这个框架删除。
编辑课件
编辑框架网页
框架创建好以后,就可以对框架进行编辑了。每一个框架里都是一个文档,可以直接添加内容,也可以在框架内打开已经存在的文档。
演示编辑框架网页
编辑课件
保存框架网页
每一个框架都包含一个文档,因此一个框架集会包含多个文档。在保存文档的时候,不能只简单地保存一个文档,要将整个网页文档都保存下来。
演示编辑框架网页
编辑课件
框架属性及框架组属性设置
1.框架属性
利用框架属性面板可以查看和设置框架的属性,如为框架命名、设置框架的边框及颜色等。
首先选择“窗口”|“其它”|“框架”命令,或按快捷键“Shift+F2”,打开“框架”面板;然后在框架面板中选中框架,此时属性面板所显示的即为框架的属性面板,如图所示。
在框架属性面板中设定框架的属性。
编辑课件
新创建的框架组默认属性值为:无边框,无滚动条,在浏览器中无法看到创建的框架,要改变这些属性,需在属性面板中修改相应的选项。