《项目21框架网》PPT课件

《《项目21框架网》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目21框架网页[知识与能力目标]掌握在网页中创建框架的操作方法掌握为框架命名并导入框架源文件的操作方法掌握保存框架集文件和各个框架操作文件掌握设置框架集属性和框架属性的操作方法掌握编辑框架内容的操作方法了解设置超级链接的操作方法[教学难点]框架源文件的导入各个框架操作文件的保存[教学重点]为框架命名并导入框架源文件设置框架集属性和框架属性的操作编辑框架内容的操作如何保存各个框架的操作文件设置超级链接项目21框架网页认识框架和框架集和表格一样，框架集也是一个网页布局工具。如图21-1所示是一框架网页.图21-1顶部框架右框架操作步骤如下：选择菜单命令【文件】－>【

2、新建】，弹出【新建文档】对话框。在对话框中选择【常规】－>【框架集】，选择所需的框架样式，如图21-2所示。单击【创建】按钮，即可创建框架页。创建框架创建预定义的框架图21-2操作步骤如下：通过拖拉边框，实现框架结构的设计。也可以选择【修改】【框架页】，然后从子菜单中选择拆分项，如图21-3所示。创建框架创建自定义的框架图21-3框架命名并导入框架源文件框架命名在创建一个新的框架时，系统自动为框架集名一个名字，为了便于管理和使用，所以在对框架保存时对其进行相应的重命名。框架命名并导入框架源文件框架源文件的导入操作步骤如下：打开框架面板（按ALT键的同时单击一个框架

3、），单击框架。在相应的【属性】面板，如图21-4所示。在属性面板的【源文件】输入要导入的源文件路径名，或直接单击【预览】按钮，查找源文件的本地路径即可，如图21-5所示。图21-4图21-5保存框架集文件框架集文件的保存操作步骤如下：在框架面板中，选择中要保存的框架集。单击菜单栏中“文件”“保存框架页”命令。打开“另存为”对话框，设置保存位置和文件名。单击“保存”按钮，保存了框架集网页。此过程与文件的保存过程相似。操作步骤如下：定位光标在要保存的框架内，或在框架面板中选择要保存的框架。单击菜单栏中“文件”“保存框架”命令，打开另存为对话框。打开“另存为”对话框，设

4、置保存位置和文件名，单击“保存”按钮，保存了框架。保存框架的操作保存框架集文件各个框架文件的操作各个框架集文件操作当完成框架集的创建之后，还需要在框架中插入网页，插入过程实质就是把网页文件放置到相应的框架中。这些被插入的网页文件可以是空白网页，也可以是事先准备好的网页文件。对于框架文件的操作与一般的网页文件的操作是一样的。设置框架集属性和框架属性设置框架集属性操作步骤如下：首先单击框架的边框，选中框架集，打开框集属性，如图21-6所示所示。边框选项设置框架集中框架大小设置。如图21-7所示图21-6图21-7设置框架属性步骤：打开“框架”面板（首先选择“窗口”“框

5、架”命令，或按快捷键“Shift+F2”）。在框架面板中选中框架，如图21-8所示，打开框架属性。在框架属性面板中设置相应的属性即可，如图21-9所示。设置框架集属性和框架属性图21-8图21-9编辑框架内容的操作方法选择框架和框架集选择框架集步骤:在“框架”面板中单击最外层的边框，使其出现粗黑边显示，则选中了框架集，如图21-10所示。选择框架步骤:在“框架”面板中单击要选择的框架，使其出现细黑边显示，则选中了框架,如图21-11所示。图21-11图21-10编辑框架内容的操作方法在框架中打开文件操作步骤如下:将插入点放置在框架中.选择【文件】->【在框架中打开

6、】命令.选择要在框架中打开的文档，该文档即可显示在框架中。框架中的超链接如图21-12中的网页为“上下框架结构，上方为嵌套框架设置为导航条，下方为链接打开的目标窗口。图21-12框架中的超链接操作步骤如下:选择超链接的载体，如上方框架中的“内广场”文字。在“属性检查器”中，“链接”项中设置超链接为：06层的布局/06.html。在“属性检查器”中的“目标”下拉菜单中选择目标框架或窗口，选择“mainFrame”如图21-13所示。预览效果见图21-12所示.图21-13问题1：显示在框架中的文档是否为框架的一部分？问题2：如果一个站点在浏览器中显示为包含三个框架的

7、单个页面,则该框架应该包含多少个独立的HTML文档?讨论运用框架技术进行网页的布局和编辑,可以调用自己的网页,丰富新的页面。本节主要介绍如何在网页中创建框架、如何为框架命名并导入框架源文件、如何保存框架集文件和各个框架操作文件、如何设置框架集属性和框架属性、如何编辑框架内容的操作、并能了解如何设置超级链接并用于实际操作中。本章小结