辽中县流氓杨旭:［论坛音画制作入门］

来源：百度文库编辑：九乡新闻网时间：2024/04/29 07:40:19

河山石个人图书馆收藏

［论坛音画制作入门］
第一讲: 简单代码基础和准备工作一:代码的结构：所有的代码都是由这样的结构组合而成的： <定义功能参数>内容<结束> 比如我们要将一个代码里面嵌入另个代码(只将\"内容\"部分用完整代码覆盖就可以了): 如: <功能1 参数1><功能2 参数2>内容2<结束2><结束1> 二:代码中用到的字符号: 2.1:<>\"符号必须是英文状态下的半角字符.位置在键盘的“,”和\".\"符号上面. < 表示代码定义的开始, > 表示代码定义的结束. <> 这是一个完整的控件标签，<>中间的内容便是一个控件的内容，无论它多么长，都只是一个控件项目。这一点在阅读代码时非常重要，看清楚这个你才能从宏观上去掌握代码的骨架结构。 2.2:空格符号\" \":在任何一个代码定义与定义之间必须用空格符号来间隔. 如:,绝对不能写成: ，如果写成这样，网页软件便会理解成一个单词，无法执行，无法执行的代码，网页便会以直接显示原码或者过滤掉根本不显示。 2.3:代码定义中定义字符不区分大小写:如和是一样的效果.只是我们在写的时候用不同的写法有利于我们自己读懂自己的代码. 三:常用的代码含义: 3.1:功能定义代码(定义这段代码的作用): TABLE = 表格代码 TBODY =嵌套表格的层标签。 TR =表格的行 TD =表格的列 img = 图片代码 FONT = 文字代码 marquee = 移动代码 A = 超链接代码(可点击) EMBED = SWF播放代码 bgsound = 背景音乐声音代码 3.2:参数定义代码(定义代码的显示参数): face = 定义文字部分显示字体 size = 字号(文字大小) href = 超链接地址指向 src = 文件地址 width = 对象的宽度 height = 对象的高度 border = 边宽度 color = 颜色 bgcolor = 背景颜色 style=\"内容\" 风格特性 cellpadding=\"0\" 边距 cellspacing=\"0\" 间距 background 背景文件地址 bordercolor =全边边沿颜色 bordercolorlight =上边沿颜色 bordercolordark =下边沿颜色 align =center = 显示位置在中间 align=left = 显示位置从左边开始(左对齐) align=right = 显示位置从右边开始(右对齐) 3.3:参数的表示规范: 3.31:字体:以你电脑里面有的字体全名来定义: 如:face=宋体 face=黑体 face=仿宋 (注意:当别人电脑里面没有的字体将以他系统默认的字体来显示,如我定义我的字体为:face=草书我可以看到实际的草书字体,你们只要没安装\"草书\"字体的看到还是你系统默认的\"宋体\"来显示给你看) 3.32:大小: 1:字体的大小,一般由4到7来表示,不支持8或以上的字号,如:size=6正确 size=8就是错误. 实例: size=3 size=5 size=7 2:另一种固定表示大小的是\"点阵\",包括各种长度和宽度和大小的定义都用这种表示方法:用数字来表示.如: width=400 height=80 等等.(点阵是指:定义用多少个点的长度,如width=400表示用400个点的距离来定义长度,就是400点长.) 实例1:

实例2:

3:还有一种不固定表示大小的方法是百分数:百分数是建立在我们定义的区域范围内产生的. 如:我们定义一个西瓜为100%或10斤,这就是总量.百分数都是建立在总量里面的.然后我们再分这个西瓜:你分50%,他分30%,我分20%,再来人就没得分的了. 其中的总量也是可以以百分数来表示,但这个总量也是建立在更大的总量下的. 实例1:

实例2:以显示区域为总量来分,定义总量为显示区域的40%.或100%:

3.33:地址:1:文件地址:是指文件在网络上的绝对路径.如: 2:链接地址:是指网络任意地址.能正常打开的. 3.34:颜色:一般用RGB颜色编码来表示最简洁.但缺点就是不容易读懂,也可以用颜色的标准英文名来表示: 如:color=ff0000 color=red color=0000ff color=blue color=008000 color=green搞不清楚这个，没关系，在PS中设定一个你想要的颜色，然后查看它的颜色代码就可以了。四:简单的代码解析: 1:代码: 本讲结束,待续..... 2:实际效果（文章最后）: 附:如何在自己的电脑上面检验自己制作的代码效果? 第一步: 点开我的电脑--- 最上面一排菜单中找到“工具”--- “工具”中找到“文件夹选项”--- “文件夹选项”最上面一排中找到“查看”---- “查看”的下面找到“高级设置”---- “高级设置”中找到“隐藏已知文件类型扩展名”--前面有V的将前面的“V”取消。点右下角的”应用“，再点确定。以上的设置比较重要，只有这样设置后，你电脑里的所有文件才会显示文件的扩展名，你才可以修改扩展名。第二步：在你的硬盘里面建立一个文件夹，位置和名称你自己定，你要记住位置和名称哦。忘了？打你屁屁。第三步：点电脑左下角的开始--》程序--》附件--》“记事本”。第四步：将你编辑好的代码贴到记事本里面。或直接进行代码编辑。第五步：编辑好以后点记事本左上方的“文件”--“另存为”。第六步：“另存为”框中的设置： 1：在“保存在”右框中找到你刚建的地址。 2：先在下面“文件类型”中选“所有文件”。编码选“ANSI”。 3：“文件名”中随意写\"名字.htm\"（警告：文件名必须以\".HTM\"或\".HTML\"结尾.\".\"点符号也必须是英文状态下的\".\",不能是中文状态下的\"。\"符号。字母不区分大小写如“效果.HTM”或“代码.HTML”）。 4：点“保存”。第七步：找到你保存的位置，找到你刚保存的文件名字。用鼠标左键“双击”。看到效果没？。。看到的请举手。发个棒棒糖。舔去。。。。没看到效果的检查代码。第一到第三步仅仅一次设置，以后你修改代码只需要进行第四到第七步就可以了。论坛音画制作入门］第二讲: 读懂表格代码一：表格代码的基本结构： 1:功能结构 <功能参数><分表参数>内容<分表结束><功能结束> 2:代码结构结构1(简单的表格):

显示内容

二、实例分析: 一个要在论坛里宽屏显示图片的代码：

这个代码说明了什么呢？首先我们先简化一下如下：

1、结构标签解释：从

开始到

结束。告诉电脑我这里有一个表格。从

开妈到

结束，告诉电脑在这个表格中有一行表单。从
开始到
结束，告诉电脑在这一行表单中有一列表单。这个看懂了吧，这样你对这段代码便有了宏观的把握，不至于扰乱思路。这是一个最基本的表格代码，这是一个组合，

表格一般不会单独出现,

这是一个单元格，如果没有单元格的代码，在许多网页中，表格参数也就失效不显示效果了。参数：上面的代码没有任何参数，那么，它的参数就全部是默认的了，在软件中就是软件默认的参数，在网页中，就是网页的默认参数。实例的表格参数如下： 2、基本参数解释： align=center align= 是定义表格内容的显示位置,align=center:是居中 align=left:是左对齐 align=right:是右对齐 border=\"0\" cellpadding=\"0\" cellspacing=\"0\" 这是表格的显示效果，依次为“边宽”、“单元格间距”、“单元格边距”，这里设置为0像素，就不会有任何表格框的显示，在一般音画中可省略这些代码，因为默认的情况下，表格是不显示框架的。在许多有边框的祝福音画中，利用这些参数，合成边框效果。 bordercolor=#ff0000 定义表格边的颜色为红色。 width=\"1000\" 定义了这个表格的宽度为1000像素。 height=\"440\" 定义了这个表格的高度为440像素。 bgcolor=#0000ff 定义表格的背景颜色为蓝色。 background=\"背景的地址\"> background=\"http://aa.img1001.com/uu_0912_4/xlfcd_15_2_df8bdca95909ddd.jpg\"> 这定义了这个表格的背景用图片显示，网址是：地址的引号也可省略。 3、风格参数解释：这部分是表格的风格特性参数，style=\"\" 这是风格参数的格式，引号内是参数内容。参数内容：注意：有多个参数时，每个参数之间要用;号隔开。本例中以下内容便是风格参数： style=\"LEFT: -220px; POSITION: relative; TOP: 100px\" LEFT: -220px 表示这个表格，要在母表格的基准上向左移动220个像素。在论坛中发音画，经常用这个参数，因为论坛发的帖子内容，本身在论坛网页软件的一个表格中，如果不用这个参数，超过论坛帖子表格宽度的图片等内容便不能全部显示了。至于移动多少，这和你所在的论坛的左边条宽度有关，发帖子时，要进行不断的修改，才能达到图片等刚好能全屏显示。注意：你的图片一般不要超过1000PX，超过了，无论你怎么调参数都不会全屏显示你的图片了。除非你的显示器屏幕特别大，都能把显示格式选择为2048x1536。 POSITION: relative 表示这个表格和母表格的坐标关系，relative 是相对关系，表示本表格的所有参数坐标是以母表格为基准坐标的。absolute 是绝对关系，表示本表格的所有参数坐标是以总网页为基准坐标的。 TOP: 100px 表示这个表格距离顶部的像素距离。这个参数的具体效果和上一个坐标关系的确定有关，好好想想，能明白了吧。另外,风格参数等不只可用在表格，也可用在其它标签中，例如：

三：注意事项: 1:数据的分配要准确: 如果你将一个总表格分为多个单表格来处理,就要定义每个单表格的长和宽度.每个单表格加起来的总长和总宽要和总表格一致. 例1:总宽是200 总高是60 左右分 100x60+100x60=200x60 就和总宽高一样

我是芳草

我是明月

例2:总宽是200 总高是60 上下分 200x30+200x30=200x60 就和总宽高还是一样

我是星空

我是明月

2:固定表格数据并不是真的完全固定,会随着内容的大小和多少来自动调整宽高. 例1:我们固定总宽为300 总高为30.

心灵芳草个欢迎你

我们看到实际将表格挤高了.超过我们的规定,我们一定要记住这一点.要根据实际内容的宽高来调整表格的大小.才能达到理想的效果. 四、代码的简化：在音画中，表格一般用来显示图片，也就是说只要能按我的要求显示图片就可以了，所以，有许多代码并不是必须的，多余的代码可以省略。从本例看实际上只是要用背景方式在表格中显示图片，所以代码可以简化为如下：

其它的对齐、边框，格距，格边距，背景色等都是不需要的了。［论坛音画制作入门］
第三讲: 读懂动画代码原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 一：动画代码：在网页中一般直接支持SWF,WMV,WMA，mp3格式的影音文件，我们音画用得最多的是swf格式，在这里以此为例。 1:功能结构 <功能参数地址>附带内容<功能结束> 2:代码结构结构1(简单的动漫代码,只按照原大小直接显示播放):

例如:

二、音画中动画代码的结构: 以上的简单代码在音画中用得不多，以下按规定显示的模式插入动画的代码才有意义。

参数说明:宽高等参数和表格的参数意义相同，在这里只解释动画相关的新代码。 1、

是代码功能结束。在

之间，可以写上显示的内容，如：

欢渡春节这样在动画上面便会有欢渡春节的字显示出来，可以用代码插入其它内容。在音画中一般不会插入内容。［论坛音画制作入门］
第四讲: 读懂音乐代码原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 音画中插入音乐的代码有以下方式：一、媒体插入方式：缺点是要下载完成才会播放。方法和上一讲的动画插入方法一样，只是代码要简单得多：

二:背景音乐代码:缺点是要下载完成才会播放。代码结构例: 结构说明: <> 是表示定义的开始和结束, bgsound 是定义这段代码功能是"音乐声音"代码, loop= 是定义音乐播放次数，在音画中没什么意思，可以不用。 src= 是定义音乐文件的真实地址. 三、利用发帖子的论坛本身的插入多媒体，这个方法最好，因为各论坛对媒体的代码支持程度不一样，这个方法可靠性最高。要注意的是，播放器本身不要显示的话，要将播放器的宽和高选择为0像素。以下是在秋水论坛插入播放器播放媒体后的代码，蓝色部分是需要的代码，其它的为附加功能的代码，可以不要，红色部分为宽高的参数和音乐地址，注意，要将宽高的参数修改为0。以下代码的播放支持缓冲播放，也就是说还没下载完就会播放音乐，这也很重要。

[点击下载此文件] ［论坛音画制作入门］第五讲：图片的上传和代码编辑原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 音画是由底图、动画、音乐等三个主要组成部分然后由代码在网页中组成的。底图是音画最重要的主体，是艺术表现的根本。动画是音画中的活动图像，是音画画龙点睛的组成部分，能增强底图的艺术感染力。音乐好比电影中的配音音乐，它拓展了图片的艺术表现，进一步增强底图的艺术感染力。代码是把以上的艺术元素用网页代码的形势组合在网页中的工具。它控制了以上元素在网页上的布局位置和大小，使所有的元素成为有序的排列和组合。以上就是音画的基本组成，本教程仅讲讲音画的合成制作，底图和动画的具体制作技术那是另外的大课程，在此就不讲了。一、切割图片：为什么要切割图片呢？因为在论坛上一般不允许上传过大的图片，而在音画中经常是宽1000px高数千像素的图片，它的容量是比较大的。切割图片还有一个好处，就是会更容易在短时间内部分显示图片，以免长时间的显示白画面，造成图片链接失效的错觉。在PS中的操作见下列图：相关图片如下5图所示：二、图片的上传：这个过程就可以省略了吧，如果你这个也不会，该挨打。。。。！！三、取得图片网址：右击你上传后帖子中的图片，选择“复制图片地址”，然后新建一个文本文档，打开文档，把网址粘贴上去备用。四、组合图片的代码：对于代码和网页编辑不是很熟习的人，做音画就是拿来主义，以下提供一个模板，因为是5张分割图，所以我们把这个模板复制5个，粘贴在后面。

其实，我们要关注的只有高度和图片网址这两个项目，宽度总是1000为好，左移参数最后调。暗殇这个图片总高是2200，所以每个分割图片为440，把这个参数和5个图片的地址分别填入上面模板。得到的代码如下：

［论坛音画制作入门］第六讲：如何找到动画并保存网址原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 一、音画中常用的动画格式音画中一般只使用gif和swf这两种动画，这两种动画在网络上用得最多，并且背景可以透明显示，其中swf格式用得更为广泛，因为它自身就可以用as代码写成，并且相同帧率下它的容量更小，但swf格式的动画文件唯一的缺点就是支持它上传并可以外链的网上空间不多。二、如何取得动画： gif动画可以用PS软件制作，当然也可用flash软件制作。本讲座就不讲这个了，对于我们初学者来说，我们还是“拿来主义”至上，用网上现成的动画就行了。下面我们就说说怎样得到动画。 1、有自己的上传空间的情况：如果你有支持swf文件上传的空间，并且这个空间支持外链，那么一切就方便多了。自己换空间最大的好处是，只要你的空间还存在，那么你的动画链接就不会失效。在你的电脑上，建一个文件夹命名为：透明flash动画或者别的名字，目的是你自己以后方便找到和使用它。在百度或者其它搜索引擎中搜索“透明flash”这类关键字，直接找到动画下载的网页或网站。下载保存到你的文件夹，然后上传到你自己的空间，此方法的操作见下列3图所示：最后将你保存的动画上传，并且得到动画的网址。（过程略） 2、直接引用网上的动画这种方法省了不少事，缺点是根据来源不同，有的网站的调整时，你的动画链接会失效。我们还是在百度中搜索并打开找到透明flash的网页，如果页面上会直接显示动画的话，一般来说，这动画就可以直接应用了。那么怎么得到这些动画的网址呢？一般来说网站不会直接提供链接网址的，那么，我们就要用点技巧了，见下面的图示操作：回到浏览器窗口，关闭不相干的网页，然后如下图操作：点击-工具-internet选项相关图片：点击删除文件-确定。删除缓存进行完以后，点击浏览器的刷新按钮，刷新页面。相关图片：这时已经可以在IE缓存里找到我们要的东东了，如果你不知道IE缓存在哪里，那么请你再按下图进行操作：如前面一样：点击-工具-internet选项，这次我们在internet选项窗口中，点击-设置-查看文件，这样我们就能打开IE的缓存文件夹。相关图片如下面3图所示：选择这些swf文件并且复制粘贴到你自己的透明flash文件夹，相关图片如下2图所示：双击运行观看这些动画文件，如果你双击不能运行，那么你的电脑里没有安装flash播放器，请到网上找到它下载并安装。按下图提示进行操作：相关图片如下6图所示： IE缓存里并不止这一个动画文件，其它的用同样方法一一进行。［论坛音画制作入门］第七讲：动画的插入和代码编辑原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 一、以下是动画插入的模板，只有红色中文字的地方是我们要关注和输入自己的数据内容的，其它的根本不用动。

我们现在要插入4个动画，因此，我把上面的代码复制粘贴共得到4组代码，并填入我自己的设计数据和网址，如下：红色部分为自行填写的数据。

现在可能你要问：老师，我怎么知道那些左右上下移动的像素值和宽高的数值呢？那么，我的回答是谁也不能第一次就把这些数据算得很精确，但是我们可以根据音画页面大少和我们的动画所在的位置进行估算。比如：我们现在做的这个音画，总大小为1000x2200像素，首先我们初步确定春雨这个动画的大小为400x400，我们要把春雨这个动画放到底图中有下雨的地方，这个部位，估计是在图片的一半偏下一点，那么垂直移动的像素就在1100-1300左右。而这个部位的水平位置是在右边的位置，所以它右移动的像素值约为500。由于是向右移动因此这个数值是正数。首先一个动画，我们要确定并调试好它的大小，这个大小以它在音画中的相对大小刚好适合表现，并且不产生变形为准。然后，我们再对动画进行位置调整，调整到我们需要的位置。在这里我们用了三个同样的春雨动画，并且并位置稍错开一些，这是因为原动画的雨密度不够，我们为了增加密度而用了三个春雨的动画。如果一个就可以了，就不必用三个了。以下是加入了一个1000x2200像素大小，并且背景为深蓝色的表格的这组动画的代码，加入蓝背景是因为许多动画色比较淡，在白色透明情况下不容易观察的原因，最后有底图的音画里可以不要背景色，因为在有图片为背景的情况下，背景色是根本不能显示的。

［论坛音画制作入门］第八讲：音乐的插入和代码编辑原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 一、音乐的选择：音乐是音画的基本组成元素，它是不可或缺的。音乐的内容一定要和音画的画面协调统一，用于渲染和烘托音画的主题思想和意境。所以，音乐的插入更重要的不是技术，而是艺术创意能力。音乐要靠作者长期的收藏各种音乐，并且要有自己喜欢的分类，以便使用是容易找到合适的音乐。本人经常使用的是百度音乐搜索，一个个的欣赏并收藏。在搜索中直接写入自己音画的创意关键词，有时会有意想不到的收获。二、测试音乐并编辑代码：现在我们根据暗殇这个音画的主题，我们到百度去找“灵魂之音”这个音乐的网址。见下图操作指示：相关图片如下2图所示：然后，我们回以论坛，找个地方发测试帖子，点击：插入多媒体，根据多媒体的文件格式勾选媒体类型，在显示尺寸里均输入0，以便不显示播放器界面。见下图：相关图片如下2图所示：注意：要勾选：使用html代码最后发贴，音乐能自动播放，插入成功，但是有个问题，在芳草论坛，那个显示尺寸为0和0的选择，没有效果，它仍然有播放器的界面，我们音画只要能自动播放就行了，不希望有这个界面啊！那么怎么办呢？我们就要用别的媒体插入代码试试了。我们先用动画插入代码试试：代码模板：

将红色部分换成我们找到的音乐网址就可以了：

复制这段代码，我们到论坛发个测试帖子：相关图片如下：相关图片如下2图所示：经过测试它仍然有播放器界面，那么我们再用背景音乐代码插入音乐测试一下：代码模板：把它填入我们的音乐网址和播放次数：把这部分代码复制到论坛测试：相关图片如下：经测试用这个代码可以播放，能达到我们的要求。三、适应性最广的音乐代码：我们用见面通用的windows 网页媒体播放器插件的代码，这是适应性最广的代码，他不管论坛里的媒体播放插件是什么样的，只要支持html代码就可以用调用的方式插入音乐。既然你要发音画，html代码支持这是必须的了哦。代码模板如下：

这部分代码看上去让人头晕，但是你把它看成一个整体就行了，记住开始标志，它的意思就是在这个区间调用插件。关注红字部分我们要填写的数据就行了［论坛音画制作入门］第九讲：代码的总合成和调试原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 一、音画模板：以下是一个音画的基本模板，请复制并用记事本保存为文本文档。注意：这样的代码是代码中用来注释和说明的，其红色字部分根据你的需要写，它只会在代码中显示，不会在网页中显示内容的。

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

复制以上代码到论坛去发表音画，观察效果，进行代码粗调试。三、用软件调试音画：如果发现音画没有达到预期的效果，那么我们就要进行调试了，首先，点击编辑，点到代码状态下，把表格和动画的大小等参数进行调整。调整中比较难的是动画，首先是动画的宽和高的尺寸是否合适，这只能在发表后自行观察，先把大小弄合适。不要担心调大了会影响效果，动画一般都是矢量图，调大小不会影响像素表现的，这是矢量图的优点。如果你觉得一点点的修改参数太麻烦，那么你可以用网页编辑软件来进行，如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软件中具体的操作见列图示：相关图片如下11图所示：最后，我们能看到如下的预览效果：如果发现还不理想，再到Dreamweaver软件中进行调整。相关图片如下：如果觉得已经可以了，就可在Dreamweaver中点到代码状态下，复制所有代码到论坛里发帖子了。［论坛音画制作入门］第十讲：gif图片的插入和代码编辑原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 音画除了用swf格式的动画外，也可插入图片动画，最常见的网页动画就是gif动画。下面就讲讲gif动画在音画中的使用和代码编辑。一、上传并获得网址： gif动画在网上比比皆是，你可以收藏起来，使用时上传到网上，收藏网址备用。论坛都支持gif动画的上传。 gif动画的特点是：动作简单，画面小，一般用于边框和点缀。由于gif动画是位图，不亦过份放大，所以，一般来说gif动画并不指定大小，也就是说都使用原图片大小。二、gif动画的插入代码： gif动画一般是前景显示，所以用图片插入代码就可以插入了，代码十分简单好记，如下是图片插入代码：

img 图片插入的通用代码，图片插入代码为非区间代码，它可单独存在，用不着结束语句。在不用放大或缩小的情况下，不用指定宽高的代码。三、完整的图片插入代码：如果直接使用上面的代码插入gif动画，那么，它将会按代码出现的次序，显示在表格或其它网页元素的下面，这样便不是我们音画的要求，我们音画要求gif动画出现在背景图片上层的某个指定位置。所以，我们还要给图片加一个格式布局的标签，并给布局标签加上风格特性参数。我们使用一般布局标签p就可以了，见如下代码：

这里是布局内的内容

这里只使用了“绝对”“左移”和“距顶”参数。其参数含义和表格等完全一样，并且也可用其它如宽和高这样的参数。插入图片的完整代码如下：

这段代码说明了，在以绝对座标右移100像素和距离顶部500像素的位置有一个布局区域，在布局区内显示一张图片。我们还是用暗殇的代码来加入gif动画代码。代码如下，大字体部分为动画插入代码。

我们把这代码在论坛上发表测试效果。我们可以看到，图片的位置不合适，并用太大了，显示出的效果有些粗糙。相关图片如下：我们修改一下参数，距左参数为400距顶为1000，并删除图片宽高的代码，再看效果，可以看到图片的位置和大小改变了。相关图片如下：总结一下这一讲：图片代码由于不能分层显示并指定位置，所以，我们要加入布局标签

［论坛音画制作入门］第十一讲：文字的插入和代码编辑原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 音画中的文字分两种情况，一种是具有艺术化表现的固定文字，它一般在做底图时用ps软件加入文字，这种文字是固定的不可以在网页中修改的，但也是艺术性强的文字。另一种是在网页中直接加入文字，这种文字艺术表现相对简单，但可用代码表现动态性的文字，并且可以根据音画的需要修改文字，在祝福类的音画中，许多文字要根据对象的不同修改文字内容，所以在祝福类的音画中用得最多。本讲便讲这种网页文字的编辑。在网页中，文字是最简单的，直接在代码中加入文字就能以网页默认的字体格式显示了。但我们在音画中是要控制文字格式的，所以，文字也要用代码来控制显示效果。一：文字代码的结构： 1:功能结构 <功能参数>内容<结束> 2:代码结构结构 : 文字结构说明: <> 是表示代码的开始和结束, FONT 是定义这段代码功能是"文字显示代码原标签", face= 是定义文字的显示字体, color= 是定义文字的显示颜色 size= 是定义文字的显示大小文字是显示的实际文字内容 /FONT 是定义文字代码结束标签字之间要有一个空格。二实例分析: 例:代码1: 我是芳草会员显示效果：我是芳草会员这段代码告诉了我们，这是一段文字格式和内容的代码，字体是宋体，字的颜色是红色，文字的大小为7号字。三:注意事项: 1:代码的简化: 在代码中根据应用的位置某些定义可以简化取消,注意取消的定义项目系统将以默认的定义显示. 一般系统默认的显示定义为 "宋体黑色 3号字" 例1(省略字号,将以默认的3号字显示): 我是芳草会员显示效果：我是芳草会员例2(省略颜色,将以默认的黑色显示): 我是芳草会员实际效果: 例3(省略字体,将以默认的宋体来显示): 我是芳草会员实际效果:我是芳草会员例4(省略完,就可以不用代码了，显示为默认效果): 我是秋水一员实际效果:我是秋水一员 2.:参数的表示规范: 1:字体:以你电脑里面有的字体全名来定义: 如:face=宋体 face=黑体 face=仿宋 (注意:当别人电脑里面没有的字体将以他系统默认的字体来显示,如我定义我的字体为:face=草书我可以看到实际的草书字体,你们只要没安装"草书"字体的看到还是你系统默认的"宋体"来显示给你看)，所以，你在编辑文字时一定要考虑到这个因素，一般不要用不通用的字体，网页中通用的汉字字体不多，一般都用论坛本身支持的字体。当然，word文字编辑中的字体效果，也可在许多网页中作为一种调用字体显示，但有时会与论坛的文字字体发生冲突，造成不能按自己的要求编辑。 2:大小: 1:字体的大小,一般由4到7来表示,不支持8或以上的字号, 如:size=6正确 size=8就是错误. 实例: size=3 size=5 size=7 3:颜色: 一般用RGB颜色编码来表示最简洁.但缺点就是不容易读懂,也可以用颜色的标准英文名来表示: 如:color=ff0000 color=red color=0000ff color=blue color=008000 color=green 二、文字的插入代码： 1、单行文字：和gif动画一样，文字一般也是前景显示，所以我们也要使用一般布局标签p，见如下代码：

在这里插入文字和代码

这里只使用了“绝对”“左移”和“距顶”参数。其参数含义和表格等完全一样，并且也可用其它如宽和高这样的参数。例如：我们要在一个1000x600的单图音画的中央插入一个“圣诞快乐！”的文字，其完整代码如下：红色部分为布局代码，蓝色部分为文字代码。

圣诞快乐！

注意：文字代码必须嵌套在布局代码中，上面的代码绝对不能写成如下的形式：

圣诞快乐！这样的代码文字和布局标签便没有相关了，它只能显示在布局以外去了。 2、多行文字：如果我们要写的文字内容较多，那么我们就要用多行来显示。这里我们就要用到
这个换行代码了。如下：

床前明月光，
疑是地上霜，
举头望明月，
低头思故乡。

这段代码说明了，在以绝对座标右移500像素和距离顶部500像素的位置有一个布局区域，在布局区内显示用7号字显示一首唐诗。［论坛音画制作入门］第十二讲：音画中的移动代码原文来自： http://bbs.haogu8.com/viewthread.php?tid=1404675 一：代码的结构：音画中的图片有些是静态的,不动的.或我们自己写的文字也是静态的,但我们有时需要它有动态效果，这一讲我们就学习移动代码。 1:功能结构 <功能参数>显示内容<功能结束> 2:代码结构结构1: (直接用文字来做内容的移动):
内容例:
欢迎来到通吃岛3 结构说明: <> 是表示定义的开始和结束, marquee 是定义这段代码功能是"移动"代码, direction= 是定义移动的方向:参数有:left=先向左移动 right=向右 UP=向上 DOWN=向下 scrollamount= 定义移动的速度,用数字表示, 一般从3到7就合适了. behavior= 是定义移动的方式:单向可省略此参数.alternate=往反移动. width= 在移动代码参数中表示移动范围.宽. height= 在移动代码参数中表示移动范围.高. 内容任何文字或完整代码. 移动代码结束. 二:实例: 结构A: (用图片或复杂的表格来做移动内容): 1:移动图片:
图片代码例1:

例4:设置移动范围:
朋友，通吃岛欢迎你！2:移动表格:
完整表格代码例2:移动表格:

朋友，通吃岛欢迎你！

3:在表格内移动:

移动内容

例3:在表格内移动:

朋友，通吃岛欢迎你！

4:设置移动范围(固定区域移动):
移动内容例：

为方便看代码我省略了一些动画代码，只用了一个。我们现在的任务是：要在音画的中间位置开一个窗口，并且窗口里把古诗《关睢》由下而上运动，字体为楷体，大小为5号，颜色为黄色，窗口以外不显示字。怎么做呢？看以下步骤： 1、先复制布局的代码，首先初步确定这个窗口为宽400，高300，要开在中间，那么距离左边为300，离顶的距离为（600-300）/2+100=250,代码如下：

2、要在布局框内移动显示东西，我要求文字是由下向上运动的，所以我们再嵌入移动代码，并且只需要方向和速度参数就可以了，代码如下：

3、加入文字：

关关雎鸠，在河之洲。窈窕淑女，君子好逑。参差荇菜，左右流之。窈窕淑女，寤寐求之。求之不得，寤寐思服。悠哉悠哉，辗转反侧。参差荇菜，左右采之。窈窕淑女，琴瑟友之。参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。

3、加入文字格式代码：

关雎鸠，在河之洲。
窈窕淑女，君子好逑。
参差荇菜，左右流之。
窈窕淑女，寤寐求之。
求之不得，寤寐思服。
悠哉悠哉，辗转反侧。
参差荇菜，左右采之。
窈窕淑女，琴瑟友之。
参差荇菜，左右芼之。
窈窕淑女，钟鼓乐之。

4、合成代码：复制以上代码，把它加入到动画代码后面，其实在什么地方都关系不大，你也可以放到动画代码的前面，也就是说要在两种大类型代码之间。最后合成代码如下：

2011年5月19日

［论坛音画制作入门］ [转载]［论坛音画制作入门］第十二讲：音画中的移动代码［论坛音画制作入门］第一讲: 简单代码基础和准备工作 [转载]［论坛音画制作入门］第七讲：动画的插入和代码编辑［论坛音画制作入门］第五讲：图片的上传和代码编辑b 《音画制作入门》第一节音画制作入门全过程音画制作入门音画制作入门0 音画制作入门《音画制作入门》第八节音画制作入门（学习）音画制作入门(转载）【“代码法”音画教程】音画制作入门《音画制作入门》第三节不错要想看音画制作入门---怎样做边框 - 《音画制作入门》第二节.音画帖的仿制音画制作入门》第七节.音画作品的发布《音画制作入门》第一节.最简单的音画《音画制作入门》第五节.大图的分割《音画制作入门》第六节.ps生成文件的保存《音画制作入门》第五节.大图的分割1 《音画制作入门》第九节.音画图的动态修饰与调整《音画制作入门》第九节.音画图的动态修饰与调整-