《网页的框架和布局控制.》由会员分享,可在线阅读,更多相关《网页的框架和布局控制.(11页珍藏版)》请在金锄头文库上搜索。
1、第第4 4章章 网页的框架和布局控制网页的框架和布局控制重点内容:重点内容: 布局的框架控制布局的框架控制 调整框架式样调整框架式样 使用布局单元格和表格使用布局单元格和表格 设置布局单元格和表格设置布局单元格和表格一、 布局的框架控制1、创建预定意的框架集在Dreamweaver 8中,系统预定义了多种框架集形式。选择“插入”|“HTML”|“框架”子菜单中的命令,即可为当前页面添加所需的框架。2、创建嵌套框架集 要创建嵌套框架集,可将光标放置在某个框架中,然后选择“插入”|“HTML”|“框架”子菜单中的命令,即可创建嵌套框架集。 二、调整框架式样1、设置框架属性 要设置框架的属性,可在网
2、页文档中选择一个框架,然后选择“窗口”|“属性”命令以显示框架的“属性”面板 。2、设置框架集属性要设置框架集的属性,可在网页文档中选择一个框架集,然后选择“窗口”|“属性”命令,以显示框架集的“属性”面板。三、使用布局单元格和表格1、绘制布局单元格和表格 要在网页中绘制布局单元格和表格,必须先切换到布局模式,在“插入”栏中选择“布局”项,切换到布局插入栏,单击“布局”按钮 。用户在网页中绘制布局表格时,可以单击布局插入栏的按钮,这时鼠标指针变为加号(+)形状,在页面上拖动鼠标,绘制布局表格。 三、使用布局单元格和表格2、绘制嵌套布局表格 在Dreamweaver 8中,用户可以将一个布局表格
3、绘制在另一个布局表格中,用来创建嵌套布局表格。当在嵌套布局表格中的布局单元格中插入对象时,布局单元格的长宽变化不会受外部表格的大小影响。 三、使用布局单元格和表格3、将布局单元格靠齐到网格 要将布局单元格对齐到网格,可以选择“查看”|“网格”|“显示网格”命令,在文档中显示网格,然后在文档中绘制布局单元格,选择“查看”|“网格”|“靠齐到网格”命令,将布局单元格靠齐到网格。三、使用布局单元格和表格4、移动和调整布局单元格和表格 用户如要移动布局单元格,只需使用鼠标拖动布局单元格边线,将其移动到需要的位置即可。调整布局表格时,首先要选中该表格,然后将鼠标移动到边角控制点,根据箭头方向调整表格大小
4、。 四、设置布局单元格和表格1、设置布局单元格的格式 要设置布局单元格的属性,可在网页文档中选中一个布局单元格,然后选择“窗口”|“属性”命令以显示布局单元格“属性”面板。在“属性”面板中,可以为布局单元格设置内容对齐方式、宽度和高度、背景颜色等属性。 四、设置布局单元格和表格2、设置布局表格的格式 要设置布局表格的属性,可在网页文档中选中一个布局表格,然后选择“窗口”|“属性”命令以显示布局表格“属性”面板。在“属性”面板中,可以为布局表格设置内容对齐方式、宽度和高度、背景颜色等属性。 五、 思考怎样绘制出嵌套布局表格。怎样设置布局单元格和表格的属性。六、 动手练习创建一个儿童世界的网页。包括:1.绘制出基本框架和表格。2.插入所需动画和导航条。本章小结:掌握预定义框架的创建方法。熟悉编辑和调整框架和框架集的方法。掌握设置布局单元格和表格的方法。