网页设计与制作实用技术（第二版）齐建玲 CH8

《网页设计与制作实用技术（第二版）齐建玲 CH8》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：认识框架网页创建框架网页的方法编辑框架网页的方法设置框架属性的方法第8章利用框架技术制作网页8.1认识框架网页框架网页是—种特殊的HTML网页，它可将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页。在框架网页中，用来分隔网页的窗格称为框架。每个框架包括框架高度、框架宽度、滚动条和框架边框，此外还可指定框架的内边距（框架与网页正文之间的距离）。（1）只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。（2）固定网页中的某些内容。（3）并不是所有的浏览

2、器都能显示框架网页，这也是框架网页的一个局限。1．框架网页的特点2．框架网页的结构根据框架分布的不同和各框架作用的不同，框架网页被分为多种类型。常用到的框架结构有：左侧框架、右侧框架、顶部框架、底部框架、上方和下方框架以及各种嵌套框架结构。（1）利用利用插入面板创建框架网页1）选择主菜单中的“文件”→“新建”命令，打开一个新文档窗。2）将插入面板切换到“布局”类，插入面板中出现一个框架按钮，如图所示。8.2利用DreamweaverCS5处理框架8.2.1创建框架网页1.建立框架3）执行以下操作之一，即可创建框架。选择“插入”→“HTML”→“框架”命令，从弹出

3、的子菜单中选择任意一个选项。在“插入”面板的“布局”类别中，单击“框架”按钮上的下拉箭头，然后选择预定义的框架集。（2）直接创建框架页选择“文件”→“新建”命令，打开“新建文档”窗口，选择“示例中的页”，在示例文件夹下选择“框架页”，从示例页中选择一种框架页形式，在右边会出现该框架页的预览效果图，如图所示。单击“创建”按钮，即可创建一个框架页。2．建立嵌套的框架集一个框架集嵌套在另一个框架集内称之为嵌套框架集，使用嵌套框架集可以为一个文档创建多个框架。要创建嵌套的框架集，可执行以下操作操作步骤：（1）将光标放到与插入嵌套框架集的框架中。（2）执行以下操作之一，即

4、可创建嵌套的框架集。选择“插入”→“HTML”→“框架”命令，从弹出的子菜单中选择任意一个选项。选择“修改”→“框架页”命令，从弹出的子菜单中选择任意一个选项。单击插入“框架”面板中的插入框架图标按钮。（1）选择整个框架要选择整个框架可执行以下操作之一：①将鼠标指针移到整个边框位置的同时，按住Alt键，当鼠标指针变为垂直箭头（或水平箭头）时，单击边框即可选中整个框架。②如果当前选择的是一个子框架，需要重新选择整个框架，可以将鼠标指针移到第一次分割框架的边框位置，当鼠标指针变为垂直箭头（或水平箭头）时，单击边框即可选中整个框架集。③除了上述方法之外，选择框架还可以

5、通过“框架”面板来完成。3．选择框架（2）选择子框架在文档窗口中按住Alt键，然后用鼠标单击欲选择的子框架。文档窗口中该子框架的周围被虚线包围，表示它已经被选中，同时在状态栏上加黑显示标记符。同样也可以通过“框架”面板来选择子框架。只要在框架面板中单击相应的子框架即可，4．删除框架将光标放在框架的边框上，当光标变成垂直箭头（或水平箭头）时，按住鼠标左键，将框架的边框拖出父框架或页面之外，即可将这个框架删除。8.2.2编辑框架网页框架创建好以后，就可以对框架进行编辑了。每一个框架里都是一个文档，可以直接添加内容，也可以在框架内打开已经存在的文档。演示

6、编辑框架网页8.2.3保存框架网页每一个框架都包含一个文档，因此一个框架集会包含多个文档。在保存文档的时候，不能只简单地保存一个文档，要将整个网页文档都保存下来。演示保存框架网页8.2.4框架属性及框架集属性设置1．框架属性利用框架属性面板可以查看和设置框架的属性，如为框架命名、设置框架的边框及颜色等。首先选择“窗口”→“其它”→“框架”命令，或按快捷键“Shift+F2”，打开“框架”面板；然后在框架面板中选中框架，此时属性面板所显示的即为框架的属性面板，如图所示。在框架属性面板中设定框架的属性。新创建的框架集默认属性值为：无边框，无滚动条，在浏览器中无法看到

7、创建的框架，要改变这些属性，需在属性面板中修改相应的选项。首先单击框架的边框，选中框架集，此时属性面板中将自动切换显示框架集的属性，如图所示。在框架集属性面板中设定框架集的属性。2．框架集属性3．设置框架的大小调整框架尺寸可以拖动框架的边框来调整，但在需要精确定义框架尺寸的大小时，可以在属性面板中进行框架尺寸的设置。设置框架尺寸的步骤如下：（1）单击框架边界，选定一个框架集。（2）选择“窗口”→“属性”命令，打开框架集属性面板。（3）单击框架集属性面板右侧图框中的区域，选定框架集中的行或列。（4）在“值”文本框中输入调整框架尺寸的数值，然后在“单位”下拉列表框中

8、选择一种度量单位。4．设