05第5章Dreamweaver8设计页面布局(三)范例.ppt

网站设计 刘雪燕 物理科学与技术学院 Email: lxy5462@ 在网页制作中，对页面进行布局是非常重要的，表格就是页面布局中常用的方式。 Dreamweaver 8不仅支持在表格中有序地排列数据，还可用表格对网页中的文本、图像及其他元素进行定位。 但是，使用表格进行定位不太方便。 最初创建表格是为了显示表格数据，而不是用于对web页进行布局。 为了简化使用表格进行页面布局的过程，Dreamweaver 8提供了一个非常方便的布局工具：布局表格。 使用布局表格，页面布局将变得轻松自如。在“布局”模式中，用户可以使用表格作为基础结构来设计用户的页面，同时避免使用传统方法创建基于表格的设计时经常出现的一些问题。 布局表格实例 布局表格实例 （1）新建网页文件，切换到布局视图，单击布局 窗口上的绘制布局表格按钮，拖动出第一个大 的布局表格。 （2）单击布局表格按钮，同时按住Ctrl键，在页面 中三次拖动鼠标，即在一个大的表格内嵌套三 个小表格。 （3）单击布局窗口的绘制布局单元格按钮，分别 在左侧、右侧的嵌套单元格中拖动出两个布局 单元格。 （4）在中间的表格中插入三个布局单元格。 布局