DW创建框架网页 PPT.ppt

第7章创建框架网页回顾学习目标
了解框架网页概述
掌握创建框架和框架集
掌握框架和框架集的选择
掌握框架和框架集属性的设置
掌握完整的框架网页创建
掌握嵌入式框架的创建
掌握框架的使用技巧7.1框架网页概述7.2创建框架和框架集
在Dreamweaver中预定义了多种框架集，可以很方便地创建想要的框架网页。

创建框架集

选择预定义的框架集将自动设置创建布局所需要的所有框架集和框架，它是迅速创建基于框架布局的最简单方法。创建框架集的具体操作步骤如下。
1．选择菜单中的【文件】|【新建】命令，打开【新建文档】对话框，在对话框中选择【常规】选项卡中的【类别】|【框架集】|【上方固定，左侧嵌套】选项。如图7-1：2.单击【创建】按钮，即可创建一上方固定，左侧嵌套的框架网页。如图7-2：提示：还可以用以下两种方法创建框架网页：大家有疑问的，可以询问和交流在【布局】插入栏中单击按钮，在弹出的菜单中选择【左侧和嵌套的下方框架】选项，即可创建框架网页。如图7-3：
选择菜单中的【插入】|【HTML】|【框架】|【左侧及下方嵌套】命令，即可创建框架网页。插入预定义框架集
插入预定义框架集的具体操作步骤如下。
1．标放置在头部框架中，选择菜单中的【修改】|【页面属性】命令，打开【页面属性】对话框中将【左边距】设置为0像素，【右边距】设置为0像素。如图7-4：2．【确定】按钮。选中头部框架，在【属性】面板中单击【源文件】文本框右侧的【浏览文件】按钮，打开【选择HTML文件】对话框，在对话框中选择top1.htm。
3．单击【确定】按钮，插入文件。
4．将光标放置在左侧框架中，修改页面属性，在【属性】面板中单击【源文件】文本框右侧的【浏览文件】按钮，在打开的【选择HTML文件】对话框中选择leftl．htm，单击【确定】按钮，插入文件。
5．将光标放置在右侧框架中，修改页面属性，在【属性】面板中单击【源文件】文本框右侧的【浏览文件】按钮，在打开的【选择HTML文件】对话框中选择right.htm，单击【确定】按钮，插入文件。保存框架和框架集文件
在浏览器中预览框架集之前，必须保存框架集文件以及要在框架中显示的所有文档。可以单独保存每个框架集文件和带框架的文档，也可以同时保存框架集文件和框架中出现的所有文档。保存框架和框架集文件的具体操作步骤如下。
1．新建一上方固定，左侧嵌套的框架网页。选择菜单中的【文件】|【保存全部】命令，打开【另存为】对话框，此时整个框架集内侧出现阴影，所以询问的是框架集的名称，在【文件名】文本框中输入index.htm。如图7-5：2．单击【保存】按钮，打开第2个【另存为】对话框，因为右侧框架内侧出现阴影，所示询问的是右侧框架的名称，在【文件名】文本框中输入right.htm。如图7-6：3．单击【保存】按钮，打开第3个【另存为】对话框，因为左侧框架内侧出现阴影，所以询问的是左侧框架的名称，在【文件名】丈本框中输入left.htm。如图7-7：4．单击【保存】按钮，打开第4个【另存为】对话框，因为头部框架内侧出现阴影，所示询问的是头部框架的名称，在【文件名】文本框中输入top.htm。如图7-8：
5．单击【保存】按钮，至此整个框架保存完毕。7.3选择框架和框架集提示：按<shift+F2>组合键，打开【框架】面板。2.在【框架】面板中单击框架集的边框，也可以选择整个框架集，框架集的内侧出现虚线。如图7-10：在文档窗口中选择框架或框架集
在文档窗口中选择框架或框架集的具体操作步骤如下。
1．将光标放置在要选择的框架中，按住<Alt>键单击鼠标左键，框架边框内侧出现虚线，即可选择该框架。
2．将光标放置在任意框架中，按住<Alt>键，当鼠标指针靠近框架边线时，出现上下或左右箭头时，单击鼠标左键，框架集内侧出现阴影，即可选中整个框架集。如图7-11：7.4设置框架和框架集属性【框架名称】：用于为当前框架命名。
【源文件】：确定框架的源文档，可以直接输入名字，或单击文本框右边的固按钮查
找并选取文件。
【滚动】：当框架内的内容显示不下的时候是否出现滚动条，包括【是】、【否】、【启动】和【默认】4个选项。
【不能调整大小】：限定框架尺寸，防止用户拖动框架边框。
【边界宽度】：设置以像素为单位的框架边框和内容之间的左右边距。
【边界高度】：设置以像素为单位的框架边框和内容之间的上下边距。
【边框】：用来控制当前框架边框，包括【是】、【否】和【默认】3个选项。
【边框颜色】：设置与当前框架相邻的所有框架的边框颜色。设置框架集属性
选中框架集，打开【属性】面板，在【属性】面板中设置框架集的属性。
框架集【属性】面板参数如下。如图7-13：7.5技巧提升如何准确地选择所需的框架
在制作框架网页时，往往不能够准确地选择某个框架集，对制作框