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

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