上次我贴出了我自己学习制作音画帖子的一些笔记，受到全世界四分之三的人民的响应和声援，让俺的自学积极性顿时高涨～～。
许多朋友们积极练习，在实践中掌握提高，真是一派莺歌燕舞的大好形势啊。尤其值得高兴的是，大家都还能继续把学习当娱乐，而这正是我们自言自语学习音画帖子的目的。
经过上一阶段的学习，我们都至少能够做到套用现成的音画帖子框架，用填空试的简捷做法，去音画版发出我们自己的美图精乐。
我们同时，也遇到一个现实的问题：如何自己来调整帖子框架的大小，和改动帖子框架的风格。而这就涉及到框架的基础结构了。所以，这次我们的自学练习，目的就是了解音画帖子框架的结构基础，为我们从套用到自编打下一个好基础。
那么，音画帖子的框架，是如何整出来的？
让我来用图例解释吧：
请看这个用得多的框架：（为了解说方便，我略改动了一下这个框架）
它其实是几张图片重叠镶嵌演变出来的：
图1
图2
图3
图4
看出来了吗？
所以，帖子的框架的奥秘，其实就这么简单：做格子。
只要你会做一个格子，你就会做框架了。那么我们要学习的重点，就是先学会做一个格子。对，一个格子！
做格子，其实就是告诉一下计算机，你想要的格子模样，计算机就会老老实实给你画出来。那么要告诉计算机一些什么呢？
首先，你要告诉计算机来画格子；其次呢，你要告诉它你想要一个多大的，什么模样的格子。
那么，一般都是要告诉计算机哪些具体的东西，它才能给你画一个格子出来呢？一般来说，你告诉它画格子，这点就可以了，但是我们是要求多的人，所以我们要告诉它多一些的要求：
宽度 (width)
高度 (height)
背景 (background)
边线宽 (border)
边线颜色 (border color)
等到我们学习画格子深入了，我们会练习到更多的“要求”。以上这几个，基本上可以满足我们今天练习的需要。
下面我们来看看，这些要求在格子上的具体表现：以上头的图4为例：
宽＝460
这个格子，宽度＝460， 高度＝160， 背景＝图片（地址），边线宽度＝2， 边线颜色＝红色
把这个话，用计算机能够听得懂的语言（代码）讲出来，就是这个样子：
<table width=460 height=160 background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg border=2 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
上头这段计算机话，翻译成大白话就是：
《格子 宽度＝460 高度＝160 背景＝(图片地址) 边线宽度＝2 边线颜色＝红色》
《格子主体》
《格子横行》
《格子竖列》
《格子竖列结束》
《格子横行结束》
《格子主体结束》
《格子结束》
你会发现，画一个格子，还得说不少罗嗦话呢。但是一定要记住，画格子的时候，这些罗嗦套话一句也别少。其实决定格子模样的，只是第一行里头。
下面，我们来做几个练习。
练习一：那个红边线，怎么去掉它？回答：把边线宽度改成零就是：
先复制全部代码：
<table width=460 height=160 background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg border=2 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
改动边线（border），使其为零。这时代码变成如下：
<table width=460 height=160 background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg border=0 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
看看效果，见下：
红边线去掉了。
练习二：不喜欢长方形，要弄成正方形。回答：把格子的宽度和高度调整成一样大小。
先复制格子全部代码
<table width=460 height=160 background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg border=2 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
把宽度跟高度设定成一样的， 就都用460吧， 这时改过的代码是这样的：
<table width=460 height=460 background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg border=2 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
看看效果，见下：
练习三：我想换一个背景，该如何办？回答：把背景图案的地址改成你喜欢的图案地址就可以了。
首先，我们来找一个新图案。清雅茉莉斑竹在她的《边框背景图片集锦》中，有好多图片，我来挑一个看看。
打开她的帖子，就选那个向曰葵图案的吧！把鼠标移动到向曰葵图案上，单击右键一次，拉下操作菜单到最下头，看属性，然后复制图片的地址。[img]http://bohan.cnsuk.net/attachments/forumid_2007/290_JwwGmPyjrOii.jpg[/img] 【注：这个地址又是带有超级链接的，使用时要移出链接】
现在来做练习，首先是把格子全部代码复制下来：
<table width=460 height=160 background=http://xz1.2000y.net/348114/uploadpic/2004113022327180.jpg border=2 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
然后用刚才那个向曰葵图案的地址，取代掉上头的背景图案地址，于是改过的代码看起来是这样：
<table width=460 height=160 background=[img]http://bohan.cnsuk.net/attachments/forumid_2007/290_JwwGmPyjrOii.jpg[/img] border=2 bordercolor=red>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
看看效果，见下：
通过上头的三个练习，我们可以看到，在 < > 里头改换各种数据以后，计算机会严格按照你的要求，来画格子的。
提示：
1。宽度，高度等使用的数值，是“象素”。你就当它是尺寸吧。在我们做练习的时候，建议不要把它们设定得大于600。为啥呢？试试就知道了。
2。边线的颜色，除了可以使用英文red（红），blue（兰）等等以外，可以使用我转贴的《中英文颜色代码》。比如，你想使用粉红来装饰边线，即可使用英文：bordercolor=pink, 也可使用调色盘代码：bordercolor=#FFB6C1.
有兴趣的朋友们，不妨做一些练习，来看看改动这个格子的各种设定，会出现一些什么效果。
匆忙写就，不怕出错，就怕把读者弄晕倒了。疑问之处，请提问题。
border=10>
