Dreamweaver CS5 网页设计与应用（第2版）第6章框架.pptx

第6章 框架 本章简介： 框架的作用是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的页面。框架的出现大大地丰富了网页的布局手段以及页面之间的组织形式。本章主要讲解了创建设置框架和框架集的方法，通过这些内容的学习，可以合理地来组织页面中的框架，使浏览者通过框架可以很方便地在不同的页面之间跳转及操作。 课堂学习目标 掌握创建框架集的方法 掌握为框架添加内容的方法 掌握设置框架和框架集属性的方法 6.1 创建框架和框架集 创建框架集 为框架添加内容 保存框架集和全部框架 课堂案例——吉他网 6.1.1 创建框架集 在Dreamweaver CS5中，可以利用可视化工具方便地创建框架集。 （1）选择“文件 新建”命令，弹出“新建文档”对话框。 （2）在左侧的列表中选择“示例中的页”选项，在“示例文件夹”选项中选择“框架集”选项，在右侧的“示例页”选项框中选择一个框架集。 （3）单击“创建”按新建一个框架网页。 6.1.2 为框架添加内容 因为每一个框架都是一个HTML文档，所以可以在创建框架后，直接编辑某个框架中的内容，也可在框架中打开已有的HTML文档，具体操作步骤如下。 （1）在文档窗口中，将光标放置在某一框架内。 （2）选择“文件 在框架中打开”命令，打开一个已有文档。 6.1.3 保存框架集和全部框架 使用“保存全部”命令可以保存所有的文件，包括框架集和每个框架。 6.1.4 课堂案例——吉他网 使用上方固定框架制作的网页的结构图效果，使用“属性”面板改变框架的大小。 效果图 6.2 设置框架和框架集的属性 设置框架属性 设置框架集属性 6.2.1 设置框架属性 选中要查看属性的框架，选择“窗口 属性”命令，启用“属性”面板。 框架“属性”面板 6.2.2 设置框架集属性 选择要查看属性的框架集，然后选择“窗口 属性”命令，启用“属性”面板。 框架集“属性”面板 课堂案例——儿童日记 使用框架布局网页，使用属性面板改变框架的大小。 效果图 课后习题——超齐运动网 使用框架布局网页，使用属性面板改变框架的大小。 效果图