Dreamweaver网页设计与制作教程杨继第5章表格的设计与制作课件教学.pptVIP

5.4 特效表格的制作 制作圆角表格的步骤 （1）插入表格 新建文档，然后在新建的文档中插入一个3行3列的表格，在“表格”对话框中设置表格宽度400像素，边框粗细为0，单元格边距为0，单元格间距为0。 （2）插入图片 (3）设置单元格宽度和高度 （4）设置页面背景颜色 （5）设置表格背景色 （6）调整中心单元格的高度 （8）按F12保存并预览网页 5.4 特效表格的制作 2.宽度固定的圆角表格 5.4 特效表格的制作 （1）插入表格 新建文档，然后在新建的文档中插入一个3行1列的表格，在“表格”对话框中设置表格宽度140像素，边框粗细为0，单元格边距为0，单元格间距为0。 （2）插入图像 在表格的上下两行分别插入图所示的图片（top.gif，bottom.gif），此时表格如图 在中间的单元格中插入一个1行1列的表格，将这个表格的间距设置为1，边框粗细为0 ，宽度为100%，背景颜色与图片颜色相同（#0080ff）。 把刚插入表格的唯一的单元格的背景设置为白色，并将这个单元格的高度设置为100像素。 按F12保存并在浏览器中预览，效果如图5-38所示。 5.5 布局表格 该网页的设计思想是，首先新建空白网页，指定图像素材作为跟踪图像，然后进入“布局模式”，依照跟踪图像绘制布局表格和布局单元格。返回标准模式后，在布局表格基础上再插入标准表格进一步布局页面，接着分别插入图像或设