北京烟花大学:转 [原创]学习代码制作音画

前言：

一篇优秀的文字，或一组奇绝的图片，只有配上合适的音画边框、背景音乐和动画效果，才算是一部完整的网络作品。

东湖论坛提供的编辑器只能制作普通的贴子，要制作音画贴，必须学习代码。代码就是网页设计所用的“HTML”语言，也叫“超文本协议语言”。在东湖编辑器中，通过点击“Design”、“HTML”按纽，可以很方便的在设计状态和代码状态之间切换。

网上制作音画的代码教程很多，但主要有两个问题。一是表述不清，学习困难。二是代码不错，但东湖无法使用。在这个贴里，我将为大家送上“东湖版”的代码制作音画教程。循序渐进，一步一步的掌握代码的使用方法。

从入门到大师，很多好的制作经验要不断的积累与总结，让我们一起来交流学习吧！

欢迎大家跟贴提问，我很乐意和大家一起讨论解决。（哥舒刀）

目录：

1楼： 前言

2楼：代码使用的基本规则

3楼：表格的代码结构

4楼：表格代码基本参数

5楼：表格代码其它参数

6楼：表格代码高级参数

7楼：表格明暗立体边框的使用

8楼：全屏音画的表格代码

9-12楼：制作欣赏

13-16楼： 多层嵌套表格的设计

17楼：表格参数系统默认值

18楼：对表格中一个单元格进行处理

19楼-26楼：实例_整图背景音画边框制作过程详解（全屏音画）

27楼-36楼：实例_多层边框背景音画贴的制作过程详解（全屏音画）

37楼： 插入图片代码

38楼：设定图片大小的参数

39楼：设定图片边框的参数

40楼：设定图片附注的参数

41楼：为图片增加点击链接的代码

42楼： 使用INPUT代码插入图片（可以解决东湖自动缩小图片显示的问题）

43楼-45楼：为图片加入羽化参数，模糊图片边缘的显示

46楼：使用INPUT代码，为图片加上边框

47楼：对表格背景图片或单元格背景图片进行羽化

48楼：为图片添加百叶窗的效果

49楼：为图片添加倒影的效果

50楼：为图片添加扭曲边缘的效果

51楼： 将图片变成黑白显示的效果

52楼：为图片添加模糊显示的效果

53楼：将图片负片反显的效果

54楼：为图片添加左右镜象的效果

55楼：文字效果处理：阴影字

56楼：文字处理效果：发光文字

57楼：文字处理效果：扭曲文字

58楼：文字处理效果：上下或左右翻转文字

59楼：文字处理效果：将文字侧倒放置

60楼：文字处理效果：竖排显示文字

61楼：文字处理效果：下落阴影文字

62楼：文字处理效果：如何显示更大的文字

63楼：文字处理效果：如何使用更多的字体

64楼：文字处理效果：如何设置文字段的首行缩进

65楼：文字处理效果：如何设置文字段的行间距

66楼：文字处理效果：如何设置文字段的段前、段后间距

67楼：文字处理效果：如何设置文字段的左右缩进

68楼：文字处理效果：遮罩文字显示

69楼：用另一个参数Chroma实现遮罩效果

70楼：文字处理效果：将文字用文本框形式显示

71楼：特殊应用举例：将阴影参数用于图片或表格上

72楼：组合运用举例：特殊字体、阴影、遮罩等

73楼：移动效果代码

74楼：移动效果：控制移动的方向

75楼：移动效果：控制移动的方式

76楼：移动效果：控制循环次数

77楼：移动效果：控制移动速度

78楼：移动效果：在移动时延时，走一走停一停

79楼：移动效果：设置底色

80楼：移动效果：设置移动的区域

81楼：移动代码组合效果应用示例一

82楼：移动代码组合效果应用示例二

83楼：移动代码组合效果应用示例三

84楼：移动代码组合效果应用示例四

85楼：移动代码组合效果应用示例五

86楼：插入透明动画代码

87楼：插入定位的透明动画代码

88楼：叠加多个透明动画，显示特殊效果

89楼：利用块定位代码来定位透明动画

90楼：插入影音动画

91楼：羽化效果用于动画效果上

92楼：将动画配合表格图片背景显示

93楼：为贴子加入背景音乐

94楼：使用播放器代码播放音乐：一

95楼：使用播放器代码播放音乐：二

96楼-98楼：非版主会员如何发全屏的音画（滴水藏海）

98楼-100楼：非版主会员如何叠加文字与透明动画（天未荒地已老）

101-140楼：各类音画边框素材 （哥舒刀）

141-143楼：各种分隔线素材 （哥舒刀）

147-150楼： 一组鱼的flash动画 （哥舒刀）

615-620楼：背景等图片素材一（映子YINGZI）

643-650楼：透明flash素材大全 （映子YINGZI）

661-700楼：偶喜欢的透明FLASH （映子YINGZI）

736-750楼：背景等图片素材二（映子YINGZI）

774-785楼：漂亮的枫叶素材图及可做边框的便笺（映子YINGZI）

791-804楼：各式制作素材（映子YINGZI）

832-895楼：图片制作素材（荷叶田田）

901-1401楼：图片素材（映子YINGZI）

制图素材——烟雨江南 （映子YINGZI）

制图素材——养眼图片，做背景、桌面都行 （哥舒刀）

制图素材——高清晰悬浮背景 （哥舒刀）

制图素材——美丽世界@如幻仙境 （哥舒刀）

制图素材——城市夜景、自然风景等 （哥舒刀）

制图素材——淡淡清香 （哥舒刀）

制图素材——中国各地金秋美景 （哥舒刀）

制图素材——兰花集 （哥舒刀）

制图素材——情迷慕尼黑缤纷秋色 （哥舒刀）

制图素材——喜马拉雅风情 （哥舒刀）

制图素材——山脈與湖泊 （哥舒刀）

制图素材——唯美的自然风光 （哥舒刀）

制图素材——简约之美 （哥舒刀）

制图素材——蝴蝶高清 （哥舒刀）

制图素材——如诗如画 （哥舒刀）

制图素材—— 音画边框材料 （天未荒地已老）

制图素材——透明ＦＬＡＳＨ（人物） （天未荒地已老）