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

来源：百度文库编辑：神马文学网时间：2024/04/28 22:36:59

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

左移数据px; POSITION: relative; TOP: 100px" width="1000" height="表格高度" background="图片网络地址">

二、写入代码数据：

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

http://ai.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg">

http://ai.img1001.com/uu_0912_4/xlfcd_15_2_a4fe79d47ed7ab9.jpg">

http://ai.img1001.com/uu_0912_4/xlfcd_15_2_16dd62c7e2e2c8a.jpg">

http://ai.img1001.com/uu_0912_4/xlfcd_15_2_798bec85931cc0f.jpg">

http://ai.img1001.com/uu_0912_4/xlfcd_15_2_1badd06ca63e071.jpg">

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

三、用软件调试音画：

如果发现音画没有达到预期的效果，那么我们就要进行调试了，首先，点击编辑，点到代码状态下，把表格和动画的大小等参数进行调整。调整中比较难的是动画，首先是动画的宽和高的尺寸是否合适，这只能在发表后自行观察，先把大小弄合适。不要担心调大了会影响效果，动画一般都是矢量图，调大小不会影响像素表现的，这是矢量图的优点。如果你觉得一点点的修改参数太麻烦，那么你可以用网页编辑软件来进行，如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中点到代码状态下，复制所有代码到论坛里发帖子了。

［论坛音画制作入门］第九讲：代码的总合成和调试［论坛音画制作入门］第四讲:读懂音乐代码［论坛音画制作入门］第二讲:?读懂表格代码［论坛音画制作入门］第十二讲：音画中的移动代［论坛音画制作入门］第六讲：如何找到动画并保存网址音画制作的代码与方法 - 音乐地带 - 钟祥论坛 - 【制作代码】音画制作代码博客代码入门制作好的音画制作代码集憧憬的音画制作代码集微型调频发射模块的制作和调试音画制作入门音画制作入门1 音画制作入门技巧音画制作入门技巧音画制作入门技巧音画制作入门1 音画制作入门2 音画制作入门76 音画制作入门音画制作代码集。。音画制作代码全集音画制作代码集音画制作代码集