实战Dreamweaver CS5 网页制作教程 第2版 教学课件 刘天真 第8章　使用框架技术.pdfVIP

第8章 使用框架技术 第8章 使用框架技术 学习目标 学习目标 能够理解框架和框架集的概念。 能够理解框架和框架集的概念。 能够运用预设方式和自定义方式创建框架。 能够运用预设方式和自定义方式创建框架。 能够设置框架和框架集的属性。 能够设置框架和框架集的属性。 能够删除和存储框架和框架集文件。 能够删除和存储框架和框架集文件。 能够使用框架技术制作网页 能够使用框架技术制作网页 8.1 第8章 使用框架技术 第8章 使用框架技术 本章内容 本章内容 8.1　案例制作：利用框架技术制作网站“绘声绘影” 8.1　案例制作：利用框架技术制作网站“绘声绘影” 8.2 新知解析 8.2 新知解析 8.3 实战演练： Maya火星课堂 8.3 实战演练： Maya火星课堂 8.2 第8章 使用框架技术 第8章 使用框架技术 8.1　案例制作：利用框架技术制作网站“绘声绘影” 通过本案例的操作，你 通过本案例的操作，你 将学会：如何建立框架和框 将学会：如何建立框架和框 架集 、如何设置框架和框 架集 、如何设置框架和框 架集的属性、如何设置框架 架集的属性、如何设置框架 面板 。 面板 。 8.3 第8章 使用框架技术 第8章 使用框架技术 8.1　案例制作：利用框架技术制作网站“绘声绘影” 操作步骤： 操作步骤： 1）定义站点。新建文件夹“hshy”，将素材文件夹“hshy”中所有文件和文件夹拷贝到 1）定义站点。新建文件夹“hshy”，将素材文件夹“hshy”中所有文件和文件夹拷贝到 “hshy”文件夹中。在Dreamweaver CS5 中定义站点，站点名称为“绘声绘影”，本地站 “hshy”文件夹中。在Dreamweaver CS5 中定义站点，站点名称为“绘声绘影”，本地站 点文件夹为hshy文件夹。 点文件夹为hshy文件夹。 2 ）新建网页文件，在“插入”面板“布局”选项卡中单击“框架”按钮 旁边的黑色小三角， 2 ）新建网页文件，在“插入”面板“布局”选项卡中单击“框架”按钮 旁边的黑色小三角， 在弹出菜单中选择“顶部和嵌套的左侧框架”命令，如图所示，会打开“框架标签辅助功 在弹出菜单中选择“顶部和嵌套的左侧框架”命令，如图所示，会打开“框架标签辅助功 能属性”窗口，点击“确定”按钮，此时文档窗口如图所示。 能属性”窗口，点击“确定”按钮，此时文档窗口如图所示。 8.4 第8章 使用框架技术 第8章 使用框架技术 8.1　案例制作：利用框架技术制作网站“绘声绘影”