［论坛音画制作入门］第九讲：代码的总合成和调试

一、音画模板：
以下是一个音画的基本模板，请复制并用记事本保存为文本文档。注意：<!-- 背景代码开始 --> 这样的代码是代码中用来注释和说明的，其红色字部分根据你的需要写，它只会在代码中显示，不会在网页中显示内容的。

<!-- 背景代码开始 -->
<table style="LEFT: -背景左移数据px; POSITION: relative; TOP: 100px" width="1000" height="表格高度" background="图片网络地址">
 <tr>
 <td></td>
 </tr>
</table>
<!-- 背景代码结束 -->
<!-- 动画代码开始 -->
<EMBED tital="动画名称" style="LEFT: 水平移动的像素值px; POSITION: absolute; TOP: 垂直移动的像素值px" src=你的动画的网址 width=动画的宽度 height=动画的高度 type=application/x-shockwave-flash; wmode="transparent" quality="high"></EMBED>
<!-- 动画代码结束 -->
<!-- 音乐代码开始 -->
<OBJECT id=MediaPlayer codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject height=0 standby="Loading Microsoft? Windows Media? Player components..." width=0 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="
音乐网址"><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="50"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="-1"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="13229"><PARAM NAME="_cy" VALUE="10583"></OBJECT>
<!-- 音乐代码结束 --> 





二、写入代码数据：

将红色部分填入我们需要的数据，这样我们就得到了以下的，音画的可运行的代码了：

<!-- 背景代码开始 -->
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" width="1000" height="440" background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">
 <tr>
  <td>　</td>
 </tr>
</table>
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" width="1000" height="440" background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_a4fe79d47ed7ab9.jpg">
 <tr>
  <td >　</td>
 </tr>
</table>
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" width="1000" height="440" background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_16dd62c7e2e2c8a.jpg">
 <tr>
  <td >
</td>
 </tr>
</table>
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" width="1000" height="440" background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_798bec85931cc0f.jpg">
 <tr>
  <td >　</td>
 </tr>
</table>
<table style="LEFT: -220px; POSITION: relative; TOP: 100px" width="1000" height="440" background="http://ai.img1001.com/uu_0912_4/xlfcd_15_2_1badd06ca63e071.jpg">
 <tr>
  <td >　</td>
 </tr>
</table>
<!-- 背景代码结束 -->
<!-- 动画代码开始 -->
<EMBED tital="春雨" style="LEFT: 538px; POSITION: absolute; TOP: 1368px" src=http://ai.img1001.com/uu_0912_3/xlfcd_28_5_19150fb5065659b.swf width=461 height=375 type=application/x-shockwave-flash; wmode="transparent" quality="high">
<EMBED tital="春雨" style="LEFT: 486px; POSITION: absolute; TOP: 1404px" src=http://ai.img1001.com/uu_0912_3/xlfcd_28_5_19150fb5065659b.swf width=481 height=372 type=application/x-shockwave-flash; wmode="transparent" quality="high">
<embed tital="春雨" style="LEFT: 437px; POSITION: absolute; TOP: 1434px" src=http://ai.img1001.com/uu_0912_3/xlfcd_28_5_19150fb5065659b.swf width=460 height=393 type=application/x-shockwave-flash; wmode="transparent" quality="high"> </embed>
<EMBED tital="光" style="LEFT: -100px; POSITION: absolute; TOP: 900px" align=right src=http://ai.img1001.com/uu_0912_1/xlfcd_28_2_bc4193daaf16d51.swf width=369 height=369 type=application/x-shockwave-flash ; quality="high" wmode="transparent">
<!-- 动画代码结束 -->
<!-- 音乐代码开始 -->
<OBJECT id=MediaPlayer codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject height=0 standby="Loading Microsoft? Windows Media? Player components..." width=0 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="
http://www.chyey.com/yy/cyy/%C1%E9%BB%EA%D6%AE%D2%F4.mp3"><PARAM NAME="rate" VALUE="1"><PARAM NAME="balance" VALUE="0"><PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="defaultFrame" VALUE=""><PARAM NAME="playCount" VALUE="1"><PARAM NAME="autoStart" VALUE="-1"><PARAM NAME="currentMarker" VALUE="0"><PARAM NAME="invokeURLs" VALUE="-1"><PARAM NAME="baseURL" VALUE=""><PARAM NAME="volume" VALUE="50"><PARAM NAME="mute" VALUE="0"><PARAM NAME="uiMode" VALUE="full"><PARAM NAME="stretchToFit" VALUE="0"><PARAM NAME="windowlessVideo" VALUE="0"><PARAM NAME="enabled" VALUE="-1"><PARAM NAME="enableContextMenu" VALUE="-1"><PARAM NAME="fullScreen" VALUE="0"><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIFilename" VALUE=""><PARAM NAME="captioningID" VALUE=""><PARAM NAME="enableErrorDialogs" VALUE="0"><PARAM NAME="_cx" VALUE="13229"><PARAM NAME="_cy" VALUE="10583"></OBJECT>
<!-- 音乐代码结束 -->

复制以上代码到论坛去发表音画，观察效果，进行代码粗调试。


三、用软件调试音画：

        如果发现音画没有达到预期的效果，那么我们就要进行调试了，首先，点击编辑，点到代码状态下，把表格和动画的大小等参数进行调整。调整中比较难的是动画，首先是动画的宽和高的尺寸是否合适，这只能在发表后自行观察，先把大小弄合适。不要担心调大了会影响效果，动画一般都是矢量图，调大小不会影响像素表现的，这是矢量图的优点。如果你觉得一点点的修改参数太麻烦，那么你可以用网页编辑软件来进行，如Dreamweaver和Microsoft Office FrontPage这两种软件都可以进行网页编辑。根据我最近的经验，Microsoft Office FrontPage软件和论坛的兼容性有些不好，它会改变部分代码，使之在论坛中失效。还是用Dreamweaver更好些。

1、首先我们要对原代码进行一些修改才可以在软件中调试，LEFT: -220px左移数据改为：LEFT: 0px 也就是不进行左移，因为用软件编辑并预览时它是用原始网页的方式显示的，如果你左移了的话，动画和图片在预览中就对位不准了。另外，论坛里发的音画是在帖子框里的，它和网页的顶部是有个距离的，如下图红色箭头所示：

        那么怎么知道这个高度呢，而且，这个高度在不同的论坛是不一样的。
        你可以用qq的截图或者其它的截图软件，截取一个高度刚好是浏览器顶部和帖子顶部的距离的图片，然后查看这个图片的高度是多少，记住这个数据，我的实例中是378，然后再加上我的音画固有的距离帖子框顶部的像素值100，最后得到我要修改的置顶参数为478，所以，我将代码中的表格风格 style="LEFT: -220px; POSITION: relative; TOP: 100px" 修改为：style="LEFT: 0px; POSITION: relative; TOP: 478px"


在Dreamweaver软件中具体的操作见列图示：

最后，我们能看到如下的预览效果：如果发现还不理想，再到Dreamweaver软件中进行调整。

如果觉得已经可以了，就可在Dreamweaver中点到代码状态下，复制所有代码到论坛里发帖子了。