7.1使用框架制作网页 课件 -2022-2023学年高二下学期（中职）《网页设计与制作》（华南理工版）

项目七使用框架制作网页 框架是一种特殊的网页形式，多用于电子邮箱网站和论坛网站，使用框架技术的网页可以在一个浏览器窗口中显示多个网页的内容。本项目，通过3个工作任务向读者展示使用框架制作网、在网页中插入多媒体文件、行为与事件等知识，为制作网页打下扎实的基础。 目录 任务一 使用框架制作网页 任务二 使用插入功能在网页中插入多媒体元素 任务三 使用“转到URL”行为设置网页 使 用 框 架 制 作 网 页 准备知识 使用框架制作网页 框架和框架集的创建 选择框架和框架集 任务实施 刘江是某网络公司新员工，公司为其配发的计算机中已经安装Dreamweaver。他在使Dreamweaver制作网页，并进行保存设置。 使 用 框 架 制 作 网 页 任务一：使用框架制作网页 任务分析： 理解牢记！ 由于使用Dreamweaver创建网站后，若要在浏览器中浏览网页效果，需要保存框架或框集。因此，刘江决定先完成保存工作。 任务一：使用框架制作网页 任务 实施 使用框架制作网页 1.保存网站框架 （1）将光标插入到要保存的框架中，选择“文件”→“保存框架”命令，如下图所示。 （2）在打开的“另存为”对话框中选择要保存的路径和文件名，然后单击“确定”按钮，即可完成框架的保存，如下图所示。 （3）将光标插入其他框架中，执行与上面步骤相同的操作，即可完成所有框架的保存。 2.保存网站框架集 （1）选择“窗口”→“框架”命令，打开“框架”面板，如下图所示，在面板中将框架集选中。 （2）选择“文件”→“框架集另存为”命令，如下图所示。 （3）在打开的“另存为”对话框中设置文件保存路径和文件名，如下图所示，然后单击“确定”按钮，即可完成框架集的保存。 拓展提高： 在保存框架集时，通常保存为“index.html”文件作为网站的首页，当然，也可以根据需要将框架集保存为其他名称的文件。 框架集，如下左图所示是多个框架的集合，用于定义多个框架的结构和属性。框架集只能决定浏览器中显示的文档数目、各个文档的大小以及文档的显示方式等。 框架，如下右图所示是框架集中的文档，是单独的网页文件。要显示框架内容就必须先创建好框架集。 拓展提高： 如果要在浏览器中查看框架网页，需要输入框架集的路径，才能在浏览器中打开框架网页。 $