《Dreamweaver网页设计与应用 教学课件 PPT 作者 张丽英 06》由会员分享，可在线阅读，更多相关《Dreamweaver网页设计与应用 教学课件 PPT 作者 张丽英 06（14页珍藏版）》请在金锄头文库上搜索。
1、第6章 框架,本章简介： 框架的作用是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的页面。框架的出现大大地丰富了网页的布局手段以及页面之间的组织形式。本章主要讲解了创建设置框架和框架集的方法，通过这些内容的学习，可以合理地来组织页面中的框架，使浏览者通过框架可以很方便地在不同的页面之间跳转及操作。,课堂学习目标,掌握创建框架集的方法 掌握为框架添加内容的方法 掌握设置框架和框架集属性的方法,6.1 创建框架和框架集,创建框架集 为框架添加内容 保存框架集和全部框架 课堂案例超齐运动网页,6.1.1 创建框架集,在Dreamweaver CS3中，可以利用可视化工具方便地创建框架集。
2、（1）选择“文件 新建”命令，弹出“新建文文件”对话框。 （2）在左侧的列表中选择“示例中的页”选项， 在“示例文件夹”选项中选择“框架集”选项，在右侧的 “框架集”选项框中选择一个框架集。 （3）单击“创建”按新建一个框架网页。,6.1.2 为框架添加内容,因为每一个框架都是一个HTML文檔，所以可以在创建框架后，直接编辑某个框架中的内容，也可在框架中打开已有的HTML文檔，具体操作步骤如下。 （1）在文文件窗口中，将游标放置在某一框架内。 （2）选择“檔 在框架中打开”命令，打开一个已有文檔。,6.1.3 保存框架集和全部框架,使用“保存全部”命令可以保存所有的文件，包括框架集和每个框架。
3、,6.1.4 课堂案例超齐运动网页,使用上方固定框架制作的网页的结构图效果。使用“属性”面板改变框架的大小。使用“表格”按钮插入表格制作完整的框架网页效果。,效果图,6.2 设置框架和框架集的属性,设置框架属性 设置框架集属性 课堂案例儿童日记,6.2.1 设置框架属性,选中要查看属性的框架，选择“窗口 属性”命令，启用“属性”面板。,框架“属性”面板,6.2.2 设置框架集属性,选择要查看属性的框架集，然后选择“窗口 属性”命令，启用“属性”面板。,框架集“属性”面板,6.2.3 课堂案例儿童日记,使用页面属性面板设置网页边距。使用属性面板设置框架大小。,效果图,课堂练习数码相机网页,使用iframe标签制作内联框架效果。,效果图,课后习题吉他网页,使用框架布局网页。使用属性面板改变框架的大小。,效果图,
