〔音画教程〕教你制作漂亮的HTML代码帖.docVIP

【音画教程】教你制作漂亮的HTML代码帖 制作HTML代码帖并不难，但你要有足够的细心和耐心。有的朋友喜欢用软件编辑帖子，有的朋友喜欢用HTML代码编辑帖子。我觉得用HTML代码编辑帖子虽然麻烦一些，但是会很快掌握编辑帖子所需的HTML代码知识，并且会修改帖子的错误代码，知道错误出在什么方。 注意事项： 一： 准备好编辑帖子的素材。如：边框素材，图片，文字，背景音乐，透明FLASH等。 二： 制作帖子的图片最好是组图，图片宽度WIDTH一致。宽度不一致会影响帖子的整体美观。 三： 图片的颜色和帖子边框的颜色要协调，不要把帖子编辑的太花哨，以免喧宾夺主 四： 由于每个人电脑的分辨率不同，观赏帖子的视觉效果也有不同.1024x768的分辨率可以完整地看到帖子的全部。800x600的分辨率则不能. 五： 发表帖子时，一定要先点击“发帖栏”右下方的“HTML”模式，去掉“自动修正”前面的“勾”。然后把帖子代码复制到“发帖栏里。再点击“发帖栏”左下方的“Design”模式。预览，发表。否则，会出错。 一开始就觉得复杂了吗？别心急，慢慢看下去。先开始第一个步骤吧： 我们先把制作HTML代码帖子所需要的边框素材地址，图片地址，透明FLASH地址，背景音乐地址等。一一罗列出来，并加以注明。刚开始学可不必编辑太复杂的边框和内容。要循序渐进。编辑帖子就是一个创造和构思的过程。要有条有理，有条不紊。这样可以繁而不乱，不容易出错。熟练地掌握表格的嵌套技巧并不是很困难，只要你思路清晰，对表格的整体嵌套构架做到心中有数，在实际编辑时就不会出乱。 好了，编辑帖子所需要的素材都准备就绪了。我们开始编写HTML代码。我们先把边框素材的图片示列如下,以便参照。 1。打开个发主题帖子编辑栏 2。点插入表格不用设置 （直接点确认，默认设置即可）?? 3。点击HTML，进入HTML模式里编辑，如下图： 我们可以看到边框自动变为代码如下： TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 width=100% bgColor=#ffffff border=1 TBODY TR TD /TD/TR/TBODY/TABLE???? 4。然后把代码稍微修改一下 把其中的bgColor=#ffffff去掉，换上background= 图片地址，把border=1改为border=0 ，cellSpacing=2 把2修改得大一点，比如20 ，数越大，边框越宽。 5。这是第一层，转换为DESIGN模式，看一下效果。 下面是第一层的全代码： TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width=100% background=/UploadFile/2004-11/2004118215628588.bmp border=0 TBODY TR TDnbsp;/TD/TR/TBODY/TABLE 效果如下： 效果还不好，我们接着做第二层： 1。把第一层的上半部分复制，TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width=100% background=/UploadFile/2004-11/2004118215628588.bmp border=0 TBODY TR TD 把图片地址就改一下就好了 。?? ?? 2，然后少作修改就可以了 。 TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width=100% background=/UploadFile/2004-11/2004118213852379.bmp border=0 TBODY TR TD cellSpacing=1 把原来的20改为了1。 这是第二层 。然后把第一层跟第二层的代码放在一起，代码如下： TABLE borderColor=#cccccc cellSpacing=20 cellPadding=3 width=100% background=/UploadFile/2004-11/2004118215628588.bmp border=0 TBODY TR TD TABLE borderColor=#cccccc cellSpacing=1 cellPadding=3 width=100% background=/UploadFile/2004-11/2004118213852379.bmp border=0 TBODY TR TD 记得加下边的后缀部分 /TD/TR/TBODY/TABLE??/TD/TR