教育专题：dreamweaver8网页制作教程07.ppt

《教育专题：dreamweaver8网页制作教程07.ppt》由会员分享，可在线阅读，更多相关《教育专题：dreamweaver8网页制作教程07.ppt（24页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、l课堂讲解课堂讲解 l上机实战上机实战 第第7课课 在网页中应用框架在网页中应用框架 课堂讲解课堂讲解 l l认识框架和框架集认识框架和框架集 l l框架和框架集的创建框架和框架集的创建 l l框架和框架集的选择和删除框架和框架集的选择和删除 l l框架和框架集的保存框架和框架集的保存 l l框架和框架集的属性设置框架和框架集的属性设置 l l处理不能显示框架的浏览器处理不能显示框架的浏览器 l l框架的链接框架的链接 认识框架和框架集认识框架和框架集 框架是将一个页面划分成不同的文档区，框架是将一个页面划分成不同的文档区，框架是将一个页面划分成不同的文档区，框架是将一个页面划分成不同的文档区

2、，每个文档区显示独立的内容，其效果是在浏每个文档区显示独立的内容，其效果是在浏每个文档区显示独立的内容，其效果是在浏每个文档区显示独立的内容，其效果是在浏览网页时，网页中一部分区域（如公司览网页时，网页中一部分区域（如公司览网页时，网页中一部分区域（如公司览网页时，网页中一部分区域（如公司LogoLogo、导航条）内容不改变，而其他区域内容在不导航条）内容不改变，而其他区域内容在不导航条）内容不改变，而其他区域内容在不导航条）内容不改变，而其他区域内容在不断发生改变。断发生改变。断发生改变。断发生改变。框架集是框架集是框架集是框架集是HTMLHTML文件，它定义一组框架文件，它定义一组框架文件

3、，它定义一组框架文件，它定义一组框架的布局和属性，包括框架的数目、大小、位的布局和属性，包括框架的数目、大小、位的布局和属性，包括框架的数目、大小、位的布局和属性，包括框架的数目、大小、位置以及在框架中初始显示页面的地址。框架置以及在框架中初始显示页面的地址。框架置以及在框架中初始显示页面的地址。框架置以及在框架中初始显示页面的地址。框架集文件本身不包含要在浏览器中显示的网页集文件本身不包含要在浏览器中显示的网页集文件本身不包含要在浏览器中显示的网页集文件本身不包含要在浏览器中显示的网页内容（对不能显示框架的浏览器进行的处理内容（对不能显示框架的浏览器进行的处理内容（对不能显示框架的浏览器进行

4、的处理内容（对不能显示框架的浏览器进行的处理除外，即除外，即除外，即除外，即部分），框架集文件部分），框架集文件部分），框架集文件部分），框架集文件只是向浏览器提供应如何显示一组框架以及只是向浏览器提供应如何显示一组框架以及只是向浏览器提供应如何显示一组框架以及只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些网页的有关信息。在这些框架中应显示哪些网页的有关信息。在这些框架中应显示哪些网页的有关信息。在这些框架中应显示哪些网页的有关信息。框架和框架集的创建框架和框架集的创建 l在在“插入插入”栏插入预定义的框架集栏插入预定义的框架集l创建预定义框架集创建预定义框架集 l手动设计框架手

5、动设计框架 在在“插入插入”栏插入预定义的框栏插入预定义的框架集架集 在在Dreamweaver 8中预定义了中预定义了一些框架集样式，需要使用时直接插入一些框架集样式，需要使用时直接插入即可。即可。创建预定义框架集创建预定义框架集 手动设计框架手动设计框架 框架和框架集的选择和删除框架和框架集的选择和删除 l l认识认识“框架框架”面板面板 l l选择框架与框架集选择框架与框架集l l删除框架删除框架 认识认识“框架框架”面板面板 “框架框架框架框架”面板中显示所创建的框架结构，面板中显示所创建的框架结构，面板中显示所创建的框架结构，面板中显示所创建的框架结构，并在不同的框架区域中显示框架的

6、名称。当并在不同的框架区域中显示框架的名称。当并在不同的框架区域中显示框架的名称。当并在不同的框架区域中显示框架的名称。当在框架网页中新建、删除框架，或修改框架在框架网页中新建、删除框架，或修改框架在框架网页中新建、删除框架，或修改框架在框架网页中新建、删除框架，或修改框架的尺寸、名称等时，的尺寸、名称等时，的尺寸、名称等时，的尺寸、名称等时，“框架框架框架框架”面板中的示意面板中的示意面板中的示意面板中的示意图会跟随变化。图会跟随变化。图会跟随变化。图会跟随变化。选择框架与框架集选择框架与框架集l l在编辑窗口中选择在编辑窗口中选择 l l在在“框架框架”面板中选择面板中选择 在编辑窗口中选

7、择在编辑窗口中选择 在编辑窗口中选择框架的方法很简单，按住在编辑窗口中选择框架的方法很简单，按住在编辑窗口中选择框架的方法很简单，按住在编辑窗口中选择框架的方法很简单，按住【AltAlt】键，在要选择的框架内单击鼠标左键即可。键，在要选择的框架内单击鼠标左键即可。键，在要选择的框架内单击鼠标左键即可。键，在要选择的框架内单击鼠标左键即可。被选取的框架边框呈虚线显示。被选取的框架边框呈虚线显示。被选取的框架边框呈虚线显示。被选取的框架边框呈虚线显示。选择框架集时，单击框架边框即可，选取的所选择框架集时，单击框架边框即可，选取的所选择框架集时，单击框架边框即可，选取的所选择框架集时，单击框架边框即

8、可，选取的所有框架边框呈虚线。有框架边框呈虚线。有框架边框呈虚线。有框架边框呈虚线。在在“框架框架”面板中选择面板中选择 在在在在“框架框架框架框架”面板中单击框架区域中的任面板中单击框架区域中的任面板中单击框架区域中的任面板中单击框架区域中的任意位置即可选择框架，选中的框架以粗黑框意位置即可选择框架，选中的框架以粗黑框意位置即可选择框架，选中的框架以粗黑框意位置即可选择框架，选中的框架以粗黑框显示。显示。显示。显示。在在在在“框架框架框架框架”面板中单击框架边框即可选面板中单击框架边框即可选面板中单击框架边框即可选面板中单击框架边框即可选择框架集，如果要选择整个框架集，只需单择框架集，如果要

9、选择整个框架集，只需单择框架集，如果要选择整个框架集，只需单择框架集，如果要选择整个框架集，只需单击框架最外面的边框即可。击框架最外面的边框即可。击框架最外面的边框即可。击框架最外面的边框即可。删除框架删除框架 如果窗口中有不需要的框架，可如果窗口中有不需要的框架，可将其删除，用鼠标将要删除框架的边框将其删除，用鼠标将要删除框架的边框拖到父框架边框上或拖离页面即可。拖到父框架边框上或拖离页面即可。框架和框架集的保存框架和框架集的保存 保存保存保存保存框架与框架集之后框架与框架集之后框架与框架集之后框架与框架集之后才能在浏览器中浏览用才能在浏览器中浏览用才能在浏览器中浏览用才能在浏览器中浏览用框

10、架布局的网页框架布局的网页框架布局的网页框架布局的网页。每个框架包含一个网页，一个框架每个框架包含一个网页，一个框架每个框架包含一个网页，一个框架每个框架包含一个网页，一个框架集则包含多个网页，在保存时应保存所有的框架与框集则包含多个网页，在保存时应保存所有的框架与框集则包含多个网页，在保存时应保存所有的框架与框集则包含多个网页，在保存时应保存所有的框架与框架集。架集。架集。架集。l保存框架保存框架 l保存框架集保存框架集 l保存框架集中的所有网页保存框架集中的所有网页 保存框架保存框架 l将插入点定位到要保存的框架中。将插入点定位到要保存的框架中。l选择选择文件文件 保存框架保存框架菜单命令

11、菜单命令，在打开的在打开的“另存为另存为”对话框中像保对话框中像保存其他网页一样指定保存路径和文存其他网页一样指定保存路径和文件名，然后单击件名，然后单击“保存保存”按钮即可。按钮即可。保存框架集保存框架集 l l选中要保存的框架集。选中要保存的框架集。l l选择选择文件文件 保存框架页保存框架页菜单命令菜单命令，打开打开“另存为另存为”对话框。对话框。l l在在“保存在保存在”下拉列表框中选择框架集下拉列表框中选择框架集的保存路径，在的保存路径，在“文件名文件名”文本框中为文本框中为框架集命名。框架集命名。l l单击单击“保存保存”按钮即可保存框架集。按钮即可保存框架集。保存框架集中的所有网

12、页保存框架集中的所有网页 框架和框架集的属性设置框架和框架集的属性设置 l框架集的属性设置框架集的属性设置 l框架集文档标题的设置框架集文档标题的设置 l框架的属性设置框架的属性设置 框架集的属性设置框架集的属性设置 使使用用框框架架集集属属性性面面板板可可以以查查看看和和设置大多数框架集属性。设置大多数框架集属性。框架集文档标题的设置框架集文档标题的设置 当当访访问问者者在在浏浏览览器器中中查查看看该该框框架架集集时，标题将显示在浏览器的标题栏中。时，标题将显示在浏览器的标题栏中。框架的属性设置框架的属性设置 处理不能显示框架的浏览器处理不能显示框架的浏览器 由于在低版本的浏览器中不能正确由

13、于在低版本的浏览器中不能正确显示使用了框架的网页和框架中的内容，显示使用了框架的网页和框架中的内容，因此在因此在Dreamweaver 8中允许指定在中允许指定在不支持框架的基于文本的浏览器和较旧不支持框架的基于文本的浏览器和较旧的图形浏览器中显示内容。此类内容存的图形浏览器中显示内容。此类内容存储在框架集文件中，用储在框架集文件中，用标标签括起来。当不支持框架的浏览器加载签括起来。当不支持框架的浏览器加载该框架集文件时，浏览器只显示用该框架集文件时，浏览器只显示用标签括起来的内容。标签括起来的内容。框架的链接框架的链接 在使用了框架技术文档中的链在使用了框架技术文档中的链接与一般文档中的链接

14、不同，增加了接与一般文档中的链接不同，增加了与框架有关的链接目标，可以在一个与框架有关的链接目标，可以在一个框架内使用链接改变另一个框架的内框架内使用链接改变另一个框架的内容。容。上机实战上机实战 本课上机实战主本课上机实战主本课上机实战主本课上机实战主要练习个人网页的页要练习个人网页的页要练习个人网页的页要练习个人网页的页面制作。在练习过程面制作。在练习过程面制作。在练习过程面制作。在练习过程中，主要用到框架的中，主要用到框架的中，主要用到框架的中，主要用到框架的创建、框架和框架集创建、框架和框架集创建、框架和框架集创建、框架和框架集的属性设置、框架和的属性设置、框架和的属性设置、框架和的属性设置、框架和框架集的保存、不能框架集的保存、不能框架集的保存、不能框架集的保存、不能显示框架的处理等知显示框架的处理等知显示框架的处理等知显示框架的处理等知识。本页面分为上中识。本页面分为上中识。本页面分为上中识。本页面分为上中下下下下3 3个框架来制作，个框架来制作，个框架来制作，个框架来制作，在制作之前应先制作在制作之前应先制作在制作之前应先制作在制作之前应先制作好各框架中要显示的好各框架中要显示的好各框架中要显示的好各框架中要显示的网页。网页。网页。网页。