项目21框架网页课件.ppt

项目21 框架网页框架网页$[知识与能力目标知识与能力目标] 掌握在网页中创建框架的操作方法掌握为框架命名并导入框架源文件的操作方法 掌握保存框架集文件和各个框架操作文件掌握设置框架集属性和框架属性的操作方法掌握编辑框架内容的操作方法了解设置超级链接的操作方法 $[教学难点教学难点] 框架源文件的导入各个框架操作文件的保存$[教学重点教学重点] 为框架命名并导入框架源文件设置框架集属性和框架属性的操作编辑框架内容的操作如何保存各个框架的操作文件 设置超级链接项目21 框架网页认识框架和框架集认识框架和框架集 和表格一样，框架集也是一个网页布局工具和表格一样，框架集也是一个网页布局工具 如图如图21-1所示是一框架网页所示是一框架网页.图21-1顶部框架右框架 操作步骤如下：u 选择菜单命令【文件】－>【新建】，弹出【新建文档】对话框u 在对话框中选择【常规】－>【框架集】，选择所需的框架样式， 如图21-2所示 u 单击【创建】按钮，即可创建框架页 创建框架创建框架Ø创建预定义的框架创建预定义的框架图21-2 操作步骤如下：u 通过拖拉边框，实现框架结构的设计。

u 也可以选择【修改】|【框架页】，然后从子菜单中选择拆分项，如图21-3所示 创建框架创建框架Ø创建自定义的框架创建自定义的框架图21-3框架命名并导入框架源文件框架命名并导入框架源文件Ø框架命名框架命名 在创建一个新的框架时，系统自动为框架集名一个名字，为了便于管理和使用，所以在对框架保存时对其 进行相应的重命名 框架命名并导入框架源文件框架命名并导入框架源文件Ø框架源文件的导入框架源文件的导入操作步骤如下：u 打开框架面板（按ALT键的同时单击一个框架），单击框架u 在相应的【属性】面板，如图21-4所示u 在属性面板的【源文件】输入要导入的源文件路径名，或直接单击【预览】按钮，查找源文件的本地路径即可，如图21-5所示图21-4图21-5保存框架集文件保存框架集文件Ø框架集文件的保存框架集文件的保存操作步骤如下：u在框架面板中，选择中要保存的框架集u单击菜单栏中“文件”|“保存框架页”命令u打开“另存为”对话框，设置保存位置和文件名u单击“保存”按钮，保存了框架集网页 此过程与文件的保存过程相似操作步骤如下：u定位光标在要保存的框架内，或在框架面板中选择要保存的框架。

u单击菜单栏中“文件”|“保存框架”命令，打开另存为对话框u打开“另存为”对话框，设置保存位置和文件名，单击“保存”按钮，保存了框架Ø保存框架的操作保存框架的操作保存框架集文件保存框架集文件各个框架文件的操作各个框架文件的操作Ø各个框架集文件操作各个框架集文件操作 当完成框架集的创建之后，还需要在框架中插入网页，插入过程实质就是把网页文件放置到相应的框架中这些被插入的网页文件可以是空白网页，也可以是事先准备好的网页文件对于框架文件的操作与一般的网页文件的操作是一样的设置框架集属性和框架属性设置框架集属性和框架属性 Ø设置框架集属性设置框架集属性操作步骤如下：u首先单击框架的边框，选中框架集，打开框集属性，如图21-6所示所示 u边框选项设置u框架集中框架大小设置如图21-7所示图21-6图21-7Ø设置框架属性设置框架属性步骤：u打开“框架”面板（首先选择“窗口”|“框架”命令，或按快捷键“Shift+F2”）u在框架面板中选中框架，如图21-8所示，打开框架属性 u在框架属性面板中设置相应的属性即可，如图21-9所示设置框架集属性和框架属性设置框架集属性和框架属性 图21-8图21-9编辑框架内容的操作方法编辑框架内容的操作方法Ø选择框架和框架集选择框架和框架集p选择框架集 步骤:u 在“框架”面板中单击最外层的边框，使其出现粗黑边显示，则选中了框架集，如图21-10所示。

　p选择框架 步骤:u在“框架”面板中单击要选择的框架，使其出现细黑边显示，则选中了框架,如图21-11所示图21-11图21-10编辑框架内容的操作方法编辑框架内容的操作方法Ø在框架中打开文件在框架中打开文件操作步骤如下:u 将插入点放置在框架中.u选择【文件】->【在框架中打开】命令.u选择要在框架中打开的文档，该文档即可显示在框架中框架中的超链接框架中的超链接 如图21-12中的网页为“上下框架结构，上方为嵌套框架设置为导航条，下方为链接打开的目标窗口图21-12框架中的超链接框架中的超链接 操作步骤如下:u选择超链接的载体，如上方框架中的“内广场”文字　 u在“属性检查器”中，“链接”项中设置超链接为：06层的布局/06.html　　u 在“属性检查器”中的“目标”下拉菜单中选择目标框架或窗口，选择“mainFrame”如图21-13所示 预览效果见图21-12所示.图21-13u问题问题1：：显示在框架中的文档是否为框架的一部分？ u问题问题2：：如果一个站点在浏览器中显示为包含三个框架的单个页面,则该框架应该包含多少个独立的HTML文档?讨论讨论 运用框架技术进行网页的布局和编辑,可以调用自己的网页,丰富新的页面。

本节主要介绍如何在网页中创建框架、如何为框架命名并导入框架源文件、如何保存框架集文件和各个框架操作文件、如何设置框架集属性和框架属性、如何编辑框架内容的操作、并能了解如何设置超级链接并用于实际操作中 本章小结本章小结。