《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标签制作内联框架效果。,效果图,课后习题吉他网页,使用框架布局网页。使用属性面板改变框架的大小。,效果图,