Dreamweaver8嵌套表格

2008-02-23 06:05:11来源：互联网阅读 ()

　　

　　这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

　　表格之中更有表格即嵌套表格。

　　网页的排版有时会很复杂，在外部需要一个表格来控制总体布局，假如内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格的制作带来困难。其次，浏览器在解析网页的时候，是将整个网页的结构下载完毕之后才显示表格，假如不使用嵌套，表格很复杂，浏览者要等待很长时间才能看到网页内容。

　　引入嵌套表格，由总表格负责整体排版，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中，各司其职，互不冲突。

　　另外，通过嵌套表格，利用表格的背景图像、边框、单元格间距和单元格边距等属性能够得到漂亮的边框效果，制作出精美的音画贴图网页。

　　创建嵌套表格的操作方法，先插入总表格，然后将光标置于要插入嵌套表格的地方，继续插入表格即可。

　　1、将光标放置在文档窗口要插入表格的位置，单击常用插入栏“表格”按钮，插入一个1行1列的表格一，宽度500像素，高度100％，边框为0，单元格间距为0，单元格边距为12像素。背景图像选择beij/003.gif。

　　2、将光标放置在表格一内，插入表格二，1行1列，宽度100％，高度100％，边框为0，单元格间距为0，单元格边距为12像素。背景图像选择beij/002.gif。

　　3、将光标放置在表格二内，插入表格二，1行1列，宽度100％，高度100％，单元格间距和单元格边距都为8像素，边框为10，边框颜色为#FEE4ED。背景图像选择beij/005.gif。

　　4、将光标放置在表格三内，选择单元格的背景图像为beij/006.gif。添加文字“恭贺新禧”，字号68px，字体为隶书，颜色为#A51008。

　　

　　三、表格的格式化

　　做好的表格能够使用DW提供的预设外观，能够提高制作效率，保持表格外观的同一性，同时样式提供的色彩搭配也比较美观。

　　插入一个5行6列的表格，表格的宽为500像素，高为300像素，边框、单元格间距和边距全为0 。

　　选择表格，居中对齐表格后，执行命令/格式化表格，弹出“格式化表格”对话框，我们选择AltRows red格式，单击“确定”表格的样式就设定好了。