第4章页面布局设计.pptVIP

第4章 页面布局设计 主要内容 表格、层、框架的有关概念 使用表格布局网页 使用层布局网页 使用框架布局网页 4.1使用表格进行页面布局 表格是进行页面布局最常用的工具，它既可以用可见表的形式在网页中呈现表格式数据，也可以仅起布局作用，准确定位文本及图形元素。但二者在本质上是一致的，都是通过设计编辑表格，将页面元素在单元格中呈现出来。前者通常有表格线，后者通常会把表格线隐藏起来，作用都是在布局页面元素。 使用表格进行页面布局主要包括三方面的操作，即设计创建表格、编辑表格、在表格中插入管理网页元素。通常，在一个Web页面中有多个表格，甚至在表格的单元格中还会嵌入另外的表格。 4.1使用表格进行页面布局—创建表格 1．插入表格 Dreamweaver使用插入栏或插入菜单来创建一个新表格。具体步骤如下： ⑴ 在文档窗口的“设计”视图中，将插入点放在需要表格的位置。 ⑵ 单击插入栏“常用”类别中的“表格”按钮，或选择“插入/表格”菜单，出现 “表格”对话框。 ⑶ 按需要设置表格参数，单击“确定”按钮后完成表格的创建。 4.1使用表格进行页面布局—创建表格 关于“表格”对话框参数的说明： ⑴ “表格大小”参数 行数：确定表格具有的行的数目。 列数：确定表格具有的列的数目。 表格宽度：以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽度。 单元格边距：单元格边框和单元格内容之间