框架和框架集的基本操作

框架和框架集的基本操作框架和框架集的基本操作上课要求上课要求u课前预习课前预习u将手机调到静音将手机调到静音u认真做笔记认真做笔记u及时完成作业及时完成作业u学会选择和保存框架和框架集u学会设置框架和框架集属性u学会在框架中添加内容u学会删除框架学习学习目标目标选择框架和框架集选择框架的方法：只能在“框架”面板中操作。选择框架集的两种方法：在文档编辑窗口中单击框架集上的任意边框；在“框架”面板中选择。选择“窗口”下的“框架”菜单，打开“框架”面板。“框架”面板显示了文档编辑窗口中框架网页的结构，不同的区域显示对应框架的名称。在框架文档中新建或删除某个框架，以及修改框架名称或尺寸时，框架面板中的示意图会随之发生变化。在框架面板中选择框架和框架集的操作方法：选择框架：在“框架”面板中单击相应的框架区域，被选择的框架在“框架”面板中以粗黑框显示，在文档窗口中以虚线框显示。选择框架集：在“框架”面板中单击框架集的边框。在选中一个框架的基础上，可按住Alt和方向键选择其他框架，Alt和 、键配合可选中同级框架或框架集；Alt和 键配合可升级选取，即选中当前框架的上一级框架或框架集；Alt和 键配合可降级选取。设置框架和框架集属性应用属性检查器可以设置框架和框架集的属性，包括框架名称、框架源文件和框架边框等。（1）设置框架属性框架名称：框架名称：命名选取的框架。框架名只能包含字母、下划线等，且必须是字母开头，不能出现连字符、句号及空格，不能使用JavaScript的保留关键字。源文件：源文件：显示当前框架中网页文档的保存路径。边框：边框：设定是否显示框架边界线，默认显示。滚动：滚动：设置框架滚动条的属性，有“是”、“否”及“自动”三个值。不能调整大小：不能调整大小：选中表示不能在浏览器中拖动框架边框来改变框架大小。边框颜色：边框颜色：设置边框的颜色。边界宽度：边界宽度：设置框架内容距左右边框的距离。边界高度：边界高度：设置框架内容距上下边框的距离。（2）设置框架集属性 选择框架集后，可在属性检查器中设置其属性。在“行”或“列”文本框中可设置框架的行或列的宽度，在“单位”下拉列表框中可选择宽度的单位。操作步骤：新建“上方固定，左侧嵌套”的框架网页。设置上边框高度为100px。设置左侧框架的“宽度”、“边框宽度”、“边框颜色”等。保存框架和框架集一个框架网页中至少包含一个框架集和多个框架，而每个框架又对应一个网页，用户在编辑好这些框架和框架集后，需要将其保存。（1）保存框架保存框架实际上就是保存框架所对应的网页文档。操作步骤：将插入点置于需要保存的框架中。选择“文件”下的“保存框架”菜单。（2）保存框架集操作步骤：选择网页文档中需要保存的框架集。选择“文件”下的“保存框架页”/“框架集另存为”。注意：选择“文件”下的“保存全部”菜单，可同时将框架和框架集保存。在框架中添加内容 框架创建之后，可向框架中添加内容。操作步骤：将插入点定位在顶部框架中，单击“属性”面板中的“页面属性”，设置上、小、左、右边距设为0px。插入一行一列的表格，插入图像（yiyun）。单击顶部框架边框，在“属性”面板中设置行的值与图像高度相同。按照同样的方法向其他框架中添加内容。删除框架用鼠标拖动框架的边框，将其拖至父框架边框上时松开鼠标，该框架即被删除。