*****音画制作入门（学习资料）

来源：百度文库编辑：神马文学网时间：2024/04/27 23:52:07

一、做边框:
一、将边框代码复制粘贴第一次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为700，看看效果怎样；

看看效果：
二、依然将开始那段边框代码复制粘贴第二次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为680，将cellSpacing的值设为10，看看效果怎样；

第二次看效果:
三、依然将开始那段边框代码复制粘贴第三次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为660，将cellSpacing的值设为10，看看效果怎样；

第三次看看效果:
四、依然将开始那段边框代码复制粘贴第四次，在图片地址处粘贴纯色图片地址，将整个边框的宽度（width）设为640，将cellSpacing的值设为10，看看效果怎样；

第四次看看效果:
小结:
1、说白了,做音画的边框,实际上就是做表格框.由不同颜色的表格框层叠起来,四周没有被遮盖的部分就形成了边框；
2、做几层边框你就把开始的那段边框代码复制粘贴几次，修改一下宽度，粘贴不同颜色的图片地址就行了；
3、现在看来这个四层的边框很小，但只要一把内容放进去，它就会扩大了。内容放得越多，边框就会自动撑得越大。
那么,又怎样在做好的边框内添加内容呢?
二、怎样在边框内添加内容
下面是第一步做边框的四层边框代码:

音画的第二步就是添加内容:(图片、动画和文字等)
下面这段蓝色代码就是添加内容的代码，将它添加在上面红色代码后面。

加入这段蓝色代码后的效果：

',1)">

按要求粘贴图片地址、动态小图地址和动画地址，（在代码编辑窗口编辑），然后点击一下<>按钮,回到日志编辑状态,在图下输入文字.
最后将音乐播放器代码添加在所有代码的后面，粘贴一个网络传输效果好的、又合主题的音乐地址就行了。隐形播放器代码如下:

做好后本来最后还有一段结束标记代码，这个可以不管，系统会自动生成。
三、怎样在音画的一幅图片上做出文字的移动效果
怎样在音画的一幅图片上做出文字的移动效果呢?其实就是和在一般背景图片上做移动效果一样.这些文字移动效果都是在导入背景图片的那段代码后面加上一段文字移动效果的代码，我们就可以根据这个特点去做音画的文字移动效果。
请看下面这段音画代码就知道在哪里做文字特效了：
这红色代码是音画的边框代码,蓝色代码是在边框内添加内容的代码,桔黄色代码是音乐播放器.

后面如果没有动画就在这里做移动文字特效

如果有动画就在这里做移动文字特效

四、怎样在音画边框内添加更多的内容
这是一段四层边框、一幅主体图片的代码：
红色的是边框代码，蓝色的是在边框内添加内容的代码，桔黄色的是蓝色代码部分的结束标记。

如何在这个边框中增添更多的内容？（即图片、动画、动态小图和文字）
1、如果你还需要添加几幅图片，那就将蓝色代码和桔黄色代码复制粘贴几次续接在被复制的那段代码之后，按要求粘贴网址，代码中图片的宽度和高度要调到与原图片在属性中查得的宽度、高度一样；
2、一幅图片上也可添加几个透明flash动画，同样是将动画代码复制粘贴在动画代码之后，将动画的宽度和高度调到比图片的宽度和高度小一点；就是下面这段代码：

3、动态小图也可随意添加，需要添加几个动态小图，就将那段代码在原位置下面复制粘贴几次，当然也可复制粘贴在没有动态小图的位置，然后粘贴网址。就是下面的代码：

4、呈日志编辑状态，可以在图片中输入文字，也可在图片与图片之间输入文字；点击<>这个按钮进入代码编辑状态,就可以编辑文字特效。
全部做好后，就在最后加上音乐播放器，粘贴上音乐网址。就是下面这段代码：

五、怎样在音画中做梦幻效果
做梦幻效果的方法：
就是在添加内容的代码中（蓝色代码 TABLE这个元素后面）添加一个CSS滤镜的梦幻效果代码---style="FILTER: Alpha(opacity=100,style=2)" 很简单，识破不值半文钱！
音画代码:红色代码是边框代码,蓝色代码是添加内容的代码,桔黄色代码是添加内容代码部分的结束标记.

六、怎样用代码做外边框和内边框
做外边框的代码：

这里是文字的输入地方，随着文字的增多，边框就逐渐放大。可以放加入背景图片的代码，在这里还可以放一个或多个动画代码（做多层透明flash动画）。

说明：红色代码是右边框；绿色代码是上边框；深蓝色代码是左边框；桃红色代码是下边框；天蓝色代码是边框内面背景颜色；黄色代码cellSpacing=0是限制内边框与外边框距离的，“0”表示没有距离，是可以改变的。（这段代码里没有内边框代码）#号后面的00ff00是颜色代码，可以变换，要改变边框颜色就要将四边#号后的代码变为同一个代码，否则，四边的颜色就会不同。颜色代码可以在颜色代码表里找；10PX是表示外边框的宽度，数值可以改变；
怎样加进内边框？
1、代码：

2、说明：
A、“=”号后的“1”可以变为“2”或“3”，不可改得太大，因为这是限制内边框宽度的，太宽了就不好看了；
B、做几个内边框，就将这段代码放开头那段代码的

后，（即“文字”前）并复制粘贴几次;
3、以做三个内边框为例：也就是将内边框代码复制粘贴三次放于开头那段代码的

后，（即“文字”前）边框的宽设为“1”，代码变化如下：

看看将限制内边框与外边框距离的代码cellSpacing=0改为等于“5”后的效果
七、打造水晶博客感觉的边框代码
代码：

标题

这里是输入文字的地方，还可以放图片代码、Flash动画代码和gif动态小图代码。

说明：红色的是边框的颜色值，可以改变（见颜色代码表），绿色的是标题背景的颜色值，也可以改变（见颜色代码表），蓝色的“27”是标题栏的宽度值，也是可以改变的。
看看效果：
标题
输入文字的地方

*****音画制作入门（学习资料）音画制作入门音画制作入门1 音画制作入门技巧音画制作入门技巧音画制作入门技巧音画制作入门1 音画制作入门2 音画制作入门76 音画制作入门制作图文并茂的文章（学习资料）音画制作入门技巧知识日语入门学习资料汇总日语入门学习资料汇总学习HTML语言音画制作迎客松《音画制作入门》第九节音画制作入门---怎样做边框 1 音画设计:音画制作实例学习制作笔记:学习制作图文音画（收藏）音画制作入门---怎样做边框 - 三月飞春雪的日志 - 网易博客【代码学习】音画制作代码集音画贴制作从入门到精通教程【空间学堂】音画制作入门---怎样做边框日语入门学习资料汇总(2010.6.18更新)