Dreamweaver网页设计与应用 教学课件 作者 张丽英 06.ppt

《Dreamweaver网页设计与应用 教学课件 作者 张丽英 06.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章框架本章简介：框架的作用是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的页面。框架的出现大大地丰富了网页的布局手段以及页面之间的组织形式。本章主要讲解了创建设置框架和框架集的方法，通过这些内容的学习，可以合理地来组织页面中的框架，使浏览者通过框架可以很方便地在不同的页面之间跳转及操作。课堂学习目标掌握创建框架集的方法掌握为框架添加内容的方法掌握设置框架和框架集属性的方法6.1创建框架和框架集创建框架集为框架添加内容保存框架集和全部框架课堂案例——超齐运动网页6.1.1创建框架集在DreamweaverCS3中，可以利用可视化工具方便地创建框架集。（1）选择“文

2、件>新建”命令，弹出“新建文文件”对话框。（2）在左侧的列表中选择“示例中的页”选项，在“示例文件夹”选项中选择“框架集”选项，在右侧的“框架集”选项框中选择一个框架集。（3）单击“创建”按新建一个框架网页。6.1.2为框架添加内容因为每一个框架都是一个HTML文檔，所以可以在创建框架后，直接编辑某个框架中的内容，也可在框架中打开已有的HTML文檔，具体操作步骤如下。（1）在文文件窗口中，将游标放置在某一框架内。（2）选择“檔>在框架中打开”命令，打开一个已有文檔。6.1.3保存框架集和全部框架使用“保存全部”命令可以保存所有的文件，包括框架集和每个框架。6.1.4课堂案例—

3、—超齐运动网页使用上方固定框架制作的网页的结构图效果。使用“属性”面板改变框架的大小。使用“表格”按钮插入表格制作完整的框架网页效果。效果图6.2设置框架和框架集的属性设置框架属性设置框架集属性课堂案例——儿童日记6.2.1设置框架属性选中要查看属性的框架，选择“窗口>属性”命令，启用“属性”面板。框架“属性”面板6.2.2设置框架集属性选择要查看属性的框架集，然后选择“窗口>属性”命令，启用“属性”面板。框架集“属性”面板6.2.3课堂案例——儿童日记使用页面属性面板设置网页边距。使用属性面板设置框架大小。效果图课堂练习——数码相机网页使用iframe标签制作内联框架效果。

4、效果图课后习题——吉他网页使用框架布局网页。使用属性面板改变框架的大小。效果图