设置布局单元格和表格-Read.PPTVIP

第4章 网页的框架和布局控制 重点内容： 布局的框架控制 调整框架式样 使用布局单元格和表格 设置布局单元格和表格 * 新世纪网页设计师应用教程 * 新世纪网页设计师应用教程 第1章 网页设计基础 重点内容： 网页的设计构思和布局 站点的规划与设计流程 主页的基本制作流程 一、 布局的框架控制 1、创建预定意的框架集 在Dreamweaver 8中，系统预定义了多种框架集形式。选择“插入”|“HTML”|“框架”子菜单中的命令，即可为当前页面添加所需的框架。 2、创建嵌套框架集 要创建嵌套框架集，可将光标放置在某个框架中，然后选择“插入”|“HTML”|“框架”子菜单中的命令，即可创建嵌套框架集。 二、调整框架式样 1、设置框架属性 要设置框架的属性，可在网页文档中选择一个框架，然后选择“窗口”|“属性”命令以显示框架的“属性”面板 。 2、设置框架集属性 要设置框架集的属性，可在网页文档中选择一个框架集，然后选择“窗口”|“属性”命令，以显示框架集的“属性”面板。 三、使用布局单元格和表格 1、绘制布局单元格和表格 要在网页中绘制布局单元格和表格，必须先切换到布局模式，在“插入”栏中选择“布局”项，切换到布局插入栏，单击“布局”按钮 。 用户在网页中绘制布局表格时，可以单击布局插入栏的按钮，这时鼠标指针变为加号（+）形状，在页面上拖动鼠标，绘制布局表格。 三、使用布局单元格和表格 2、绘制嵌套布局表格 在Dreamweaver 8中，用户可以将一个布局表格绘制在另一个布局表格中，用来创建嵌套布局表格。当在嵌套布局表格中的布局单元格中插入对象时，布局单元格的长宽变化不会受外部表格的大小影响。 三、使用布局单元格和表格 3、将布局单元格靠齐到网格 要将布局单元格对齐到网格，可以选择“查看”|“网格”|“显示网格”命令，在文档中显示网格，然后在文档中绘制布局单元格，选择“查看”|“网格”|“靠齐到网格”命令，将布局单元格靠齐到网格。 三、使用布局单元格和表格 4、移动和调整布局单元格和表格 用户如要移动布局单元格，只需使用鼠标拖动布局单元格边线，将其移动到需要的位置即可。调整布局表格时，首先要选中该表格，然后将鼠标移动到边角控制点，根据箭头方向调整表格大小。 四、设置布局单元格和表格 1、设置布局单元格的格式 要设置布局单元格的属性，可在网页文档中选中一个布局单元格，然后选择“窗口”|“属性”命令以显示布局单元格“属性”面板。在“属性”面板中，可以为布局单元格设置内容对齐方式、宽度和高度、背景颜色等属性。 四、设置布局单元格和表格 2、设置布局表格的格式 要设置布局表格的属性，可在网页文档中选中一个布局表格，然后选择“窗口”|“属性”命令以显示布局表格“属性”面板。在“属性”面板中，可以为布局表格设置内容对齐方式、宽度和高度、背景颜色等属性。 五、 思考 怎样绘制出嵌套布局表格。 怎样设置布局单元格和表格的属性。 六、 动手练习 创建一个儿童世界的网页。包括：1.绘制出基本框架和表格。2.插入所需动画和导航条。 * 新世纪网页设计师应用教程